教学 ♥ 添加标签小工具 - label gadget ( blogskin )
04 February 2012 @ 12:10 AM
给 Woonie 的
转帖请留言和附上链接 ♥
今天叫你们怎样在 blogskin 加入标签小工具
就是 label gadget .
不懂就去查 dictionary :3
步骤 ①
Template - Edit HTML
在你的小工具代码那里加入以下代码 :
*注意: 每个 blogskin 的代码不一样 所以帮不到你
在你的小工具代码那里加入以下代码 :
*注意: 每个 blogskin 的代码不一样 所以帮不到你
<div id="labelList"></div> <script type="text/javascript">
//<![CDATA[
function listLabels(root){
var baseURL = '/search/label/';
var baseHeading = "Labels";
var isFTP = false;
var llDiv = document.getElementById('labelList');
var entry = root.entry;
var h2 = document.createElement('h2');
h2.className = 'sidebar-title';
var h2t = document.createTextNode(baseHeading);
h2.appendChild(h2t);
llDiv.appendChild(h2);
var ul = document.createElement('ul');
ul.id = 'label-list';
var category = entry.category;
labelSort = new Array();
for(p in category){
labelSort[labelSort.length] = [category[p].term];
}
labelSort.sort();
for (var r=0; r < labelSort.length; r++){
var li = document.createElement('li');
var a = document.createElement('a');
if(isFTP){
a.href = baseURL + encodeURIComponent(labelSort[r])+'.html';
}
else {
a.href = baseURL + encodeURIComponent(labelSort[r]);
}
a.innerHTML = labelSort[r] + ' ';
li.appendChild(a);
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
llDiv.appendChild(ul);
}
//]]>
</script>
<script type="text/javascript" src="http://www.blogger.com/feeds/你的userID/blogs/你的blogID?alt=json-in-script&callback=listLabels" ></script>
步骤 ②
把以下这个代码换掉 :
红色的 换去你自己的 user ID .
拿到 user ID 的方法 :
Dashboard - View Profile
然后网址那边会是这样 :
后面那边的数字就是你的 user ID .
红色的 换去你自己的 user ID .
拿到 user ID 的方法 :
Dashboard - View Profile
然后网址那边会是这样 :
http://www.blogger.com/profile/16327560552973063701
后面那边的数字就是你的 user ID .
步骤 ③
把以下代码换掉 :
紫色的 换去你自己的 blog ID .
拿到 blog ID 的方法 :
Dashboard - New Post / Design
然后网址那边会是这样 :
紫色的 换去你自己的 blog ID .
拿到 blog ID 的方法 :
Dashboard - New Post / Design
然后网址那边会是这样 :
步骤 ④
保存 Save .
任何疑问请在 tagboard 问我
在评论箱留言的请通知我你已留下评论 (:
版权所有 翻印必究. ♥