樹形日志分類、評論、鏈接、最新日志 shinobi BLOG Ver.
按照这个步骤成功的同学也请留言告诉我吧^O^
开始前的扫盲:(能人请跳过)
所谓template的html/css代码:
按照这个步骤打开口的窗口,在右上方的框框里的就是template的html代码;右下方的框框里是template的css代码。其中html代码对应的是整个面板的布局;而css代码用于整个面板的字体背景等等的美化。
所谓plugin的html代码:
按这个步骤打开看到的就是plugin的html代码。作用部分是页面边栏,写在这个位置的代码,即使换了面板也不会受影响。
-----------------------------正文-------------------------------
第一步,把下面的代码复制到template的html中,<body>和</body>这两个标签之间,建议直接找</body>(一般都在倒数第二行),然后复制到它上面。
<script type="text/javascript">
<!--
function makeTreeElements (idName,objList) {
if (!objList.innerHTML) return;
var objLink = objList.getElementsByTagName('a')[0];
var linkUrl = objLink.getAttribute('href');
if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) {
var tmplinkUrl = linkUrl.split("#")
var tmpText = objList.innerHTML.split("⇒");
tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
this.base = Array('<a href="',tmplinkUrl[0],'">',tmpText[0],'</a>').join('');
this.elem = objLink.innerHTML;
} else if (idName.indexOf('entry') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/\((\d\d\/\d\d)\)/);
this.base = Array('[',RegExp.$1,']').join('');
this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
} else if (idName.indexOf('link') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/\[(.+)\](.+)/) ) {
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'" target="_blank">',RegExp.$2,'</a>').join('');
}
} else if (idName.indexOf('category') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/\[(.+)\](.+)/) ) {
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$2,'</a>').join('');
}
}
return this;
}
function createTreeList(idName,option) { // version 2.2
var objFocus = this.document.getElementById(idName);
if (!objFocus) return;
if (!objFocus.innerHTML) return;
var objLists = objFocus.getElementsByTagName('li');
var linkList = new Array();
var outText = new Array();
if (objLists.length > 0) {
for (i=0;i<objLists.length;i++) {
var chckFlag = true;
var elemText = new makeTreeElements(idName,objLists[i]);
if (!elemText.base || !elemText.elem) return;
for (j=0;j<linkList.length;j++) {
if ( linkList[j].base.indexOf(elemText.base) > -1 ) {
chckFlag = false;
linkList[j][linkList[j].length] = elemText.elem;
}
}
if (chckFlag) {
var tmpNum = linkList.length;
linkList[tmpNum] = new Array();
linkList[tmpNum][0] = elemText.elem;
linkList[tmpNum].base = elemText.base;
}
}
if (linkList.length > 0) {
outText[outText.length] = '<ul>\n';
for (i=0;i<linkList.length;i++) {
outText[outText.length] = Array('<li>',linkList[i].base,option.top).join('');
if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
for (j=0;j<linkList[i].length;j++) {
outText[outText.length] = (j == linkList[i].length - 1) ? option.end : option.list;
outText[outText.length] = Array(linkList[i][j],option.leef).join('');
}
outText[outText.length] = Array(option.btm,'</li>').join('');
}
outText[outText.length] = '</ul>\n';
objFocus.innerHTML = outText.join('');
}
}
}
var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '<li>'; /* ツリー用マーク(通常) */
gTreeOption['end'] = '<li class="end">'; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '</li>\n'; /* 各枝の末尾 */
gTreeOption['top'] = '<ul class="tree">\n'; /* ツリー本体の最初 */
gTreeOption['btm'] = '</ul>\n'; /* ツリー本体の最後 */
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linkslist',gTreeOption); // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
// -->
</script>
第二步,保存下面的两个图片。上传后获取地址。
PLUGIN中让新日志和評論帶有“NEW”和“UP”符號
侧边栏中让新日志和评论带有“NEW”和“UP”符号
原文:コメントや最新記事にNew&Upマークをつける
博客已经停止更新,所以只是留了个言。
ブログが更新停止しているので、コメントを書き置いただけです。
可以和树形兼容。
第一步,设置通用代码。
原作者说这部分代码可以放在template的html里面,也可以随便找一个plugin边栏写在html里面。不过我试下来不知道为啥只有前面一种才有效。而且一样是在<body>和</body>之间,具体位置的不同好像也会影响效果,我最终是直接放在<body>的下面才成功的。
所以建议:打开テンプレート設定,修改面板,在template的html部分找到<body>标签,把下面的代码复制到<body>标签的下面。
<script type="text/JavaScript">
function newupMark(u1, u2, u3, u4) {
delDay = 3;
oldDay = new Date(u1 + "/" + u2 + "/" +u3);
newDay = new Date();
u3 =(newDay - oldDay) / (1000 * 24 * 60 * 60);
if(u3 <= delDay) {
if(u4 == "new") document.write("<img src='New图片的URL' border='0'>");
if(u4 == "up") document.write("<img src='Up图片URL' border='0'>");
}
}
</script>
其中delDay = 3 表示三天内的日志/评论会显示符号,可以自己修改。
图片地址需要自己补上。如果只用new和up的其中一个,另一个最好也填上。也可以用html代码编写文字格式的NEW!!。
第二步,在具体需要显示符号的地方加入代码。
CATEGORY
ABOUT ME
Kirara 留言簿
0型血狮子座
80后女青年
一个人在伦敦
怎么就学了金融
为了开小店奋斗
要养虎斑猫
水彩纸上画丙烯
单反大光圈
恋声癖耳朵生物
最爱薄荷绿
搜罗陶瓷杯
→kiraramai@126.com←
COMMENT
- 这憋不住的倾诉欲
阿尔特密斯(06/30) - 樹形日志分類、評論、鏈接、最新日志 shinobi BLOG Ver.
setsunayu(06/12) - 留言簿
三火(06/05) - 樹形日志分類、評論、鏈接、最新日志 shinobi BLOG Ver.
Backlinks(05/14) - 留言簿
Jyane(03/20) - 留言簿
Jyane(03/16)
ALBUM