backup

CSS RELATED POST WIDGET.

<img align="left" alt="relatedposts.jpg" src="http://farm9.staticflickr.com/8003/7270510484_49bffe3d8a_t.jpg">In one of my <a href="http://freebie-planet.blogspot.com/2012/04/related-posts-widget-for.html" target="_blank">previous posts,</a>I gave out a site to add the "Related post widget" to your blog,but for those who might prefer to embed the codes into their template,this is a nice way of doing that.<h4>HOW TO ADD THE WIDGET ON YOUR BLOG.</h4>First,login to your <a href="http://www.blogger.com" target="_blank">Blogger Account.</a> Go to Design/Layout»»Edit HTML.[Backup your template in case something goes wrong.] Check the box next to <input type="checkbox" name="" value="" checked>Expand Widget Template and search for </head>by pressing CTRL+F.On getting that,just copy/paste the code below directly before/above it. <b:if cond='data:blog.pageType ==&quot;item&quot;'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia,&#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script type='text/javascript'> var defaultnoimage="http://farm8.staticflickr.com/7104/7267555714_285261d73d_t.jpg"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="Related Posts"; </script> <script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/> </b:if> <big>NOTE»</big> When a post has no image,a default image is shown.To change the picture,get the address of an image,then change it with the url in red above. Likewise,to change number of posts,replace 5 in the code above.<big>Next</big>,search for either of these codes <div class='post-footer-line post-footer-line-1'><big>Can't find that?</big>,search for this instead.On getting any of those two,copy/paste the code below directly after it.  <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast!= &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name+ &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp; max-results=5&quot;' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script> </div><div style='clear:both'/>  </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://freebie-planet.blogspot.com'>Home of internet freebies.</a> </b:if></b:if> CHANGE 5 ABOVE TO THE NUMBER OF POSTS YOU WANT SHOWN.Now most importantly,save your template,and that's it. Adapted from HELPLOGGER!!!.

In one of my previous posts, I gave out a site to add the "Related post widget" to your blog,but for those who might prefer to emb...

Baca selengkapnya »

In one of my former posts,I gave a site where you can add a custom <a href="http://freebie-planet.blogspot.in/2012/03/recent-comment-widget-for-blogs.html" target="_blank"> Recent comment widget </a>to your blog and today,I'll be giving out another site which will add a Related-post automatically to your blog.There are some javascripts which also functions thesame,but all the one's I tried either failed to work,or just functions as a 'Random post widget',because the posts displayed are always far from being related to the present post.To get this gadget,simply go to <a href="http://www.linkwithin.com/learn" target="_blank">this site</a> and fill out all the boxes with the appropriate answers.You do not need to signup to <a href="http://www.linkwithin.com/learn" target="_blank">the site</a>. Once you fill in your Email address and Blog link,just select which platform your blog is hosted and the number of post you want to display for each post.After that,click on GET WIDGET.You will be taken to a new page where you can change the default name of the widget and prompted to select the blog you would like the widget to appear ' if you have more than one blog '.Having done that,just click on ADD WIDGET. That's all.You can now view your blog to confirm. NOTE:The widget includes no ads.

In one of my former posts,I gave a site where you can add a custom Recent comment widget to your blog and today,I'll be giving out anot...

Baca selengkapnya »