2. search for </head> to add script. behind </head>
<script src='http://docs.google.com/uc?id=0B7xJbTAja8i0a0ZJbXJ2TkkwSW8&export=download' type='text/javascript'/>
3.search for ]]></b:skin> to add style/css. behind
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 {}4. save template.
5. add a widget.
6.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=https://boardacademy.blogspot.com/feeds/posts/default/-/yourlabel?orderby=updated&alt=json-in-script&callback=rpost_thumbs"></script></div>7.save
alert : replace https://boardacademy.blogspot.com/ this from your blog url
No comments:
Post a Comment