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.
<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://ift.tt/g8FRpYsoratemplates/” 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).
No comments:
Post a Comment