LANGKAH 1 : Pertama, Masuk ke Blogger. Sekarang, masuklah ke “Layout” dan klik “Edit HTML”

LANGKAH 2 : Sekarang cari [CTRL + F] kode ini:

]]></b:skin>
Pastekan code dibawah sebelum code ]]></b:skin>

}
/*dock*/

#dockbottoms{position:fixed;bottom:0px;right:0px;clear:both;width:0px;padding:0px 0 0;border:1px solid #ffffff;border-bottom:0;background-color:#fff;z-index:11000}
#dockbottoms-inner{float:left;width:100%;height:35px;padding:0;position:relative;background-color:
#ccc;overflow:visible}
#dockbottoms-inner .block{padding-bottom:0;margin-bottom:0;padding-top:5px}
#dockbottoms-inner
#dockbottom-first{margin-left:15px}
#dockbottoms-inner
#dockbottom-middle{}
#dockbottoms-inner
#dockbottom-last{}
#dockbottoms-inner.dockbottoms-1
.column{float:left;width:100%}
#dockbottoms-inner.dockbottoms-2
.column{display:block;float:left;margin:0 10px;width:47%}
#dockbottoms-inner.dockbottoms-3 .column{display:block;float:left;margin:0 14px;width:30%}
#chat-wrapper{width:240px;position:absolute;bottom:10px;right:30px;z-index:11002;text-align:center;border:0px solid #ffffff}
#chat{height:405px;background-color:#ffffff;text-align:left;display:none;}
.slider{position:relative;z-index:11003;height:18px;padding:0;background-color:#ffffff;margin-top:-5px}
.toggleup,
.toggledown{text-align:center;display:block;line-height:22px;background-color:#ffffff}
#dockbottoms li.collapsed,
#dockbottoms li.leaf{list-style-image:none;list-style-type:none;margin:0;padding:0.2em 0.5em 0 0}
#dockbottoms ul.menu{list-style-position:inside}
#page,
#closure-blocks{margin-left:auto;margin-right:auto;width:960px;text-align:left}
#dockbottoms a {padding:0px 5px 5px 5px;}

.fb_like_box {
margin-top:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
margin-bottom:10px;
padding:10px 7px;
width:400px;
}
.fb_like_box {
margin-top:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
margin-bottom:10px;
padding:10px 7px;
width:525px;
}
.fb_like_top {
overflow:visible;
padding:0;margin:0 0 5px;
width:349px;
height:24px;
background:url(“http://lh5.ggpht.com/_u4gySN2ZgqE/TJ3dpjy9PaI/AAAAAAAABr0/PTUXIS8ykps/fblogo%5B3%5D.jpg”) no-repeat scroll left top transparent;
}
.fb_like_top a {
height:24px;
width:114px;
background:url(“http://lh6.ggpht.com/_u4gySN2ZgqE/TJ3do-mtwuI/AAAAAAAABrw/NXxp85pCaD0/beafan%5B3%5D.jpg”) no-repeat scroll left top transparent;
display:block;
margin-left:365px;
text-indent:-5000px;
}.fb_like_button_holder {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
padding:12px 12px 0 12px;
width:500px;
height:42px;
}

LANGKAH 3 : Sekarang cari [CTRL + F] kode ini:

<div class=’post-footer’>

Pastekan code dibawah sebelum code <div class=’post-footer’>

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div class=’fb_like_box’>
<div class=’fb_like_top’><a href=’http://www.facebook.com/cstproduction‘ rel=’nofollow’ target=’_blank’>Be a Fan</a></div>
<div class=’fb_like_button_holder’>
<iframe allowTransparency=’true’ expr:src=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:400px;height:30px;’/>
</div>
</div>
</b:if>

LANGKAH 4 : tukarkan link yang telah di warnakan dengan merah tersebut dengan link page facebook anda

LANGKAH 5 : Click save