欢迎光临ww万圣节快乐哦w亲们ww

Welcome to angel smile.

Smiling angel. I hope one day I can see you smile bright as sun.





【教程】制作Blog Archive(BS)
 
2013年5月2日星期四 

5月5要到了w
重新收拾心情要考试了……(哭泣

今天教大家 制作Blog Archive:)
很多人不知道 Blog Archive 是什么,现在我就给你们看……
Blog Archive是下面图画的那个
Blog Archive 有很多种,每一种都不同样子不同设计
而且我只会这个XDDD



 ONLY blogskin

1 Templete - Edit html
2 在它喜欢的地方放入 :
div style="border:1px solid #eee;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1AtGont7jKsAAT9ncDltCludPOzAkMm12ezi-5x5dOcnMVBmciAyCLENYdb86GSpk2ZiYy44nxj7QS6UF2wUC0luOakhmv905cqCzOFy8LuoMAJVJpzNVEwuj5HSLzWNtN2XDnYcM5xQ/s1600/linepattern.png); width:230px; padding:5px; border-bottom:none;color:#555;text-align:center;">
Read It</div>
<div style="border:1px solid #eee;background:#fff; width:226px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; ">
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAhyphenhyphenFAOigakUYM1SEtTAtabIM0PUz0IkcyMTSyPHW9o2jBl8pC0u7aSrDWwdRFfkAqN-GKrF8iwM7uESQUMsIoV3kXSFhwa6Y9qaeXUYOBvM4ldsyzojiFVIabuSLQfmNsWxVOHERRRNQ/s1600/tumblr_m89ijgwTnx1qdlkyg.gif); background-size:12px; background-repeat:no-repeat; padding-left:14px;">
<$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems></div>




说明:
红色 - 上边那行标题的背景图案,可以随意更改:)
橙色 - Read It可以改掉,改成自己喜欢的字。例如past tense、see it 之类的。
蓝色 -  小图案,可以改成自己喜欢的图案哦。


background-color就是背景色,可以改。color就是字体色,可以改。

px就是变大,可以改。

border就是框,px值越大框就越粗;框的颜色可以随意改;solid就是框的pattern,你可以改去dotted、dashed、inset等等。(教程有)


祝你们成功:)
有问题在cbox问我哦



标签:



Copyright ©.Layout by:Evangelista. All right reserved 2011-infinity.