We can exhibit you how one can Add fancy simple fb Like box using CSS To Blogger. Facebook Like field is the great approach to expand ur enthusiasts on fb. The facebook Like field allows for extra visitors or readers to love your fb fan page on ur web publication.All you ought to do is to repeat and paste the code under. Am very definite this facebook Like field widget will increase your facebook lovers web page Like.
Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on on Add a Gadget link...
Step 2. After click on on Add a Gad link A pop-up box will open now with many apps list, choose HTML/JavaScript from the device choices by using clicking the blue plus signal for that system.
Step 3. Pick 'HTML/Javascript' and add the beneath code given under.
<div style="background: -moz-lineargradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%); background: -ms-linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%); background: -o-linear gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%); background: -webkit-linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%); background: linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%); background: rgb(255, 123, 73); border: solid 1px #c7c7c7; margin: 10px 0; padding: 0 0px; width: 250px;">
<div style="height: 250px; overflow: hidden;">
<span style="color: #cccccc;"><span style="color: #cccccc;"><a href="http://androidtips28.blogspot.com/" rel="dofollow" target="_blank" title="androidtips28"><img alt="androidtips28" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%; top: 0px;" /></a><a href="http://androidtips28.blogspot.com/" rel="dofollow" target="_blank" title="androidtips28"><img alt="androidtips28" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%;" /></a><a href="http://androidtips28.blogspot.com/" rel="dofollow" target="_blank" title="Android Tips"><img alt="androidtips28" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; left: 0%; position: fixed;" /></a><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://facebook.com/androidtips28&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" style="border: none; height: 258px; overflow: hidden; width: 250px;"></iframe></span></span></div>
</div>
<div style="height: 250px; overflow: hidden;">
<span style="color: #cccccc;"><span style="color: #cccccc;"><a href="http://androidtips28.blogspot.com/" rel="dofollow" target="_blank" title="androidtips28"><img alt="androidtips28" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%; top: 0px;" /></a><a href="http://androidtips28.blogspot.com/" rel="dofollow" target="_blank" title="androidtips28"><img alt="androidtips28" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%;" /></a><a href="http://androidtips28.blogspot.com/" rel="dofollow" target="_blank" title="Android Tips"><img alt="androidtips28" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; left: 0%; position: fixed;" /></a><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://facebook.com/androidtips28&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" style="border: none; height: 258px; overflow: hidden; width: 250px;"></iframe></span></span></div>
</div>
Step 4. Now Click On Save 'JavaScript' You are done.
Note:- Replace androidtips28 With your Facebook page name
No comments:
Post a Comment