Related Post With Thumbnail Widget Hacks for Blogger

Many of the user currently using widget by linkwith for showing related post by category or labels. There is another method also to sh...




Many of the user currently using widget by linkwith for showing related post by category or labels.

There is another method also to show the related widget in blogger itself without any external widget like linkwith.For this blogger hack you just need to change few codes of your blogger code and everything will be fine.

1.First of all Login to your blogger dashboard and navigate to Layout > Edit HTML and check the "Expand Widget Templates" check box

2.Now look for

/head

Replace it with


<!--Related Posts with thumbnails Scripts and Styles Start-->
<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 src='http://www.box.net/shared/79ad7y9i56' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

4. Now Find below code

<div class='post-footer-line post-footer-line-1'>

5. paste the below code just after the step-4

<!-- 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>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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:if></b:loop><a href='http://howtoraj.blogspot.com/2009/09/related-post-with-thumbnail-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.howtoraj.blogspot.com/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Note if you dont find the footer code don't worry, you may use after <p><post.body>Here

.......Just replace the 'Here' with the step-5 code.

6. You may adjust the maximum number of post by

var maxresults=5;

Change number 5 to any other number

7. You may change the title of related post widget by changing this

var relatedpoststitle="Related Posts";



Just Link this post if you really find this post Interesting


Related Posts with Thumbnails for Blogger


Technology Updates On Mail




COMMENTS

Name

3G,9,4G,9,ADSENSE,3,aircel,4,airtel,16,Android,8,Announcements,1,Apple,12,Asus,2,BHIM,1,Blackberry,11,Blogger Hacks,10,Blogger Templates,56,broadband plan,7,Browser,8,BSNL,13,Computer Games,6,Coupon Code,1,Customer Support,32,D2H,1,Data Plan,25,Dell,1,Digital Banking,2,Do Not Call,7,Downloads,31,DTH,8,Electronic Items,8,facebook,12,featured,1,free antivirus,7,Gadget News,7,google news,21,google Tips,10,GPS,5,Hacks And Tricks,7,HCL Laptop,1,Hitachi,1,howto,8,HP,2,HTC,5,Idea,5,Internet,7,Intex,1,iPhone,25,iPhone Price List,1,Kerala,2,Laptop,24,LAVA,7,Lenovo,3,LG,6,micromax,1,Microsoft,1,Miscellaneous,174,MNP Change,1,mobile Applications,8,Mobile Number Portability,3,Mobile Phone Price,29,Mobile Phone Review,124,mobile tariff plan,63,Mobile Unlocking Code,1,Mobile Wallet,2,motorola,12,MS Office,1,MTNL,1,Nokia,30,Offbeat News,1,Orkut,1,Paypal,1,PayTm,1,phone,4,Price List,2,reliance communication,4,Reliance Communications,2,Reliance Jio,25,Resources,1,samsung,9,Samsung Mobile Price List,1,SEO,2,skype,2,social media,1,software,4,Sony Ericsson,2,Sony Phone Price List,1,spice,2,Tablet,1,tata DOCOCMO,4,Tata Indicom,3,TATA Sky,1,Tech Define,2,Tech News,474,toshiba,1,twitter,1,Uninor,1,Upcoming Products,3,UPI,1,USSD Codes,9,Verizon,1,videocon,2,Vodafone,6,vodaofne,4,Web Hosting,6,Whats App,3,Windows,22,Wordpress,2,Wordpress Pluging,1,Xbox,1,Xiaomi,3,YouTube Hacks,5,
ltr
item
YourDataPlan - Telecom Updates & News - Jio, 4G,3G,LTE, Mobiles Data Plan: Related Post With Thumbnail Widget Hacks for Blogger
Related Post With Thumbnail Widget Hacks for Blogger
http://1.bp.blogspot.com/_r8GjWqN6cvM/Srd9TlQN7oI/AAAAAAAAG4g/okK59F2zaQY/s200/related_posts_widget.png
http://1.bp.blogspot.com/_r8GjWqN6cvM/Srd9TlQN7oI/AAAAAAAAG4g/okK59F2zaQY/s72-c/related_posts_widget.png
YourDataPlan - Telecom Updates & News - Jio, 4G,3G,LTE, Mobiles Data Plan
http://www.getfreedataplan.com/2009/09/related-post-with-thumbnail-widget.html
http://www.getfreedataplan.com/
http://www.getfreedataplan.com/
http://www.getfreedataplan.com/2009/09/related-post-with-thumbnail-widget.html
true
4333792579372704303
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy