Facebook Like Box

Facebook Like Box

Facebook Like Box

Add Stylish Facebook Like Box To Blogger Blog

Facebook is one of the largest social platform to promote your blog. Adding a stylish and eye-catching facebook like box can get you more likes easily and it will make your blog look more stylish. You can add one of the below facebook like box very easily to your blog. Just follow these steps.

Step1~ Go to Blogger Dashboard->Layout->Edit HTML/JavaScript

Step2~ Leave the title empty and paste one of the codes given below.

Step3~Click on "Save" button. 

Note~ Replace  https://www.facebook.com/pages/Being-Bloggers 
/634304899941801?bookmark_t=page with your facebook fan page URL.

To get your facebook fan page URL, Go to your facebook fan page and copy the URL.

Preview of Facebook Like Box

Code 
<div style="background:#ff00cc;  box-shadow: 10px 10px 5px #888888; width:250px; height:258px; border:3px dashed white;  border-radius: 10px 10px 10px 10px; overflow:hidden;"> 
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Being-Bloggers/634304899941801?bookmark_t=page&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>

Preview of Facebook Like Box

Code
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK-qG7oQVmN-jHRsHRjR5f9zdCAtVTW5aSzICeArTxv9Cr3HxExeJyTXlkc-sinPoB5Vy3C5yZFG3uUEx4IdhVw7fFuG23F8gTJWKRQEFd7luxdGsRhOTHCYa90Yj6H2yH5neJz2-Ejn_L/s1600/11949893441012132368pattern-checkers-1.svg.med.png);  box-shadow: 10px 10px 5px #888888; width:270px; height:238px;   border-radius: 10px 10px 10px 10px; overflow:hidden;"> 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Being-Bloggers/634304899941801?bookmark_t=page&amp;width=270&amp;height=238&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:270px; height:238px;" allowtransparency="true"></iframe>
</div>

Preview of Facebook Like Box

Code
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBPcsS2azh8IkMckIhqKDVNgRgY9Z6xIdH2WGyCE7Zif3SGpon7h8iRiMqn-e7WZXQhu-3bDeZFMwWLa0WD6KO26S_tW8_2_RimS-2AGbX2eMhgnj3s7p3le-6FrFfPTD12OABpLFepPDY/s1600/Picture8.png) no-repeat; ; width:250px; height:258px;   border-radius: 0px 0px 0px 0px; overflow:hidden;"> 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Being-Bloggers/634304899941801?bookmark_t=page&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>


Preview of Facebook Like Box

Code
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN_xPdptnpCb58KawVNv4n-UtajjQTfBrCyorHKs-s2yxXRRbg8cW36hB18absns2KTWoxiTjPTZl8lVzF3LYVLvN-ZNG8y2ZGW2RUScgNxtFX7dAo29KwLkjw_knTJC1mv50gLhB9PVwf/s1600/Picture5.png) no-repeat;  width:250px; height:258px;   border-radius: 0px 0px 0px 0px; overflow:hidden;"> 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Being-Bloggers/634304899941801?bookmark_t=page&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>


Preview of Facebook Like Box

  Code

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTlaAuho1HMPWC2XUHYfhkz6VQbbmiVaxySf2Uk-3P3dsUMTKGx3P1UypbLNe5o5TSNfIU4RGo6Vhj1UqTwlj4wHfv9d7SQJCkvDtLOxIii0swp2-Uq_LYGhL3-Mk6WsqTOoJnZPNgWFdg/s1600/Picture9.png) no-repeat;  box-shadow: 10px 10px 5px #888888; width:250px; height:248px;  border:3px solid pink; border-radius: 0px 0px 0px 0px; overflow:hidden;"> 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Being-Bloggers/634304899941801?bookmark_t=page&amp;width=25&amp;height=248&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>

Preview of Facebook Like Box

Code
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg72KgN850N4hWe_9mhcZU-oy5DbdxZz9pFBf1_scm53mHJZSEErlvvGhLGzd-P5ab58vobzSN7A3CmxMzt9jFWmkF9Bi6DcLSrBCPxQNXoRWN6RMpf3hnTZfeN02TPcfHJwWnYfU1WmrbR/s1600/Picture3.png) no-repeat; border:3px solid #f08080; box-shadow: 10px 10px 5px #888888; width:250px; height:258px;   border-radius: 10px 10px 10px 10px; overflow:hidden;"> 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Being-Bloggers/634304899941801?bookmark_t=page&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>

Preview of Facebook Like Box

Code
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZODPVyrMy5rSkaKbyBFXFEPxw9zQITbQ8GlTZaJVaKPE3lqXSnZCoykcyLWqhhb_-Snoy8mBnxamOu9LAc1B4CpKPQhOdPqI5KITb_srfUnxfN_toSwxDAYMscH_c6_j3shVB8qnIu0Aj/s1600/Picture2.png) no-repeat; border:3px solid #f08080; box-shadow: 10px 10px 5px #888888; width:250px; height:258px;   border-radius: 10px 10px 10px 10px; overflow:hidden;"> 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Being-Bloggers/634304899941801?bookmark_t=page&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>


Preview of Facebook Like Box

Code
 <div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH9HB-O4Chp1oIUua4VBS1i0Opks27P2i642PfxFE0-JxbJ9Q9JaM8keHltZkc4MYa1DfqzA8AhbxMms12EKYwwAQhcageTAkVProLHeWqi08vHlMC-dYal7SO569bXDrfUimkaPhs6zf0/s1600/Picture7.png) no-repeat;   width:250px; height:248px; border-radius: 0px 0px 0px 0px; overflow:hidden;"> 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Being-Bloggers/634304899941801?bookmark_t=page&amp;width=250&amp;height=248&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>


Preview of Facebook Like Box

Code

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk416MI2YB2GHwdExXEql9YPidNK7ZlVvP0I_17RjWU1bSJEm2AKVncPRdg3017id8mT4njxYhzLBfCOtGoGHlccUmK8S1ncqY1l1g74IvXxAHoB4cCq3oOEyc2EjCPwQj8FNOZvU47v8N/s1600/Picture10.png) no-repeat ; width:250px; height:258px;  border-radius: 0px 0px 0px 0px; overflow:hidden;"> 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Being-Bloggers/634304899941801?bookmark_t=page&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div> 


Preview of Facebook Like Box

 

Code

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif4YVagzvS_yGX6zc0nt99V3Y6Eh3mESuAGcyaQUPoucmNNWQejQHaf1xXKxcesevM1Qq1TncDTdq3Ex7WAXmfOsWd3SH0LpaOq5bU8PsUm-xZu_PekIVJ1LxOU58FuzjVFpmfj5ssfBaQ/s1600/Picture6.png) ; box-shadow: 10px 10px 5px #888888; width:250px; height:258px; border:3px dashed black;  border-radius: 10px 10px 10px 10px; overflow:hidden;">

<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Being-Bloggers/634304899941801?bookmark_t=page&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div> 

 Preview of Facebook Like Box

Code

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9K5cXxG1bCovH11nzgQoe2R_-uWXwIZrNGrSnzPFOh2g_4RdhPahEBWiJ6vc-8AxvBcqFKtNsd-uyc_t90tVHv51PtVcnK3PgZW_ygBfh6pUqkYZEv2Tz_jsutZ4osaiWY8fyDVzPollI/s1600/Picture4.png) no-repeat ; width:250px; height:258px;  border-radius: 0px 0px 0px 0px; overflow:hidden;">

<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Being-Bloggers/634304899941801?bookmark_t=page&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>

If you have specific requirements for the like box as per your blog design. Then write to me in comment section below. I'll try to add it in my next post.

Get Access To All The Updates And Freebies

Sign Up For Our NewsLetter...