Naijatechworld: How To Add Facebook Like / Fanpage box To Blogger

Friday, October 17, 2014

How To Add Facebook Like / Fanpage box To Blogger


Facebook is one and most visited website in the world today .. And also a great avenue to pull traffic to your blog.

Facebook Fan Box / Like Box is a great plugin that allow blog or website visitors to subscribe to your blog updates by liking your page.  This will enable your fans to get your post update one it is published.. Before creating a facebook like box, i believe you already have a Facebook Fan Page...

Now this is how to Create a Facebook Like Box..

1. First of all, you need to find out your fanpage URL by visiting your fan page. Copy the url , see how your url should look like in the image bellow..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgHAsV1nZrD997-0A1dVcmSp8MwQpaZ3f2j4tJNDpIovvCTdo3VRQOUFWwLNgRXmaq1vjR2oVbmO1FMuhCwLrLTMEHZn_WTvgRoMRczAnxdG1XaauGTghl2nN1qosgBqv67P_2theuEw0/s1600/How+To+Add+Facebook+Like+Fanpage+box+To+Blogger-bloggercheat.jpg
Copy your url .. Please Note that my own url is customized ,you can also customize yours...

2. After you copy your url, head straight to this page https://developers.facebook.com/docs/plugins/like-box-for-pages

3. Paste your Fan Page Url in the url field as it is shown bellow

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguJ2OEf7XasHX1qheNoIEnIsj2dL76QB-R6VUsTejMtT5SEJrh4NEDQYgp4RUvJw1aQJQd6H9k9pSoBEeZ_9Aw7Kc2Axw-rb8gvXJR-MtbeHHDObVZ9Cz6YZxgoKelwr99jfhTPvpl3_8/s1600/How+To+Add+Facebook+Like+Fanpage+box+To+Blogger-bloggercheat-dot-com.jpg

4. Once you are satisfied with the looks of the like box, click on "Get Code"

5. Then you will be provided with three different codes ( HTML5 , XFBML , IFRAME).. The one we need here is the iframe. Sellect and copy the code generated..  See the image example bellow

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi3c96M2rQ8zeuAeRLiTXAmTEUNBXLLFrIeR2hymurcIT6AwsohFfz5p7DXHVJ9RPVWnIqnsK7zj0sxc7o6j8huV_zx7Jv-pc9klUR1qOSwB1lEyeltmHYjHD448WfgBKQY0-g29lJ8iM/s1600/How+To+Add+Facebook+Like+Fanpage+box+To+Blogger-bloggercheat-dot-com1.jpg


Now Adding the facebook Fan page box To Blogger

6. Now login to your blogger account , go to 'Layout' and select/click on the add  Gadget


7. A pop-up will show up, scroll down and select the 'HTML/Javascript' gadget.


8. Paste the Facebook Fan Page Like Code you generated in the empy HTML box



9. Click Save and you are done, used the comment box if you encounter any problem am here to help you out..

1 comment:

  1. Wow...exactly what I have been looking for in the last couple of days. I really learnt alot from your blog, I am done for today, I will come back for more. Keep up the good work. Thanks.

    ReplyDelete