Ads By Google info
webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp

Social Bookmarking Widget For Blogger

Posted : | Posted By: Piush Trivedi | Labels: , 1 Comments
Posted by: Piush
Pin It

ब्लॉग पर 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://googledrive.com/host/0B9BypLLMMzvOcU9ZRmhfLTZpdjQ' rel='stylesheet'/>

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

<script src='http://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 पर क्लिक करे


Do you Like this Article?

rss twitter facebook
Get Subscribe to Free Email Updates!!
*Your email address will not be shared with anyone.

Post A Comment Blogger Disqus

1 comment:

Post A Comment

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer
और दिखाए


लेख पर अपनी प्रतिक्रिया अवश्य दे..
ध्यान दे !!:-
• हिंदी में प्रतिक्रिया देने के लिए यहाँ क्लिक करे
• टिप्पणी में Html Code डाला जा सकता है
• टिप्पणी में Image डालने के लिए [im]Your Image Link [/im] कोड का उपयोग करे
• टिप्पणी में Youtube Video डालने के लिए [youtube]Youtube Video Link [/youtube] कोड का उपयोग करे
• टिप्पणी में Smiley's का उपयोग करने के लिए ऊपर बताये गए कोड को डाले
• टिप्पणी प्रकाशन में कोई परेशानी है तो यहां क्लिक करें..
Regards, Hindi4Tech


Top Commen tor Ask A Question Follow