Sunday, December 8, 2013

// // Leave a Comment

Add Multipul Related Post Widget & LinkWithin For Blogger

Add Multipul Related Post Widget & LinkWithin For Blogger
Related posts Widget, as the title says , this Widget will generate the list of related posts. this Widget can be added either in homepage (under each posts) or inside the post. By placing this related posts Widget, there is chance the spread the other posts to visitors and they may have a tendency to take that post from the list, it will reduce the bounce rate of your blog and will keep your visitors from suddenly quit from your blog. Let's see how to add related posts widget to Blogger




Related Post Widget Using LinkWithin Direct


Go to LinkedWithIn website and follow the simple instructions
Give e-mail id, blog url, select platform as Blogger and select number of posts should be displayed.

You Have Done

Add Related Post Widget Manually

  • Sign in to Blogger
  • Template >> Edit Html >> Expand Widgets
  • Find </head> 
  • Copy the below code above </head>
<!--Related Posts with thumbnails Scripts Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'> /* remove this */
<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: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaPgtvyKucO-VDtfZ4mfq6dLkpWVJ1EX3f3oaKQPEynpbrZv7IfaSUOFqoqCiocW-e_K4mlY1C6-2-ANHCOMGpvnbkSSFnyblq1nT8nIrRn7Tn7BvK1C342fZ1-mLF9P5-CP_-s8RGmd0/s400/noimage.png";
var maxresults=5;
var splittercolor="#DDDDDD";
var relatedpoststitle="Related Posts";
</script><a href="http://Tonyisright.blogspot.com" style="font-size:0pt">Blogger Widgets</a>
<script src='http://netoopscodes.googlecode.com/svn/netoops-related-posts-with-thumbnails-blogger.js' type='text/javascript'/>
</b:if> /* remove this */
<!--Related Posts with thumbnails Script End-->

Customization 

  • Place the URL of the image in quotes to display if there is no image in the post.
  • Maxresults=5 - change the value to change the number of posts to be displayed.
  • Splittercolor="#DDDDDD" - change the color of splitter line between posts. Check here to see color codes selector
  • Relatedpoststitle="Related Posts" - Change the Name of title.

Adding To Post Footer

  •  Find <div class='post-footer'> and copy the below code above 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=6&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://netoopsblog.blogspot.com'><img alt='Blogger Widgets' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc1Jq1B0Va7TcqZN_DiFvpaEZZDY9W0Gvnpmzm8rzwGuNXwzgtGwtg4FU7PThCrBnf8n6Aiq_ks9-PyTPycXTdqmnyjKi3pH5jmcvgs2KPJL1qzRntb099NOwDImu26IH0UBRuu5_rKEM/s1600/1x1juice.png'/></a>
</b:if></b:if>


  • Remove RED marked to add related posts to homepage too.
  • Change Orange marked to change the number of posts should be displayed 
Save the template you have done thanks for visiting and staytuned!
Read More
// // Leave a Comment

Beautiful Recent Comments Widget for Blogger, Feed Comments

Beautiful Recent Comments Widget for Blogger, Feed Comments
There are many changes made to Blogger Commenting System. At earlier time the basic commenting System was used then it changed to Threaded Comments (Others can reply to one comment), it can be change back to basic blogger Commenting System. All Blogger blogs are using Threaded Comments System. Now another type of commenting System was introduced in Blogger Blogs, Google+ commenting System.
The Recent Comments Widget also inspire your blog visitors to post a comment. Your visitors may be interested to see their names in other blogs. If their comment is good ,it will catch other visitors eyes and they also may have wish to do comment.
The Recent Comment Widget shows the Commentators name with Profile link followed by the Post name and followed by their Comment. This Widget can be added to Sidebar or Footer or anywhere which catches the visitors eyes.

Adding Recent Comments Widget In Blogger Blog:

  • Go to blogger dashboard
  • layout >> Add a gadget
  • Html /Javascript
  • Give the title and paste codes and save it
<script style=text/javascript src="http://netoopscodes.googlecode.com/svn/branches/Js files/recent_comments_netoopsblog_min.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://tonyisright.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><a style="display:none" href=http://netoopsblog.blogspot.com>Recent Comments Widget</a><style type=text/css>.rcw-comments a {text-transform: capitalize;}.rcw-comments {border-bottom: 1px solid #666; padding-top: 6px!important; padding-bottom: 6px!important;}
</style>
Change the RED color Url with your own blog URL thanks for visintg and staytuned. 
Read More