पत्येक पोस्ट के नीचे 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 :>



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



क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!
इस पोस्ट का शार्ट यूआरएल चाहिए: यहाँ क्लिक करें। Sending request...
Comment With:
OR
The Choice is Yours!

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

  1. सुन्दर बिजेट आप को धन्यबाद.

    ReplyDelete
  2. उपयोगी बिजेट

    ReplyDelete
  3. उपयोगी बिजेट धन्यबाद.

    ReplyDelete
  4. शानदार विजेट आभार मनोज जी

    ReplyDelete
  5. Nice post .

    Hindi Bloggers Forum International (HBFI)
    कैंसर का इलाज आसान है cure for cancer - कैंसर का शुमार आज भी लाइलाज बीमारियों में होता है तो इसके पीछे सिर्फ़ पैसे की हवस है।
    http://hbfint.blogspot.com/2012/02/cure-for-cancer.html

    ReplyDelete
  6. सभी ब्लॉगर साथिओं को पोस्ट पर राय के लिए हार्दिक आभार।

    ReplyDelete
  7. सुन्दर बिजेट आप को धन्यबाद,मनोज जी

    ReplyDelete
  8. शानदार विजेट thanks

    ReplyDelete
  9. Anonymous11:53

    Great,Post

    ReplyDelete
  10. उपयोगी जानकारी

    ReplyDelete
  11. उपयोगी जानकारी,आपका आभार

    ReplyDelete

Widget by:Manojjaiswal
Related Posts Plugin for WordPress, Blogger...
  • रफ़्तार
  • Online Marketing
    Praca poznań w Zarabiaj.pl
    Technology-Internet blog
     

    Blog Directories

    क्लिक >>

    About The Author

    Manoj jaiswal

    Man

    Behind

    This Blog

    Manoj jaiswal

    is a 56 years old Blogger.He loves to write about Blogging Tips, Designing & Blogger Tutorials,Templates and SEO.

    Read More.

    ब्लॉगर द्वारा संचालित|Template Style by manojjaiswalpbt | Design by Manoj jaiswal | तकनीक © . All Rights Reserved |