सभी पोस्ट के शीर्षक के ठीक नीचे सोशल बटन लगाये

मनोज जैसवाल : सभी पाठको को मेरा प्यार भरा नमस्कार। आज तकनीकी पोस्टो के क्रम में आपके लिए पेश है अपनी सभी पोस्ट के शीर्षक के ठीक नीचे सोशल बटन लगाये।इसमे Facebook,retweet,Digg काउंटर बटन शामिल हैं, इसे लगाने से निश्चित रूप से अपने ब्लॉग यातायात काफी वृद्धि होगी इसे लगाना बेहद आसान है।इस का लाइव उदाहरण मेरे इस ब्लॉग में देख सकते है।आपको अपनी टेम्पलेट में मामूली बदलाब करने होंगे जो नीचे दिए तरीके से किये जा सकते है।




1. लेआउट में जाइए।


2. एडिट एचटीएमएल पर क्लिक कीजिए। (एचटीएमएल कोड में परिवर्तन करने से पहले अपनी टेम्पलेट का बैकअप जरूर रखें। इससे आप अपनी मूल टेम्पलेट फिर से पा सकते  हैं ।


3. Expand Widget Templates को आवश्यक रूप से टिक कर दीजिए।
4. कोड में नीचे दिए गए हिस्से को ढूंढिए। सबसे अच्छा तरीका है Cont + F कुंजियों को दबाइए। एक फाइंड बॉक्स खुलेगा। इसमें नीचे दिए गए कोड को कॉपी कर पेस्ट कर दीजिए। एंटर करते ही आप कोड के इस हिस्से तक पहुंच जाएंगे।


5. यह कोड खोजें।

   <data:post.body/>

6. इस कोड के ठीक ऊपर नीचे दिया कोड पेस्ट कर दे।

  <b:if cond='data:blog.pageType == "item"'> 

<table border='0'>
<tr>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>
tweetmeme_style = &quot;compact&quot;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>

<td><div style='margin-right:25px;'>
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div>
</td>
<td><div style='margin-right:25px;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/>
</div>
</td>
<td> 

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->

</td>

</tr>
</table> </b:if><br/>

7.  अब आप यह कोड खोजें । 

                  </head>


इसके ठीक ऊपर नीचे दिया कोड पेस्ट कर दे। 


<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>
   
8. अपने टेम्पलेट को सहेजें और अपने ब्लॉग को कुछ सर्वोत्तम सामाजिक मीडिया बटन के साथ सजाये। .

क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!
MBT से साभार