<form name=myform>
<input type="checkbox" name="mybox" value="WISHLIST1" checked />WISHLIST1 <br />
<input type="checkbox" name="mybox" value="WISHLIST2" checked />WISHLIST2<br />
<input type="checkbox" name="mybox" value="WISHLIST3" checked />WISHLIST3<br />
<input type="checkbox" name="mybox" value="WISHLIST4" disabled />WISHLIST4<br />
</form>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/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 PAGE ANDA&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://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>

<center><script type="text/javascript">
function getYpipe(feed) {
document.write;
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
if(feed.value.items[i].link == "")
var item ="<li>" + feed.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.kisahemasputih.com&ExcludedNick1=Emas Putih&ExcludedNick2=anonymous
&ShowHowMany=10&_callback=getYpipe
&_id=23022d7836bf2dd3c10a329feb9be26a
&_render=json"
type="text/javascript"></script></center>

1. Pi Dashboard -->Template--> Edit Html
Highlight code kat bawah, Tekan Ctrl+A , Cut the paste code ditempat yan sama. (Cara unhide kotak segitiga hitam cara mudah. Kalau tak buat macam ni, Korang tak dapat cari code kat bawah yang korang nak nanti)

<script language='javascript' src='https://sites.google.com/site/unwanted86/javascript/savetheenvironment.js' type='text/javascript'/>

<div style="display:scroll; position:fixed; top:200px; left:0px;">

<a class="linkopacity" href="http://www.facebook.com/facebook ID" target="_blank" rel="nofollow" title="Facebook" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="URL icon/image" /></a><br />

</div>

200 : Kedudukan icon kat tepi blog tu. Maknanya jarak icon tu dari atas.

left : kedudukan icon tu u all nak letak kat kiri? atau kat kanan? 

0 : Jarak icon tu dari kanan ke kiri atau sebaliknya

facebook id : Letak id facebook u all.

Facebook : nama icon tu.

Url icon image : url gambar icon

<a class="linkopacity" href="https://twitter.com/EmasPutih90" target="_blank" rel="nofollow" title="Twitter" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="URL icon/image" /></a><br />

<center><a href="http://kisahemasputih90.blogspot.com/" target="_blank"><img style="width: 125px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Qr0-fe7s15_V5Mv23dYOMQTo4ZZgFaJCyzKTBLAqIvv_M2K9ydxrqIzIAQt7y8DBqUbpMhjiwdB_QJ4qZELPgzUTROZao-dPqPVZ0ttAOWMhwTzAQ22g_epSabac49sxsCoS96wdoag/s1600/home.png" border="0" /></a>

 { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5_C1-MMNr1aiuJitwQJI-qLzNVCt9h-spnSxaDbG9_GXC3M4hYiPwRBCepA_dSoN3mUstcK4xtm_bUkxCT53nH_vUv82WlQTL7JCV1tsj1DQPlVa-xAoJ_hn7KKCq_oDaygxQOSv34n4/s1600/background+emas+putih.png);

border: 2px solid pink;

line-height: 28px;

-webkit-border-radius: 10px;

text-align: center;text-align:center;

  margin: 0 0 1em 0;