Pages

2010年7月10日星期六

Blogger 小修改 read more, Facebook share, Tweet this, Plurk, Google buzz, Yahoo buzz, tag cloud

FaceTech
經常用到Blogger,因為是google出品,可以綁定自已的域名,又可以加入一大堆功能,自由度還是很大的,最緊要是免費,但又可靠,下面是一些收集回來的小技巧,當備忘吧。

首先備份你的template

繼續閱讀 (Read More) :
1. 尋找]]></b:skin>,在後面與<head>之間貼上

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

2. 再用搜尋功能找到<data:post.body>這行,把下列語法置於其後

<b:if cond="data:blog.pageType != &quot;item&quot;">
<a expr:href="data:post.url"><br>Read More...</a>
</b:if>

3.用法 <span class="fullpost">隱藏的內容</span>

顯示代碼:
1. 尋找]]></b:skin>,在後面與</head>之間貼上

CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
height:200px; // for IE6
line-height: 1.2em;
}

2. 用法 <code>代碼</code>

分享文章到facebook,twitter,google buzz, yahoo buzz,pluk
1. 尋找 <div class='post-footer-line post-footer-line-1'>
,在後面貼上


<div style='padding-right:20px;'>
<div style='float:right;padding:0 10px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>

<div style='float:right;padding: 0 10px;'>
<a class='google-buzz-button' data-button-style='small-count' data-locale='zh_TW' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' rel='nofollow' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>

<div class='yahoobuzz' style='float:right; margin: 0 10px;'>
<script badgetype='text-votes' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'>data:post.url</script>
</div>

<script>
function toTwitter(title,link) {
window.open(&#39;http://twitter.com/home/?status=&#39;+title+&#39; &#39;+link);
}
</script>
<div style='float:right;background: url(http://lh6.ggpht.com/_xn2gmPb9TfM/Sb_fZkjAxpI/AAAAAAAAD3E/_9xpsQgFfTg/s128/twitter-16x16.png) left no-repeat;padding-left:15px;mrgin:0 10px'>
<a expr:onclick='&quot;javascript:toTwitter(\&quot;&quot; + data:post.title + &quot;\&quot;, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='javascript:void(0)'>Tweet</a></div>
<script>
function toPlurk(title,link) {
window.open(&#39;http://www.plurk.com/?status=&#39;+title+&#39; &#39;+link);
}</script>
<div style='float:right;background: url(http://www.zen.tw/wp-content/themes/arthemia/images/sociable/plurk.png) left no-repeat;padding-left:18px;padding-right:10px;mrgin: 0 10px'>
<a expr:onclick='&quot;javascript:toPlurk(\&quot;&quot; + data:post.title + &quot;\&quot;, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='javascript:void(0)'> Plurk</a></div>

</div>
<br/>


標籤雲 (Tag Cloud / Label Cloud)
1. 尋找]]></b:skin>,在前面貼上

/* 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}


2. ]]></b:skin> 和 </head> 之間加入

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>


3. 尋找 <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 -----------------
// Cloud function s() ripped from del.icio.us
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 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])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
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 = '/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>


0 意見:

張貼意見