How to Add Responsive Facebook Like Box Widget In Blogger
There are tons of social sharing site available all over the inter net but Facebook is the most important among them, The like box they provide helps a blogger to reach their readers immediately in free of cost it also helps to provide better support to your user if you are running a client based niche blog. The like box widgets which are available on the internet are based on iframe which doesn't have responsive featyre also loads very slowly making your blog slower than snail, the widget which we are going to share is based on pure script and doesn't requires any iframe which makes it unique and fast loading., This version of the facebook like box is very much customizable and easy to edit.
Lets move further and see How to Add Responsive Facebook Like Box Widget In Blogger. You can check a live preview of the Like Box widget below.
Lets move further and see How to Add Responsive Facebook Like Box Widget In Blogger. You can check a live preview of the Like Box widget below.
Adding The Widget
The First thing you need to do is to login into your Blogger account and go to >> Layout >> Click add a gadget any where into your layout >> Add HTML/JAVASCRIPT widget and paste the below code in the blank space.
Change the text in red with your Facebook username.
<center><div id="fb-root"></div><script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=1760806057479925";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-page" data-href="https://www.facebook.com/soratemplates/" data-width="350" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></center>
Change the text in red with your Facebook username.
Changing Language
To change the language of your facebook like box, you just have to replace the blue highlighted code with below language codes.Locale | Value |
---|---|
Afrikaans | af_ZA |
Albanian | sq_AL |
Arabic | ar_AR |
Armenian | hy_AM |
Aymara | ay_BO |
Azeri | az_AZ |
Basque | eu_ES |
Belarusian | be_BY |
Bengali | bn_IN |
Bosnian | bs_BA |
Bulgarian | bg_BG |
Catalan | ca_ES |
Cherokee | ck_US |
Croatian | hr_HR |
Czech | cs_CZ |
Danish | da_DK |
Dutch | nl_NL |
Dutch (Belgi?) | nl_BE |
English (Pirate) | en_PI |
English (UK) | en_GB |
English (Upside Down) | en_UD |
English (US) | en_US |
Esperanto | eo_EO |
Estonian | et_EE |
Faroese | fo_FO |
Filipino | tl_PH |
Finnish | fi_FI |
Finnish (test) | fb_FI |
French (Canada) | fr_CA |
French (France) | fr_FR |
Galician | gl_ES |
Georgian | ka_GE |
German | de_DE |
Greek | el_GR |
Guaran? | gn_PY |
Gujarati | gu_IN |
Hebrew | he_IL |
Hindi | hi_IN |
Hungarian | hu_HU |
Icelandic | is_IS |
Indonesian | id_ID |
Irish | ga_IE |
Italian | it_IT |
Japanese | ja_JP |
Javanese | jv_ID |
Kannada | kn_IN |
Kazakh | kk_KZ |
Khmer | km_KH |
Klingon | tl_ST |
Korean | ko_KR |
Kurdish | ku_TR |
Latin | la_VA |
Latvian | lv_LV |
Leet Speak | fb_LT |
Limburgish | li_NL |
Lithuanian | lt_LT |
Macedonian | mk_MK |
Malagasy | mg_MG |
Malay | ms_MY |
Malayalam | ml_IN |
Maltese | mt_MT |
Marathi | mr_IN |
Mongolian | mn_MN |
Nepali | ne_NP |
Northern S?mi | se_NO |
Norwegian (bokmal) | nb_NO |
Norwegian (nynorsk) | nn_NO |
Pashto | ps_AF |
Persian | fa_IR |
Polish | pl_PL |
Portuguese (Brazil) | pt_BR |
Portuguese (Portugal) | pt_PT |
Punjabi | pa_IN |
Quechua | qu_PE |
Romanian | ro_RO |
Romansh | rm_CH |
Russian | ru_RU |
Sanskrit | sa_IN |
Serbian | sr_RS |
Simplified Chinese (China) | zh_CN |
Slovak | sk_SK |
Slovenian | sl_SI |
Somali | so_SO |
Spanish | es_LA |
Spanish (Chile) | es_CL |
Spanish (Colombia) | es_CO |
Spanish (Mexico) | es_MX |
Spanish (Spain) | es_ES |
Spanish (Venezuela) | es_VE |
Swahili | sw_KE |
Swedish | sv_SE |
Syriac | sy_SY |
Tajik | tg_TJ |
Tamil | ta_IN |
Tatar | tt_RU |
Telugu | te_IN |
Thai | th_TH |
Traditional Chinese (Hong Kong) | zh_HK |
Traditional Chinese (Taiwan) | zh_TW |
Turkish | tr_TR |
Ukrainian | uk_UA |
Urdu | ur_PK |
Uzbek | uz_UZ |
Vietnamese | vi_VN |
Welsh | cy_GB |
Xhosa | xh_ZA |
Yiddish | yi_DE |
Zulu | zu_ZA |
Conclusion
Congrats !! You have made it. now you have learned that How to Add Responsive Facebook Like Box Widget In Blogger. Visit your blog and check the awesome widget live in action, hope you liked this tutorial, if you enjoyed then please share it with your friends, we are working hard to develop more such awesome widgets please stay tuned with Us. auf Wiedersehen !! (Goodbye in German).
How to Add Responsive Facebook Like Box Widget In Blogger
Reviewed by SoraBloggingTips
on
March 10, 2017
Rating:
very nice
ReplyDeletenice
ReplyDeletegreat
ReplyDeletethanks, very useful
ReplyDeleteNice...
ReplyDeletehello please the buton languge is not in english any help?
ReplyDeleteYes it is.
DeleteLike button shows in Portugese language...how to change the language into english for like button and for followers also ?
ReplyDeleteUse the above code its in english.
DeleteGreat tips.
ReplyDeletePlugin is working perfectly in English language. Bundle of thanks
ReplyDeleteIt's not working on my blog. The DB widget appears but below this some code also appears. Please visit. I have provided link below.
ReplyDeleteLink:-https://smartechnotes.blogspot.in/2018/05/fuchsia-os-substitute-of-android.html?m=1
You have to add the code in separate widget. don't paste it inside disqus shortname widget.
DeleteSir I'm not understanding how to add disqus short name please help me
DeleteYou have added the code in wrong place. add the codes in separate widget.
DeleteMerci vous êtes bon
ReplyDeleteFacebook makes it simple for us to contact Twitter Video Download our crowd right where they are hanging out.
ReplyDeleteThank you very much, it works!
ReplyDeleteSir I'm not understanding how to add disqus short name please help me خرید بلیط هواپیما
ReplyDeletePlease read documentation.
Delete