Remove Branding Logo and Customize Facebook Fan Page

Facebook Fan page is a nice way to stay in touch with your blog fans and its also easier for your fans to stay update to your blog. Facebook fan page is also very helpful bringing free traffic towards your blog. Lots of websites now a days getting up-to 90% traffic from Facebook. So Facebook fan page is must for you if you want to survive in this era of competition. If you are a newbie blogger and have just started your blog than its time for you to create your Facebook fan page now and also customize to the look and feel of your blog.

Customize Facebook Fan Page

How to Create Facebook Fan Page

Creating Facebook fan page for your blog is very easy. Just visit Facebook Fan-page URL here and select Brand or Product as your choice. After that choose website from the drop down menu and click I agree to Facebook Pages Terms check box. Fill-in other details about your blog and your page will be running instantly.

Customize the Landing Page

Second quick thing which you need to do in order to attract and convince your Facebook fan page visitor is to like your page. If a visitors just land on the default Wall of your fan page he or she might not click on like button which means that you loose a precious visitor or customer. So the thing is that you have to create a welcome page and than redirect your fan page visitor to the welcome page. Now your welcome page should be attractive and must convince visitors to click like button. Read my article on How to Create a Custom Facebook Landing Page for your blog here.

Remove Branding Logo and Header

Now its time to create a Fan box for your blog so that your blog visitors can easily click the like button. Now by default Facebook fan page box is very ugly, big in size and contains all sorts of unnecessary information. So its essential for you to customize the fan box to the look and feel of your blog so that it blends with your blog design. Also we will remove the header part as well as the branding logo located at the end of the box to make it look more pretty and professional. Just copy paste the code into your blog theme and update the file. Remember to change the Facebook page URL with your own page URL.

<style type=”text/css”>

.facebookOuter {

background-color:#f0f9eb;

width:300px;

padding:0px 0 0px 0px;

height:185px;

border:3px solid #599d32;

}

.facebookInner {

height:185px;

overflow:hidden;

}

</style>

<div>

<div>

<div

data-width=”295″ data-height=”230″

data-href=”http://www.facebook.com/internet.khazana”

data-border-color=”#ffffff” data-show-faces=”true”

data-stream=”false” data-header=”false”>

</div>

</div>

</div>

<div id=”fb-root”></div>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = “//connect.facebook.net/en_US/all.js#xfbml=1”;

fjs.parentNode.insertBefore(js, fjs);

}(document, ‘script’, ‘facebook-jssdk’));

</script>

You can change the background color and border color of this fan box to the colors of your blog theme by changing the values in the line number 03 and 20. Also if you want to show more fans faces or don’t want to show any face than there is a true false option in this code. You can change the width and height as well so use this code on your blog and tell me about your experiences.

source

Subscribe for Free Updates:



One Response to “Remove Branding Logo and Customize Facebook Fan Page”

  1. Alana Brisbane says:

    Oh thanks for this tutorial! I’m going to use this on my blog if you don’t mind. 🙂 Thanks heaps!

Leave a Reply