Blogger में Floating Facebook Like Box Widget कैसे Add करे ?

Facebook सबसे popular social site है, ऐसे मे हम अपने blog मे floating facebook like box add कर के आनेवाले visiter को facebook like box पे like करने के लिए बता सकते है ! अगर किसी को हमारे blog पसंद आता है तो वो हमारे blog को facebook पे भी like करना चाहता है !

blog पे सबसे ज्यादा traffic facebook से आता है ओर blog मे हमे floating facebook like box बहुत ही अच्छा भी लगता है ! ये हमारे blog को stylish भी बनाता है !

Blog मे हमे Facebook के साथ-साथ twitter, Linked in के button को भी add करना चाहिए ! तो चलिये जानते है blogger blog मे floating facebook add कैसे करते है !

Blogger में Floating Facebook Like Box Widget कैसे Add करे ?

Blog मे Facebook like box widget add करने की जानकारी नीचे Share की है उसे follow करे !

Step - 1 : सबसे पहले अपने Blog मे जाके Blog Dashboard मे जाये !

Step 2 : Dashboard मे जाके Theme पे click करे ! ओर Edit theme पे click करके blog की theme मे जाये ! blog की theme मे जाके Ctr + F दबाके ( Press करके ) Search करे ओर नीचे जो Code दिया है उसके ऊपर Copy करके Paste करदे !

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/>

अब आप Save Theme पे click करके theme को save करदे !

Step 3 : फिर आप blog के Dashboard मे जाये !

1. Layout पे click करे !
2. + Add a gadget पे click करे !


Step 4 : अब blog के सभी widget show होंगे उसमे आप HTML/JavaScript Widget मे जाये !

1. Title मे लिखना चाहते है तो लिखे, नहीं तो Blank रहने दे !
2. नीचे दिये Code को copy करके Content मे paste करदे !

Friends यहा 2 option है, अगर आप Right Side का floating facebook like box add करना चाहते है तो right ओर Left Side  का चाहते है तो left code copy करे !

Right Side Floating Facebook Like Box Widget Code :

<script>/*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".bofblikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script><style type="text/css">.bofblikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV0hAlhyphenhyphenvYIMNWA5o5pVq2QIlx4VrCcoor3kMJk2H04-fLOHpsgiW-BG_SG_8UA_6xqlfSjHnYa_O17ce91ndxjyO5C0SjJySXlQNfUd1NXbRfa2wde1fcGz9Zc-6uPe7si8CMuRN0G8c_/s1600/fb-right.png") no-repeat scroll left center transparent !important;width:245px;height:225px;float:right;position:fixed;padding: 0 5px 0 46px;z-index:99999;top:30%;right:-250px;} .bofblikebox div{background:#fafafa;margin-right:-8px;padding:0;border:4px solid #3b5998;} } </style><div class="bofblikebox"><div><iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F222222&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" style="border: white; overflow: hidden; height: 215px; width: 245px;background:#fafafa;"></iframe></div></div>

Left Side Floating Facebook Like Box Widget Code :

<script>/*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".bofblikebox").hover(function() {jQuery(this).stop().animate({left: "0"}, "medium");}, function() {jQuery(this).stop().animate({left: "-250"}, "medium");}, 500);}); /*]]>*/ </script><style type="text/css">.bofblikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw5r9taN1iY8QPsQCTiWP1hyphenhyphen6gl1U0x3s6V1t7iYp_6g2YAhyphenhypheneU2eKg-PJLlZFWVx0Q3R5_P59arxyayUGwCAAjQffV4yDMD9onpjyACyIXSbiCsav6xRnekJJNSndThaAVJtahJaGZGtV/s1600/fb-left.png") no-repeat scroll right center transparent !important;width:245px;height:225px;float:left;position:fixed;padding: 0 46px 0 5px;z-index:99999;top:30%;left:-250px;} .bofblikebox div{background:#fafafa;margin-left:-8px;padding:0;border:4px solid #3b5998;} } </style><div class="bofblikebox"><div><iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F222222&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" style="border: white; overflow: hidden; height: 215px; width: 245px;background:#fafafa;"></iframe></div></div>

3. इस code को content मे add करने के बाद Save पे click करदे !

तो Friends ये जानकारी थी blog मे floating facebook like box add करने की ! अगर आपको ये post पसंद आई है तो इसे share करे ओर blog related कोई भी सवाल है तो comments करे !

To friends ye jankari thi blog me floating facebook like box add karne ki. Agar aapko ye post pasand aai hai to  ise share kare or blog related koi sawal hai to comments kare.

I Hope ये जानकारी आपको पसंद आई होगी ! code use करने मे कोई परेशानी comments करे !