How to Add Responsive Facebook Like Box Widget In Blogger

blogging facebook like

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.

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=1065117047010179″;  fjs.parentNode.insertBefore(js, fjs);}(document, ‘script’, ‘facebook-jssdk’));</script><div class=”fb-page” data-href=”https://www.facebook.com/1Themes/” 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.

LocaleValue
Afrikaansaf_ZA
Albaniansq_AL
Arabicar_AR
Armenianhy_AM
Aymaraay_BO
Azeriaz_AZ
Basqueeu_ES
Belarusianbe_BY
Bengalibn_IN
Bosnianbs_BA
Bulgarianbg_BG
Catalanca_ES
Cherokeeck_US
Croatianhr_HR
Czechcs_CZ
Danishda_DK
Dutchnl_NL
Dutch (Belgi?)nl_BE
English (Pirate)en_PI
English (UK)en_GB
English (Upside Down)en_UD
English (US)en_US
Esperantoeo_EO
Estonianet_EE
Faroesefo_FO
Filipinotl_PH
Finnishfi_FI
Finnish (test)fb_FI
French (Canada)fr_CA
French (France)fr_FR
Galiciangl_ES
Georgianka_GE
Germande_DE
Greekel_GR
Guaran?gn_PY
Gujaratigu_IN
Hebrewhe_IL
Hindihi_IN
Hungarianhu_HU
Icelandicis_IS
Indonesianid_ID
Irishga_IE
Italianit_IT
Japaneseja_JP
Javanesejv_ID
Kannadakn_IN
Kazakhkk_KZ
Khmerkm_KH
Klingontl_ST
Koreanko_KR
Kurdishku_TR
Latinla_VA
Latvianlv_LV
Leet Speakfb_LT
Limburgishli_NL
Lithuanianlt_LT
Macedonianmk_MK
Malagasymg_MG
Malayms_MY
Malayalamml_IN
Maltesemt_MT
Marathimr_IN
Mongolianmn_MN
Nepaline_NP
Northern S?mise_NO
Norwegian (bokmal)nb_NO
Norwegian (nynorsk)nn_NO
Pashtops_AF
Persianfa_IR
Polishpl_PL
Portuguese (Brazil)pt_BR
Portuguese (Portugal)pt_PT
Punjabipa_IN
Quechuaqu_PE
Romanianro_RO
Romanshrm_CH
Russianru_RU
Sanskritsa_IN
Serbiansr_RS
Simplified Chinese (China)zh_CN
Slovaksk_SK
Sloveniansl_SI
Somaliso_SO
Spanishes_LA
Spanish (Chile)es_CL
Spanish (Colombia)es_CO
Spanish (Mexico)es_MX
Spanish (Spain)es_ES
Spanish (Venezuela)es_VE
Swahilisw_KE
Swedishsv_SE
Syriacsy_SY
Tajiktg_TJ
Tamilta_IN
Tatartt_RU
Telugute_IN
Thaith_TH
Traditional Chinese (Hong Kong)zh_HK
Traditional Chinese (Taiwan)zh_TW
Turkishtr_TR
Ukrainianuk_UA
Urduur_PK
Uzbekuz_UZ
Vietnamesevi_VN
Welshcy_GB
Xhosaxh_ZA
Yiddishyi_DE
Zuluzu_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)