Pages

How To Add Square Facebook like Button On Blogger Blog ?



It is a cool Facebook Like Button and one kind of Blog Gadget. Facebook Like Button is very important and essential thing for the users both Facebook and Blogger to increase the toll of  fan, followers and visitors to their website. It has been created as Animated and 3D format. If you have a Fan Page or Like Page on Facebook, so you should fix the like button on your Blog page. When you will put it on your Blogger Blog really it will be very stylish and charming to look as well as seeing it visitors will be pleased also..


If you want to get the Facebook Like Button on your Blog so, at first please press the DEMO button below to see this live preview.


To add the Title Gadget you must need to log into Blogger Blog with your Google account and then just follow the below instructions:

1. Go to Blogger Dashboard >> Layout 

2. Click on Add a Gadget link above right side of layout (like below screenshot of new version)





3. Scroll down the Add a Gadget window and click on HTML/JavaScript (Like below Screenshot of new version)




4. Write any title name what you like or leave blank Into the Title box. 

5. Copy and paste the below HTML code into the Content box.



<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;"><a href="https://www.facebook.com/ digitdigitaleye " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wO2k2Fzac7KVjvHuHA0eDHeLzm0PPJP8S-PA5cw_byEV7REmJDj4-SWeA-UEn3uvC_gNCZ0ypGHY_YfcfSu6UYdFahB6wEtfW7ns5-fjdqt4JngCZxW2aGXEB7AtXPyjJUCa9OLf661d/s1600/Facebook-Like-Button.jpg" height="100" width="100" /></a></div>


6. Click Save button. 

 Note:
(1) You can edit the highlight HTML code  height="100" width="100"
      to resize this Gadget.

(2) Replace carefully on this highlighted HTML code digitdigitaleye with your Facebook profile ID             (users name) not profile name. (Like Screenshot Below)




 Ok, you have done !! See View Blog .

                                                                                



No comments:

Post a Comment