4 Jun 2018

Related post widget blog me kaise add kare hindi रिलेटेड पोस्ट ब्लॉग में कैसे ऐड करे

Toh hum sub chahate hai hamara blog professinal look me dikhe  uske liye hum bahut se widget add karete hai.Ajj hum log Related post widget blog me kaise add kare uske bare me janenge is post me step step by batane ja rahe hai  apke liye photo diya asani se samjhne ke liye  to suru karte hai .
Related post widget kaaise lagaye
Related post widget





Related post widget post kya hai ?

Related post ka matlad hota hai milajhula ye sambandit apke blog post me .TOH jab koi visitor Apke site per visit karta hai  toh ek post per click karta hai to usko use judhe post dikhi dete hai 


Example  

\
Koi visitor ye post padh raha hai , blog me popup facebook page kaise add kare ?

ye post ke do leabls hai /

1 Socail Site


2 Widget 


Ab ye post koi visitor ye post read kar raha hogato use leabls and categouries  ke  post jitine honehe usko show kare ga Is ye visitor ko asani se Ape site per surrf kaarte hai Aur apki site ke bhi visitor incresse hote hai to ap related post lagana chate hai  step follow kare

Related post blog me add kaise kare  ?


Agar apne blog ke liye jo template use kiye hai usme  related post widget pahle se add kiye hota hai to Shoe hota hoga . kai bar aise hota hai ki apka apna  post ye artical ke liye labels hi nahi banaye hote hai .YE related post show nahi hota hai to . isliye subse pahale ja kar app pahele check kre Agar app lebles and cetegoues banaye hai to kai bar HTML code galat ye remove ho jane ke karan ye kam nahi karta hai Toh add kaise kare niche diye hai 

Sabse phale blogger ke dashboard se template me chale jaye.
Edit template pe click kare aur HTML open kare 
Code me kahi pe click kere Ctrl +F  sath dabaye
Search box dikhi dega . isme
 </HEAD> likh na hai aur enter kare 
Ab is code niche diye gaye Code ko copy kare 



<!--Related post with thumbnail Scripts and Styles Start-->

<!-- remove --><b:ifcond='data:blog.pageType == &quot; item&quot;'

<style type='text/css'>

#related-posts {float:left;widh:auto}

#related-posts a {border-right: 1px dotted #eaeaea;}

#related-posts a:hover{background: #f2f2f2;}

#related-posts h2{margin-top: 10px;background:none;font:18px  oswald;padding:3px;color:#999999; text-transform:uppercase;}

#related-post .related_img {margin:5px;border:4px solid #f2f2f2;width:100px; height:100px;transition:all 300ms ease-in-out;-weebkit-transition:all 300ms ease-in-out;moz-transitions:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}

#related-title {color:#222;text-algin:center;padding:0 10px;fornt-size:14px oswald; line-height:16px; text-shadow:0 2 px 2px #fff;height:28pxwidth:100px;}

#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity: .7filter:alph(opacity=70);-moz-opacity: .7;-khtml-opacity:.7}</style>

<script type='text/javascript' src='http://blogger-related-post.googlecode.com/file/jquery.related-posts-widget-2,2,min.js/>

<!-- remove --></b:if>

<--Remove posts with thumbnails Scripts andstyles End-->





6.  </head> ke pahle ye code past kare .


note  :is code me jab koi  post me photo nahi dalige to defult photo shoew hoga isliye ap blog ke post me jarir ek photo ko dale ise apka content accha shoe kare ga .
Agar 5 lable ke post likhe ge to wo 5 related post show kare ga . Ap ise bhi change kar shkte hai .


blog banakar paise kaise kamaye

Adsense per day 100$ kaise kamaye

7. Ab fir se template html code me <div class='post-footer'> Search kare. iske upper niche diye code  ko copy kare 


8. Tab apko template shave kar digiye .


Toh apne post me diye gaye jankare se related post ko add kar liye hai  to dosto apko apne blog me ja kar check kar sakte hai .tob koi problam aata hai to mujhe comment kar sakte hai .

Related Posts

Related post widget blog me kaise add kare hindi रिलेटेड पोस्ट ब्लॉग में कैसे ऐड करे
4/ 5
Oleh

आपका post कैसे लगा ज़रूर बताये और साथ ही आप मेरे site को Subscribe जरुर करे .और आपका कमेंट verification होने के बाद ही dhikhai देगा Comment करने के लिए आपका धन्यवाद