Apni blog website me related post widget add kaise kare
Hello friends cit help in hindi me aap ka svaagat hai. friends aaj ham seekhenge ki apne blog me related post widget add kaise karte hai. related post hamaare blog ke lie bahut jaruree hai. kuch blog template me to related post widget pahale se hi add hota hai. lekin bhout saaree blog template aisee bhi hoti hai jiname related post widget nahi hota. agar aap ki blog template me related post widget nahi hai to is post ko step by step follow karke aap aasaanee se related post widget add kar sakte ho. jab bhee koi visitor google par kisee keyword ko search karke aap ke blog ki kisee post par visit karta hai to vah apne topic se related post ko padhana pasand karta hai ab agar aap ke blog me related post widget aad hai to visitor ko apne topic se related post aasaanee se mil jaegee or vah us post ko jaroor read karega. ab agar aap ke blog me related post post widget add nahi hai to visitor ko apne topic se related post padhane me thodi paresani hogi.jisake kaaran ho sakta hai ki vah us post ko padhane ke baad me aap ke blog se chala jaaye. is parkar ham apne blog me related post widget add karke apne blog par visitor ko badha sakte hai.
Related post widget kya hai?
related post ka matalab hai milatee julatee post. related post widget add karne ke baad me jab ham apne blog ki koi bhi post ko open karte hai to us post ke niche usi post se related post sow hoti hai.
related post sow karne ke lie sabse phale hame apni post me labels set karne padte hai. jaise ham apne blog ki kuch posts me computer tips name se koi lable use karte hai. ab jab ham computer labels vali kisi bhi post ko open karte hai to uske niche vo posts sow hogi jisame hamane computer tips labels ka use kiya tha. isee lie related post widget add karne se phale aap apne blog ki posts me labels set kar le. to chalie ab seekhate hai ki relate post widget apne blog me add kaise karte hai.
Related post widget ko blog me add kaise karte hai.
Related post widget add karne ke vaise to bahut saare method hai lekin aaj ham css va html ke dvaara apne blog me related post widget add karenge. mere hisaab se yha method sabase achchha hai kyonki yha method lag bhag sabhi blog template me work karta hai. to chalie step by step dekhate hai ki related post widget apne blog me add kaise karte hai.
Step1 . Related post widget add karne ke lie sabse pahale apne blog me login karo.
Step2. Ab template (theme) par click karo.
Step3. Ab edit html par click karo.
Step4. Ab apne html box par click karke Ctrl +F press karke search box ko open karo.
Step5. Ab search box me </head> type karke enter press karo.
Step6. Ab niche diye gae code ko copy karo or </head> ke just phale is cod ko peast karo.
<!--Related Posts with thumbnails Scripts and Styles Start--><!-- remove --><b:if cond='data:blog.pageType == "item"'><style type='text/css'> #related-posts{float:left;width:auto;}#related-posts a:hover{background: #f2f2f2;}#related-posts a{border-right: 1px dotted #eaeaea;}#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:4px 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;}#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}<!-- remove --></b:if>#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style> <script type='text/javascript' src='http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js' /><!--Related Posts with thumbnails Scripts and Styles End-->
Step7. Ab apne search box me type karo <div class=’post-footer’> or enter press kar do.
Step8. Ab niche diye gaye cod ko copy karo or <div class=’post-footer’> se just pahale peast kar do.
<!--
Related Posts with Thumbnails Code Start-->
<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>
<b:if
cond='data:blog.pageType == "item"'>
<script
expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"'
type='text/javascript'/></b:if></b:loop>
<script
type='text/javascript'>
var
currentposturl="<data:post.url/>";
var
maxresults=5;
var
relatedpoststitle="<b>Related Posts:</b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div
class='clear'/>
</b:if>
<b:if
cond='data:blog.url == data:blog.homepageUrl'><b:if
cond='data:post.isFirstPost'>
<a
href='http://www.hindihelpguru.org'><img alt='Blogger Widgets'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgSX6aKDYR0aKr1nwL3qZByjUD9NninUjmbEJ5u5tm5rry-JtiykxVK17z76yFs0-cLDjTdrKz8_wFkSKVSpTRyPnB0M0UFSqHLbue2807prKBngbYi2fPnlYAhRF8ockNpRoTfH90iZJC/s1600/best+blogger+tips.png'/></a>
</b:if>
</b:if>
<!--
Related Posts with Thumbnails Code End-->
Step9. Ab save par click dijiye aap ka related post widget aap ke blog me add ho chuka hai.
Agar aap ko yha post achchhee lage to please ise like and share jarur kar dena .agar aap ko koi problem aati hai to aap niche comment box me puch sakte ho.thank you.
EmoticonEmoticon