HOT!Buy Ready-Made Authority WebsitesClick Here

Making Blogger Professional, Important Updates !!

Hello SoraBloggingTips Readers, If you are reading this, then we would like to appreciate your efforts for being supportive. We know its har...

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.

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://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 How to Add Responsive Facebook Like Box Widget In Blogger Reviewed by SoraBloggingTips on March 10, 2017 Rating: 5

20 comments:

  1. hello please the buton languge is not in english any help?

    ReplyDelete
  2. Like button shows in Portugese language...how to change the language into english for like button and for followers also ?

    ReplyDelete
  3. Plugin is working perfectly in English language. Bundle of thanks

    ReplyDelete
  4. It's not working on my blog. The DB widget appears but below this some code also appears. Please visit. I have provided link below.
    Link:-https://smartechnotes.blogspot.in/2018/05/fuchsia-os-substitute-of-android.html?m=1

    ReplyDelete
    Replies
    1. You have to add the code in separate widget. don't paste it inside disqus shortname widget.

      Delete
    2. Sir I'm not understanding how to add disqus short name please help me

      Delete
    3. You have added the code in wrong place. add the codes in separate widget.

      Delete
  5. Merci vous êtes bon

    ReplyDelete
  6. Facebook makes it simple for us to contact Twitter Video Download our crowd right where they are hanging out.

    ReplyDelete
  7. Sir I'm not understanding how to add disqus short name please help me خرید بلیط هواپیما

    ReplyDelete

Note : -We have stopped giving support to free version users, please read this article Making Blogger Professional, Important Updates !!. If You Are Facing Any Problem While Setting Up The Free Theme, Then We Recommend You To Read Our FAQ(Frequently Asked Question) Page.