Aaj Ke is trick me hum aik aisy blogger widget ko discuss karengy jisy add karny se hamari blog ke page views increase hojaingy isky ilawa is widget se post nivigation easy hojaigi . ye widget hai "Related Posts" Ka . ye widget apky blog ke har post ke neechy add hojaigi aur new posts k sath bhe automatically add hogi .
ye aik beautiful widget hai jo posts ke Thumbnails ke sath show hogi . ye widget apky labels aur posts se data fetch kary gi . is widget se apky visitors apky blog ko leave nhe karengy balky post read karky neechy wo aur posts k titles dekh ke unpe click karengy aur as a result apky blog pe ziada waqt guzarengy aur apky page views ziada rahengy .
How To Add This Widget To Blog
1 : Blogger Dashboard Open Karen .
2 : Template Pe Click Karen Aur Isky Baad Edit HTML Pe .
2 : Template Ke Andar Kaheen Bhe Click Karen Aur isky baad CTRL+F Press karky search box kholain .
3 : Search Box Me </head> Likho aur Enter daba ke search Karo .
4 : Neechy code ko copy karky </head> ke bilkul touch aur right side (above) me past karen .
<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <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/AVvXsEjcIetZisCfmsyg-fhOdfjvUUJMEJw6nC_vrSfW1mQlpN39Hqcvc4IgPh-5eAhRJtJJj1ZiblssglCtuRQ6xAiEZYkuH9UgXGxGS9E67_2oauUCy45LgBkmUXiDtjaGyMEzzkLcXQhnq9vB/s1600/no_image.jpg"; var maxresults=4; var splittercolor="#DDDDDD"; var relatedpoststitle="Related Posts"; </script> <script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->
Note :-
Agar aap 4 posts se ziada show karna chahty hain to code me green 4 ki jaga apni marzi ka value likhain .
Ab apny template me is code ko search karo .
<div class='post-footer'>
Ab nichy ka code copy karky <div class='post-footer'> ke bilkul right side (above/before) me past karen
<!-- Related Posts with Thumbnails Code Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=4"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://thatsblogging.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizD23ofu7qmOqEJ8OLtWuuZNvSPGYleQpWb2GGluTGIub2P58F-IOZ8oKLWudGrn3gev7QJlsCDlUk2sbc4YtbNOuBoXHoAcIgflURNKaYUrwo-tQ9vFtTckGPSEmqKCvTLUc9VE9wPsQr/s1600/best+blogger+tips.png'/></a> </b:if></b:if> <!-- Related Posts with Thumbnails Code End-->
Note:-
Agar aap 4 posts se ziada show karna chahty hain to code me green 4 ki jaga apni marzi ka value likhain .
Ab Save Template Pe Click karky Template Save Karlain aur blog visit karky daikhain ke widget add hogaya ke nahe .
add hony ke baad apka widget istarah nazar ayega .
apny comments zaroor pass kejeiy ga aur koi problem ho to puch laina .
0 Comment to "How To Add Related Posts Widget With Images To Blogger"
Post a Comment