1. go to blogger dashboard, select template and edit html.
2. search for </head> to add script.
- you may download and upload to your site, or just use this link (no download required)
script
2. search for ]]></b:skin> to add style/css.
2. save template.
3. add a widget.
3. edit widget. at this example i use random post with label "blogger", you must replace it with your label.
4. save.
2. search for </head> to add script.
- you may download and upload to your site, or just use this link (no download required)
script
<script src='http://docs.google.com/uc?id=0B7xJbTAja8i0a0ZJbXJ2TkkwSW8&export=download' type='text/javascript'/>
2. search for ]]></b:skin> to add style/css.
img.label_thumb{ float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px; } img.label_thumb:hover{ background:#f7f6f6; } .label_with_thumbs { float: left; width: 100%; min-height: 70px; margin: 0px 10px 2px 0px; adding: 0; } ul.label_with_thumbs li { padding:8px 0; min-height:65px; margin-bottom:10px; } .label_with_thumbs a {} .label_with_thumbs strong {}
2. save template.
3. add a widget.
3. edit widget. at this example i use random post with label "blogger", you must replace it with your label.
<div style="overflow:hidden; width:100%px; height:auto; padding:10px; border:1px dotted #ddd; background-color:#fff"><script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 50;</script><script type="text/javascript" src="http://frxangelz.blogspot.com/feeds/posts/default/-/blogger?orderby=updated&alt=json-in-script&callback=rpost_thumbs"></script></div>
4. save.
i love this random post code, thanks for sharing
ReplyDeleteLatest Entertainment News in Nigeria