Sunday, June 30, 2013

How to Make a Facebook Like Page in the Side Box Blog

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>
<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.
<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 &amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;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.

Blogger

Author: Sendi Karlita Location: Pangkalpinang, Bangka Belitung

Article How to Make a Facebook Like Page in the Side Box Blog, Published by Sendi Karlita on the day Sunday, June 30, 2013. Hopefully this article can add your insights. Sendi Karlita 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

Enter your email address:

Delivered by FeedBurner

 

© 2013 BLOG AMAZONE ZONA - Designed by Mukund | ToS | Privacy Policy | Sitemap

About Us | Contact Us | Write For Us