Thursday, March 02, 2017

How to to add a facebook like box to your blog-step by step guide

ad300
Advertisement
Social media is now playing an important role and facebook like and Google +1 and other similar activities directly effect our page rank. Therefore it will be better to have a facebook like box on our blog instead of a small button. If you have a facebook like box on your page, your readers can like your page without leaving your website. For this purpose you will need a small code to be added. This code is also provided by the facebook developers team but if you want to have a different style  and display of your own choice you have to use a different code. The following easy and small code can solve the problem. To install the code follow this procedure –

Facebook Like box on blog Pages
Facebook Like box

  • Login to your blogger account.
  • Go to dash board
  • Click layout
  • Click ‘Add a Gadget’
  • Click ‘HTML/Java script’.
  • In the box under ‘Title’ write the text you want to appear on your page such as ‘please like my page’ or so.
  • Copy and paste the small code given below in the content box.
  • Save and exit.

View your blog to check the results.

The Code –
 <iframe src="//www.facebook.com/plugins/likebox.php?href= https://www.facebook.com /wikigreen.in/?ref=aymt_homepage_panel&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:292px; height:258px;" >
Note -  1 . Replace the entire red string with the URL of your facebook page carefully.
2.  Change this figure 292 to set the width of the like box as per your choice(You can use any figure between 180 minimum width to 500 maximum width).
3.  Change this figure 258 to set the height of the like box as per     your choice(You can use any figure between 70 minimum height to 500 maximum height).
Share This
Previous Post
Next Post

Pellentesque vitae lectus in mauris sollicitudin ornare sit amet eget ligula. Donec pharetra, arcu eu consectetur semper, est nulla sodales risus, vel efficitur orci justo quis tellus. Phasellus sit amet est pharetra

0 comments: