Random post with specific label - Blogger Widget

If you are looking for a random post widget for blogger then you are right place. This is an example how to add random post widget with specific label.

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
<script src='http://docs.google.com/uc?id=0B7xJbTAja8i0a0ZJbXJ2TkkwSW8&amp;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.

watch video tutorial :

Post a Comment