趴弟筆記簿: blogger

顯示具有 blogger 標籤的文章。顯示所有文章

最新回應的作法 - 設定回應篇數
2008年5月26日星期一

之前在已經po了一篇最新回應的作法
後來發現，他會把所有的回應全部顯示出來！Orz...
那我如果只要限定最新的10則回應怎麼辦!?

將下面一整段貼到 HTML/Javascript的 element，紅色部分是新修改的地方。


<script>
g_szBlogDomain='xxxxx.blogspot.com';
g_iShowCount = 10;
</script>
<script src="http://twpaddy.googlepages.com/rc2.js"></script>

繼續閱讀...

張貼者：Paddy 於晚上11:54 0 意見

標籤： blogger

讓回應加上回應者圖片
2008年5月12日星期一

在Blogger 回應的地方，
幫回應者加上圖片

展開小裝置之後，找到下列的語法


  <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
      <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
        <a expr:name='"comment-" + data:comment.id'/>
        <b:if cond='data:comment.authorUrl'>
          <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
        <b:else/>
          <data:comment.author/>
        </b:if>
        <data:commentPostedByMsg/>
      </dt>
      <dd class='comment-body'>
        <b:if cond='data:comment.isDeleted'>
          <span class='deleted-comment'><data:comment.body/></span>
        <b:else/>
          <p><data:comment.body/></p>
        </b:if>
      </dd>
      <dd class='comment-footer'>
        <span class='comment-timestamp'>
          <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
            <data:comment.timestamp/>
          </a>
          <b:include data='comment' name='commentDeleteIcon'/>
        </span>
      </dd>
    </b:loop>
  </dl>

在剛剛找到的語法中間，插入下面紅色的這兩行


  <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
      <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<div class='commentphoto' style='float:right;'/>
        <a expr:name='"comment-" + data:comment.id'/>
        <b:if cond='data:comment.authorUrl'>
          <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
        <b:else/>
          <data:comment.author/>
        </b:if>
        <data:commentPostedByMsg/>
      </dt>
      <dd class='comment-body'>
        <b:if cond='data:comment.isDeleted'>
          <span class='deleted-comment'><data:comment.body/></span>
        <b:else/>
          <p><data:comment.body/></p>
        </b:if>
      </dd>
      <dd class='comment-footer'>
        <span class='comment-timestamp'>
          <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
            <data:comment.timestamp/>
          </a>
          <b:include data='comment' name='commentDeleteIcon'/>
        </span>
      </dd>
<div style='clear:both;'/>
    </b:loop>
  </dl>

在 ]]></b:skin> 與 </header> 之間，
插入下列這段語法



<script src='http://yggomelprup.googlepages.com/blogger_comment_photos.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]>
</script>

參考資料：

blogger 3.0:让你的博客文章页显示的评论出现头像

 Comment Author Photos

繼續閱讀...

張貼者：Paddy 於晚上11:14 0 意見

標籤： blogger

設定標籤雲
2008年4月27日星期日

將標籤改為標籤雲，
作法來至將Blogger Beta的Label作成Label Cloud

英文原文
Setup and configuration for New Blogger Tag Cloud / Label Cloud

首先先加入這一段CSS


/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

在]]></b:skin>與</head>中間加入

YOURBLOG 改為你blog的網址


<script type='text/javascript'>
 // Label Cloud User Variables
var lcBlogURL = 'http://YOURBLOG.blogspot.com';
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

找到這段
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

用下面這一段取代


<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>

  <div class='widget-content'>
  <div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
function s(a,b,i,x){
      if(a&gt;b){
          var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
             }
      else{
          var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
          }
      return v
   }

var ta=0
var c=[];
var labelCount = new Array();  
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
     if (!labelCount[ts[t]]){
           labelCount[ts[t]] = new Array(ts[t])
           }
        }
tz = labelCount.length-1;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
    for (var i=0;3 &gt; i;i++) {
             c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
              }      
         var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
         li = document.createElement('li');
         li.style.fontSize = fs+'px';
         li.style.lineHeight = '1';
         a = document.createElement('a');
         a.title = ts[t]+' Posts in '+t;
         a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
         a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t);
         if (lcShowCount){
             span = document.createElement('span');
             span.innerHTML = '('+ts[t]+') ';
             span.className = 'label-count';
             a.appendChild(document.createTextNode(t));
             li.appendChild(a);
             li.appendChild(span);
             }
          else {
             a.appendChild(document.createTextNode(t));
             li.appendChild(a);
             }
         ul.appendChild(li);
         abnk = document.createTextNode(' ');
         ul.appendChild(abnk);
    }
  lc2.appendChild(ul);    
</script>

<noscript>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>
</noscript>
    <b:include name='quickedit'/>
  </div>

</b:includable>
</b:widget>

繼續閱讀...

張貼者：Paddy 於中午12:03 0 意見

標籤： blogger

最新回應的作法
2008年4月9日星期三

最新回應的作法，是從Josh's Note的
讓comments也能顯示文章標題修改來的

原本的排版我不喜歡，所以改了一下。
並傳到Google Page Creator

在Blogger後台的版面配置，開一個HTML/Javascript的 element，並插入下列語法

紅色部分為Blog的位址


<script>g_szBlogDomain='xxxxx.blogspot.com'; </script>
<script src="http://twpaddy.googlepages.com/rc.js"></script>

直接把上面那一段的語法貼上即可。

js檔的程式如下，需要的可以自己拿去改:


var g_szBlogDomain;
if (g_szBlogDomain==undefined) g_szBlogDomain='http://paddyfeel.blogspot.com';
document.write('<div id="divrc">下載中...</div>');
var g_szAuthorsLink=new Array();
var g_szTitle= new Array();
var g_szOrgLink = new Array();
var g_iIndex=0;
var g_iShowCount=5;
function a_comprc(a,b)
{    
  order= Date.parse(a.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/,  '$1/$2/$3 $4 GMT')) - Date.parse(b.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/,  '$1/$2/$3 $4 GMT'));
  return 0-order;
}
function a_rc(json) 
{ 
  g_szComments = json.feed.entry.sort(a_comprc);
}
function a_FindTitle(posts,orgLink)
{
  var ret= orgLink; 
  for (var ii=0,post; post= posts.feed.entry[ii]; ii++) 
  {
    if (post.link[0].href == orgLink)
    {
      ret= post.title.$t;
      break;
    }
  }    
  return ret;
}
function a_FindIndex(posts,orgLink)
{
  var ij=0;  
  for (ij=0; ij < g_iIndex; ij++)
  {    
    if (orgLink==g_szOrgLink[ij])        
       return ij;
  }
  g_szOrgLink[ij]=orgLink;
  g_szTitle[ij]= a_FindTitle(posts,orgLink);
  g_szAuthorsLink[ij]='◎';
  g_iIndex ++;
  return ij;
}
function b_rc(posts)
{
  var temp = "";
  for (var i=0,comment; comment = g_szComments[i]; i++)
  {

    var content = comment.title.$t;
    var link = comment.link[0].href;
    var orgLink= link;
    var link2 = link;
    var iFind = link.indexOf('?');
    if (iFind<0)
        iFind = link.indexOf('#'); 
    if (iFind>0)
      orgLink = link.substring(0,iFind); 
    var index = a_FindIndex(posts,orgLink);
    if (index>= g_iShowCount)
    {
       g_iIndex--;
       break;
    }
    var auther= comment.author[0].name.$t;
    var timestamp=comment.published.$t.substr(0,10) + ' ' +comment.published.$t.substr(11,5);
 
 
 temp += '<div style="text-align:left;">' + auther + ':<a href="' + link2 + '" title="' + content + '">' + content.substring(0,12) + '</a></div>';
 temp += '<div style="text-align:right;padding: 0px 0px 5px 0px;">Re: <a href="' + g_szOrgLink[index] + '">' + g_szTitle[index].substring(0,10)  + '</a> </div>';
  }
  document.getElementById("divrc").innerHTML = temp;
}
document.write('<script src="http://' + g_szBlogDomain + '/feeds/comments/summary?alt=json-in-script&callback=a_rc"></script><script src="http://' + g_szBlogDomain + '/feeds/posts/summary?alt=json-in-script&callback=b_rc&max-results=99"></script>');

繼續閱讀...

張貼者：Paddy 於下午2:10 0 意見

標籤： blogger

繼續閱讀的功能
2008年3月31日星期一

繼續閱讀的功能，
是從Blogger Beta 中 Read More 與 Archive 只顯示標題作法 copy過來的

找到,</b:skin>
在</b:skin>與</head>之間
插入下面這一段


<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
span.fullpost {display:inline;}
</style>
<b:else/>
<style type='text/css'>
span.fullpost {display:none;}
</style>
</b:if>

找到<data:post.body/>
原本可能是
<p><data:post.body/><p>

將<p><data:post.body/><p>改成下面這一段



 <b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<data:post.body/>
<br/><a expr:href='data:post.url'> 繼續閱讀... </a>
</b:if>

在撰寫文章的時候，記得加上下面的Tag,


首頁顯示的部分
<span class="fullpost">
要隱藏的部分
</span>

在Blogger的管理介面-->設定-->格式-->文章範本
填入


<span class="fullpost">
</span>

之後每次新發表文章，預設就會有上面那一段語法囉，
不必在複製貼上啦~~

繼續閱讀...

張貼者：Paddy 於下午5:01 2 意見

標籤： blogger

首頁標題有連結
2008年3月25日星期二

有時候裝了一個新的templete，卻發現首頁上方的Blog標題(如趴弟筆記簿)沒有連結，
只是純Show標題而已，
內文的Blog標題才有連結回到Blog首頁。

可是...我首頁就是想Show連結嘛!!

找到


      <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <data:title/>
      <b:else/>
        <a expr:href='data:blog.homepageUrl'><data:title/></a>
      </b:if>

用這一段取代


      <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <a expr:href='data:blog.homepageUrl'><data:title/></a>
      <b:else/>
        <a expr:href='data:blog.homepageUrl'><data:title/></a>
      </b:if>

繼續閱讀...

張貼者：Paddy 於晚上10:33 0 意見

標籤： blogger

訂閱：文章 (Atom)

趴弟筆記簿

最新回應的作法 - 設定回應篇數
2008年5月26日星期一

讓回應加上回應者圖片
2008年5月12日星期一

設定標籤雲
2008年4月27日星期日

最新回應的作法
2008年4月9日星期三

繼續閱讀的功能
2008年3月31日星期一

首頁標題有連結
2008年3月25日星期二

關於Paddy

...

最新回應

Blog Archive

Tags

趴弟筆記簿

最新回應的作法 - 設定回應篇數 2008年5月26日 星期一

讓回應加上回應者圖片 2008年5月12日 星期一

設定標籤雲 2008年4月27日 星期日

最新回應的作法 2008年4月9日 星期三

繼續閱讀的功能 2008年3月31日 星期一

首頁標題有連結 2008年3月25日 星期二

關於Paddy

...

最新回應

Blog Archive

Tags

最新回應的作法 - 設定回應篇數
2008年5月26日星期一

讓回應加上回應者圖片
2008年5月12日星期一

設定標籤雲
2008年4月27日星期日

最新回應的作法
2008年4月9日星期三

繼續閱讀的功能
2008年3月31日星期一

首頁標題有連結
2008年3月25日星期二