On Blogger everybody want to have his Twitter and Facebook fan box so that readers can like and follow him.so today i will tell you how to add ollow box and Facebook like box on Blogger in a very easy method.
Check this coding given below!
Change the high light text with your own page URL.This will look like that.
Check the coding given below!
It will look like that.
Tweets by @MrNaaeem
Thanks!!
Share with your friends!!
Facebook Like Box:
First i will tell you about +Facebook Like box on +Blogger .In this method you will learn how to add like box on blogger.As you see on different websites like boxes are appearing when you click on it a popup open and when you click on like you start receiving update from this +Facebook+ Fan Page .so lets start.Check this coding given below!
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebook&width&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="true"></iframe>
Change the high light text with your own page URL.This will look like that.
Twitter Follow Box:
As you see on many websites or blogs +Twitter follow box is appearing and when you click on follow button you will start receiving their tweets on your twitter account.So i will tell you how to add this on your +Blogger blog.Check the coding given below!
<a class="twitter-timeline" href="https://twitter.com/MrNaaeem" data-widget-id="507773147869749248">Tweets by @MrNaaeem</a>Change high light text with your own user name.
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
It will look like that.
Tweets by @MrNaaeem
Add them On Blogger:
Its very simple just go to your blogger layout and click on add and on HTML add these simple codes!!Thanks!!
Share with your friends!!













%2BI%2BTwitter'%2B-%2Btwitter_com_mrnaaeem.png)