webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp

Twitter Flying Bird Widget For Blogger

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

flying twitter bird for bloggerब्लॉग पर twitter flying bird लगाये । hindi4tech के अन्य विजेट की तरह ही इस विजेट की खासियत यह की इसमें twitter bird को कुछ awatar image के साथ रखा गया है। जिसमे आप अपनी सुविधा अनुसार awatar का उपयोग कर विजेट को अपने ब्लॉग पर रख सकते है। इस विजेट को अपने ब्लॉग पर ले जाने से पहले इसका लाइव डेमो देखे :-

Live Demo





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

  • कोड में twitter username की जगह अपने twitter user name डाले
  • Tweet this Text को बदले
  • अपने ब्लॉग हेतु एक twitter bird awatar चुने
  • अब "Generate"बटन पर क्लिक करे
  • अंत में Add to Blogger बटन पर क्लिक करे



Random Flying Bird Widget


ये तो हुई twitter bird की बात । नीचे एक और tutorial दिया गया है । इस tutorial में बताये गए flying विजेट की खासियत यह की यह विजेट flying bird में twitter और facebook दोनों ही bird दिखाता है । इसका लाइव डेमो नीचे देखे ।

ध्यान दे :- डेमो में twitter bird पहले दिखाई देगा जब पेज को रिफ्रेश किया जायेगा तो facebook bird दिखाई देगा।


Live Demo


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

  • कोड में twitter , Facebook Link की जगह अपने twitter, Facebook Url डाले
  • यहाँ जाये Blogger--->Design--->Page Element
  • यहाँ Add a Gadget पर क्लिक करे
  • यहाँ html/javascript आप्शन चुने
  • नीचे बताया गया पूरा कोड यहाँ डाल दे व विजेट सेव करे :))

<!-- START Twitter's birds & Facebook's birds -->

<script type="text/javascript">
bird_version=3;
your_facebook="https://www.facebook.com/USERNAME";
facebook_color=0; //default color 0-6;
your_twitter="https://twitter.com/USERNAME";
twitter_color=5; //default color 0-6;
view_bird='999999999'; //input 'no'>>not active & Restart View ; 'yes'>>always active ; number ('1')('2')...('99999') >> number display
bird_speed=17;
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B9BypLLMMzvOUVI0Vk5oWFRmUDA"></script>
<!-- END Twitter's birds & Facebook's birds -->


ध्यान दे :- ऊपर बताई गयी स्क्रिप्ट में twitter_color=5;  facebook_color=0; कोड में "5" , "0" की जगह आप अपने अनुसार twitter  bird  का कोड रख  सकते है नीचे image  में Twitter , Facebook bird  colour  हेतु कोड बताये गए है




Do you Like this Article?

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

Be First To Comment :


लेख पर अपनी प्रतिक्रिया अवश्य दे..
ध्यान दे !!:-
• हिंदी में प्रतिक्रिया देने के लिए यहाँ क्लिक करे
• टिप्पणी में Html Code डाला जा सकता है
• टिप्पणी में Image डालने के लिए [im]Your Image Link [/im] कोड का उपयोग करे
• टिप्पणी में Youtube Video डालने के लिए [youtube]Youtube Video Link [/youtube] कोड का उपयोग करे
• टिप्पणी में Smiley's का उपयोग करने के लिए बताये गए कोड को डाले
• टिप्पणी प्रकाशन में कोई परेशानी है तो यहां क्लिक करें..
Regards, Hindi4Tech
:) :-) :)) =)) :( :-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer