पत्येक पोस्ट के नीचे social बुकमार्क विजेट जोड़े

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

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


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


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

    ]]></b:skin>

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

1. And paste the code below just above ]]></b:skin>

.mbt-bookmarking a {

display:block;

height:42px;

width:48px;

padding:0 9px;

float:left;

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDmLMUdZs65k2CYYQsD7LzXuYsNRXXyV80u4D0HgF285epP8VACFy2O109ZbeS1nXd2Li7NkhT7a2cU4Bcn1jk2Cn8zuRoRtdOE1mG0YKEnXRidYCeufu_HaKWz3cwLrI2pi_dhF8Mj2OB/s1600/flapper.jpg) no-repeat;

}

.mbt-bookmarking a.delicious {

background-position:0px 0px;

}

.mbt-bookmarking a.delicious:hover {

background-position:0px -43px;

}

.mbt-bookmarking a.digg {

background-position:0px -86px;

}

.mbt-bookmarking a.digg:hover {

background-position:0px -129px;

}

.mbt-bookmarking a.stumbleupon {

background-position:0px -344px;

}

.mbt-bookmarking a.stumbleupon:hover {

background-position:0px -387px;

}

.mbt-bookmarking a.technorati {

background-position:0px -430px;

}

.mbt-bookmarking a.technorati:hover {

background-position:0px -473px;

}

.mbt-bookmarking a.twitter {

background-position:0px -516px;

}

.mbt-bookmarking a.twitter:hover {

background-position:0px -559px;

}

.mbt-bookmarking a.facebook {

background-position:0px -172px;

}

.mbt-bookmarking a.facebook:hover {

background-position:0px -215px;

}

.mbt-bookmarking a.reddit {

background-position:0px -258px;

}

.mbt-bookmarking a.reddit:hover {

background-position:0px -301px;

}

.mbt-bookmarking a.yahoo {

background-position:0px -602px;

}

.mbt-bookmarking a.yahoo:hover {

background-position:0px -645px;

}

     4.      अब इस कोड को खोजें  <data:post.body/> . अगर यह कोड आपके टेम्पलेट में नहीं है तो इसे खोजें 
                    <p><data:post.body/></p>                                    
     5.     इसके ठीक नीचे  <data:post.body/> या  <p><data:post.body/></p>, यह कोड पेस्ट कर दीजिये,

<!--MBT Bookmarking Widget (HTML)--> <div class='mbt-bookmarking'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/><font color='#289728' face='ms sans serif' size='3'><b>Kindly Bookmark and Share it:</b></font>
<br/><br/>
<!-- Delicious -->
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/>

<!--DIGG-->
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>

<!--Stumble-->
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/>

<!-- Technorati -->
<a class='technorati' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank' title='Fave this :&gt;'/>

<!-- Twitter -->
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>

<!--Facebook-->
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/>

<!-- Reddit -->
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark and tag this :&gt;'/>

<!-- Yahoo -->
<a class='yahoo' expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark this :&gt;'/>

</b:if></div>

You can replace the bolded text in green with any statement you like. You can also change the text colour i.e #289728 with any colour you like. Use our Color Chart for this purpose.

   6.     Now Finally save your template and view your blog to see a colorful bookmarking widget just below all your posts :>



 अपने टेम्पलेट को सहेजें और अपने ब्लॉग को कुछ सर्वोत्तम सामाजिक मीडिया बटन के साथ सजाये।

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