Receive More Updates


SMS: Send FOLLOW R_E_T_B To 40404 For Free - EMAIL: REALITYTECHBLOGS@GMAIL.COM
prexblog notifications

» » How to add Facebook Like/Fan Box to Blogger - Realitytechs

Monday, 30 January 2017

How to add Facebook Like/Fan Box to Blogger - Realitytechs



How to add it to blogger blog


  1. Copy code of your desired style and paste it in Notepad
  2. Replace realitytechs with your facebook fanpage username, Copy new code
  3. Now login to your Blogger Dashboard
  4. Select your blog
  5. Go to Layout > Add Widget > HTML/JavaScript
  6. Paste the code
  7. YaY!!! You are done :)
Now lets have a look on styles



  • <<style type="text/css">
  • .hbfbOuter {
  • background-color: #F4F4F4;
  • width: 250px;
  • padding: 10px 0 10px 10px;
  • height: 250px;
  • border: 1px solid #CCCCCC;
  • -moz-box-shadow: inset 0 0 10px #000000;
  • -webkit-box-shadow: inset 0 0 10px #000000;
  • box-shadow: inset 0 0 10px #000000;
  • }
  • .hbfbInner {
  • height: 240px;
  • overflow: hidden;
  • }
  • </style>

  • <div class="hbfbOuter">
  • <div class="hbfbInner">
  • <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Frealitytechs&amp;width=242&amp;height=230&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
  • </div>
  • <div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"><a href="http://www.realitytechs.tk/" target="_blank">Get this widget</a></div></div>

Credits

Patterns and backgrounds - 
subtlepatterns.com
colourlovers.com
google

Widget - 
RealityTeamz

Note - If you want to share this widget on your blog then you have to link back to this article.

Final Words

Hope you have liked it friends, if you are getting any trouble while installation of widget then feel free to comment below :) I will respond as soon as time allows.

Have a nice day..
Happy Blogging...



1 comment:

Realitytech