|
|
Many ways in which to create a Facebook Fan Page look more interesting, one of them featuring Fan Page hidden on the side of your blog. But before that if you do not already have a Facebook Fan Page, first consider how to create a facebook like box on the blog page.
If you already have a Facebook Page, just follow the next step how to create a facebook page like boxes next to the following blog:
1. Log in your blogger account.
2. Select Template> Edit HTML> place the cursor on the area of the HTML code.
3. Find the code </ head> by using Ctrl + F.
4. Place the following code above the code </ head>
If you already have a Facebook Page, just follow the next step how to create a facebook page like boxes next to the following blog:
1. Log in your blogger account.
2. Select Template> Edit HTML> place the cursor on the area of the HTML code.
3. Find the code </ head> by using Ctrl + F.
4. Place the following code above the code </ head>
<scriptsrc='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
NB: If the code already exists in your template, continue the next step.
5. Save the template.
Then we proceed to the next step is to install facebook page in addition to the blog:
1. --- Select Layout> Add Gadget ---> HTML / JavaScript.
2. Copy the following code in HTML / JavaScript.
5. Save the template.
Then we proceed to the next step is to install facebook page in addition to the blog:
1. --- Select Layout> Add Gadget ---> HTML / JavaScript.
2. Copy the following code in HTML / JavaScript.
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FACEBOOK PAGE &width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://id-pemula.blogspot.com/">.: Pasang Widget :.</a></span></div></div>
Description:
Replace the words in blue with your URL Facebook Page.
3. Save.
Well, now the widget displays your blog so much variation with hidden besides facebook page blog.
Thank you'r review this artikel post. Regard.
Author: Unknown Location: Pangkalpinang, Bangka Belitung
Article How to Make a Facebook Like Page in the Side Box Blog, Published by Unknown on the day Sunday, June 30, 2013. Hopefully this article can add your insights. Unknown a
is a writer who wants to be successful in the virtual world. Try, and keep trying. May God give consent. regards
0 comments:
Post a Comment