पोस्ट शीर्षक के नीचे सोशल शेयरिंग एवं 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 ब्लॉगर बटन पर क्लिक कर सीधे अपने ब्लॉग पर ले जा सकते हैं।

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