seo Adding Visit Our Page Button Below Facebook Like Box 2013

on Wednesday, February 13, 2013 | 0 Comment

Seo Master present to you:

In this tutorial i will show you to add simple Html/CSS button below Facebook like box widget, which will let your visitors to go directly to your Facebook fan page. This button can also be added below any other bloggers widgets. For live demonstration check mine below facebook like box on the right sidebar. So lets get started.

Addind Facebook Like Box Widget

Before getting started you must have facebook like box widget installed on your blog. If not then check the tutorial below.

Adding Facebook Like Box To Bloggers Blog

Adding Visit Our Page Button

1. Go to blogger Dashboard and click on layout.

2. Then choose your like box widget and click on edit as shown in below picture.

3. Now paste the code given below into your like box widget (Paste it after the code that is present i.e after </iframe>)

<style>
/*www.matrixar.com*/
#mbw-fb {
color: #365899;
font: bold 11px arial;
background: #ECEEF5;
padding: 3px !important;
margin: 5px 0px!important;
border: 1px solid #E1E4ED;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 290px;
}
#mbw-fb:hover {
border: 1px solid #6383C1;
}
</style>

<div id="mbw-fb"><a rel="nofollow" target="_blank" style="text-decoration:none; color:#365899;" href="https://www.facebook.com/mybloggersworld">Visit Our Page Now »</a></div>