Hey Folks ! Back with Stylish Facebook Page widget for Blogger. As you all know All bloggers have social networks and he take huge traffic from social networks. Facebook is also one of them Most popular Social network. Now a Days Facebook is most important thing for every blogger. Little Kids and Old men daily use facebook even 3 or 4 hours Per Day. So in this series i am going to tell you how to we add Facebook page in Blogger. There are no difficulties in this tutorial you will easily Add it Facebook page widget in your blog. So let's us to Add in your blog.
Follow Below Steps
There are no difficulties Just Follow below Steps by steps.
Goto Blogger --> Dashboard---> Goto Layout
Click on Add Gadget---> Select HTML/JavaScript
Copy Below Codes and Past under in HTML/JavaScript Editor
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMWfMf_NsnFJejgNo76__xtUX40rE6mUgRi8NoFTiI-wDXiNvnDjIsw8HKjf9XwDSiy2okQHjUky1ajauE_yYWUmPsTpcNX7RkXTaT4660TfaIEIsJlHhf4BVxGh7EBQFdHVX5CU6PWGEk/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>
Some Simply Change
Just Change only Facebook Pages URL. You can easily See Up word in Highlight Codes Just Change it and Put Your Facebook Pages URL and Save. You Done. is it cool are not..?






0 comments:
Post a Comment