How to add Related Posts Widget in Blogger with Square Thumbnails

By -
Blog is all about getting more Page Views and More Visitors, Once you have get a visitor from a Search engine or from Social Media then You have to make sure that visitor stay on your blog and read more of your content, Related Posts Widget is very helpful in this regard, It has many advantages which can increase your Blog Page Views, Improve your Blog Ranking and can earn more for you more. Today I am going to share with you a Related Post widget with some simple steps, So lets Start the Fun.

Step 1:

Log in to Your Blogger Account and Select the Blog Which You wanted to Modify. Go to Template >> Edit HTML

 Step 2:

 Click inside the Code area and Press CTRL + F   For find search box.

Step 3:

Type </head> in the search Box and Press Enter.

Step 4:

Paste the following code just above the </head>


<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #EEEEEE;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:2px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; }
#related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;}
#related-posts .related_img:hover{border:2px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' />
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


Step 5:

Now find this line <div class='post-footer'> 
and Paste the Following Code just above it. 

<!-- Related Posts with Thumbnails Code Start--><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'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/><div style="font-size: 9px;float: right; margin: 5px;"><a  style="font-size: 9px; text-decoration: none;" href="http://helplogger.blogspot.com/2012/03/how-to-add-related-posts-widget-to.html" rel="nofollow" >Related Posts Widget</a></div></b:if>
<!-- Related Posts with Thumbnails Code End-->

Step 6:

Press the Save Button, Your Widget is Added.

IF You still have any Problem just ask in the Comment Box.

Comments

Post a Comment

Popular posts from this blog

How to open any Block Website in Pakistan (The Simplest Way)

By -
Image
In this post you will learn a very simple method about unblocking a website from Pakistan, This is a very simple way and you do not need to do it again and once it is done. Some time we need to open a website and the website is blocked because of some reasons like Students would have learn many things from YouTube Video tutorials But the YouTube is Blocked in the same way there are many websites which can be used for educational purpose, So lets start the process. HOW TO UNBLOCK A WEBSITE FROM PAKISTAN? Unblock Website in Mozilla Firefox: If you are using Mozilla Firefox Browser then you just need to follow the Following steps to unblock the website. we are going to add an extension or add-on into Mozilla Firefox which will take only 2 seconds to be installed on Mozilla. Open this post in Mozilla Firefox from your computer or Mobile phone. And CLICK HERE ( Proxmate the ADD-ON ) Now simply add the add on from opened Page of Mozilla Firefox. Unblock Website in Goog
Read more

Being a Successful Solo Ad Provider (Complete Guide for Starters)

By -
Image
If you want to sell Solo Ads and make money, but did't know how to start, then you have come to the right place. I am going to share with you my own experience and all the pits and falls in the Solo Ads business. Before we jump into Solo Ads business and start selling solo ads, we have to understand what actually a solo ad is ? Essentially solo advertisements are clicks that originates from Email Blasts, or Campaigns, Sequences. You can buy a set number of snaps from different solo promotion venders. Now lets see how you can start the Solo Ads business and what are the come basic steps toward being a successful seller. In this article I have divided the whole story into two sections; One  Becoming a Solo Ad Seller and Second Becoming a successful Solo Ads Provider. Becoming a Solo Ads Seller or Provider: As we know so far that if you want to be a solo ads provider then you must have an email list of people to whom you can send the ads or links or offers or anything
Read more

Top 10 Life Insurance Companies in Pakistan (Updated list)

By -
Image
This is a list of insurance companies of Pakistan, We have provide this rating on the basis of Survey done by the American Surveys for Public Services, This list is updated every six month.   New Jubilee Life Insurance Company Limited: Jubilee Life Insurance was chosen as the new name after a thorough research exercise. The word “Jubilee” is already well-known in the financial services market and is associated with “Happiness” which very much relates to our business. We therefore decided to give you the confidence of our strong presence in the market coupled with a promise to help you plan and realize your financial dreams to keep you and your loved ones happy at all times. With a global brand we will bring you global best practices in services and world class solutions to your financial needs- Jubilee Insurance State Life Insurance Corporation of Pakistan: To remain the leading insurer in the country by extending the benefits of insurance to all sections of society and meeting our com
Read more