पोस्ट शीर्षक के नीचे सोशल शेयरिंग एवं Resize Text बटन लगाएँ

नोज जैसवाल :सभी पाठकों को मेरा प्यार भरा नमस्कार। उत्तर प्रदेश (UP) विशेष कर पीलीभीत की बेहद खराब बिजली व्यवस्था को कोसते हुए मैं यह पोस्ट लिख रहा हूँ,आज तकनीकी पोस्टों के क्रम में आप को जानकारी दे रहा हूँ कि आप अपने ब्लॉग या वेबसाइट पर प्रत्येक पोस्ट शीर्षक के नीचे सोशल शेयरिंग एवं Resize Text बटन लगाएँ। इसे बेहद आसानी के साथ आप अपने ब्लॉग पर स्थापित कर सकते हैं। इसमे लगभग सभी सोशल शेयरिंग बटनों के साथ पोस्ट पर लिखे अक्षरों को भी छोटा या बड़ा करने का विकल्प भी दिया गया है। जो आपके पाठकों एंव आपको भी पसंद आयेगा, उम्मीद करता हूँ यह आपको ज़रुर पसंद आयेगा, आप नीचे दिए आसान चरणों का उपयोग कर इस विजेट को अपने ब्लॉग या वेबसाइट पर स्थापित कर सकते हैं। इसका लाइव डेमो आप यहाँ देख सकते हैं।



आप अपने ब्लॉगर एकाउंट में लांग इन हो। डेश बोर्ड -->टेम्पलेट -->एडिट टेम्पलेट पर जाएँ। स्क्रीनशाट के अनुसार आप काले निशान पर क्लिक करेगें तब आपको एक काले निशानों की लिस्ट दिखाई देगी देखें यह स्क्रीनशाट। एंव नीचे दिया कोड खोजें।

<b:includable id='post' var='post'>

यहाँ आपको ऊपर दिया कोड मिलेगा इस पर क्लिक करने पर आपको नीचे दिया कोड मिलेगा, देखें यह स्क्रीनशाट


<div class='post-header'>

अब ऊपर दिए कोड के ठीक नीचे नीचे दिया पूरा कोड कॉपी कर पेस्ट कर दें। देखें यह स्क्रीनशाट। एंव टेम्पलेट को सेव कर दीजिये, विजेट आपके ब्लॉग पर सफलता पूर्वक स्थापित हो गया है।


<b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div class="controlstyle" id="sizecontroldiv"> <div id='cdfloat'> <div id='cdsidebar'> <!--<span style="height:100px;display:inline;"><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </span> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="probloggingtool">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> <script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script> <g:plusone size="Tall" expr:href="data:post.url"> </g:plusone> <a href="http://pinterest.com/pin/create/button/" class="pin-it-button" count-layout="vertical"> <img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a> <a href="javascript:print();"><img src="au-images/print.gif"></a> --> <style type="text/css"> .controlstyle a{ /*links inside DIV sizecontroldiv*/outline:none;} .controlstyle a img{ /*image links inside DIV sizecontroldiv*/border-width:0;} .controlstyle a.selectedcontrol img{ /*selected control's image*/border-bottom:4px solid darkred;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </script> <script src="http://dl.dropbox.com/u/37128917/fluidtextresizer.js" type="text/javascript"> </script> <script type="text/javascript"> var mytextsizer=new fluidtextresizer({ controlsdiv: "sizecontroldiv", //id of special div containing your resize controls. Enter "" if not defined targets: ["body"], //target elements to resize text within: ["selector1", "selector2", etc] levels: 3, //number of levels users can magnify (or shrink) text persist: "session", //enter "session" or "none" animate: 200 //animation duration of text resize. Enter 0 to disable }) </script> <script type='text/javascript'>var switchTo5x=true;</script> <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/> <script type='text/javascript'>stLight.options({publisher: &quot;017614b3-4d27-4ab1-b4d2-872b8a5f277b&quot;});</script> <a href="#smaller"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwpK-lwfBPSLgCipT-x4FVfckt5xQbIyLMZSXUuGH_y_XG2QYPE6i3aXuyJHbHkOZMuRTWAZI9ULDvu5C8BM7BNQ2XBXOOZfFxohujUvobNd7LuoW91G3H85diQ92F5m07B_ttfRnwcL7p/s1600/fontminus.gif" width="55"/></a> <a href="#bigger"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHLWFD_sLGlvnyKMehEZdMElx0zjTPM1gJt0_whxbEZkLSl1J3fUcsLifTF9gkt16Q8UurMBuTOuGtEpIL_yKwT4UVHhY5ihunutiYYpYCcTi7X1jWDzERdVVCQVWG4ubnebWTPXI7oK11/s1600/fontplus.gif" width="55"/></a> <span class='st_facebook_vcount' displaytext='Facebook'/> <span class='st_googleplus_vcount' displaytext='G+'/> <span class='st_twitter_vcount' displaytext='Tweet'/> <span class='st_linkedin_vcount' displaytext='LinkedIn'/> <!--<span class='st_email_vcount' displayText='Email'></span>--> </div> </div> </div> </b:if> </b:if>

आप इस कोड को टेम्पलेट में जाए बगैर भी लगा सकते हैं। लेकिन तब आप इसे पोस्ट शीर्षक ठीक नीचे नहीं लगा सकते हैं। पर पोस्ट शीर्षक के ठीक ऊपर लगा सकते हैं आप डेशबोर्ड --> ले आउट --> एड ए गैजेट का चयन कर HTML जाबा स्क्रिप्ट चयन करें खुले बॉक्स में ऊपर दिया कोड डाल कर सेव कर दें। देखें यह स्क्रीनशाट या नीचे दिए एड to ब्लॉगर बटन पर क्लिक कर सीधे अपने ब्लॉग पर ले जा सकते हैं।




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

18 कमेंट्स “पोस्ट शीर्षक के नीचे सोशल शेयरिंग एवं Resize Text बटन लगाएँ”पर

  1. अच्छा विजेट

    ReplyDelete
  2. Great Widget Thanks.

    ReplyDelete
  3. बढ़िया विजेट मनोज जी धन्यवाद

    ReplyDelete
  4. बहुत बढ़िया जानकारी मनोज जी

    ReplyDelete
  5. उपयोगी विजेट मनोज जी.

    ReplyDelete
  6. उपयोगी पोस्ट ... अच्छी जानकारी ...

    ReplyDelete
  7. Nice Widget Thanks.

    ReplyDelete
  8. उपयोगी शेयरिंग एवं Resize Text बटन अच्छी जानकारी.

    ReplyDelete
  9. अच्छी जानकारी मनोज जी.

    ReplyDelete
  10. बहुत बढ़िया...

    ReplyDelete
  11. अच्छी जानकारी

    ReplyDelete
  12. बहुत बढ़िया जानकारी मनोज जी

    ReplyDelete
  13. उपयोगी शेयरिंग एवं Re-size Text बटन मनोज जी धन्यवाद

    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 |