Social Bookmarking Widget For Blogger

ब्लॉग पर 4 इन 1 विजेट लगाये । पिछले लेखो में में multi tab widget , drop down widget और do you like box विजेट के बारे में आपको बता चूका हूँ । do you like box विजेट की तरह ही इस विडजेट की खासियत यह की एक ही विजेट में फेसबुक, twitter, google+ , feedburner विजेट को आसानी से रखा जा सकता है। इस widget को अपने ब्लॉग पर लगाने से पूर्व इसका लाइव डेमो देखे :

Live Demo

विजेट को ब्लॉग पर कैसे ले जाए

• सबसे पहले ब्लॉगर खाते में प्रवेश करे , यहाँ जाये Blogger--->Design--->Edit HTML
• अब ऊपर expand widget template cheakbox पर क्लिक करे
• अब keyboard की ctrl+F कुंजी दबाये व यहाँ </head> कोड तलाशे
• अब इस कोड के ठीक पहले या बाद में नीचे दिया गया पूरा कोड यथावत डाल दे

<link href='https://piushtrivedi.neocities.org/4in1widgetv2.css' rel='stylesheet'/>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); }); jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); }); jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });
</script>

ध्यान दे :-अगर आपकी ब्लॉग template में Ajax 1.4.2 jQuery script पहले से ही उपलब्ध है तो लाल कलर में दर्शाए गए कोड को अपनी ब्लॉग template में न डाले

विजेट कोड अपने ब्लॉग पर रखे

• नीचे सभी fild को भर कर Generat button पर क्लिक करे
  
• इसके बाद add To Blogger tab पर क्लिक करे