Membuat Join This Site dan Like Button Melayang

Posted by : ahman " creativ" Senin, 29 Oktober 2012

Kali ini Adithya Blog akan share cara Membuat Join This Site dan Like Button Facebook Melayang, seperti yg ada di Blog ini. Sebenarnya trick ini juga berguna untuk menurunkan berat loading blog kamu dan tentunya juga menghemat tempat. Bagaimana anda ingin mencobanya, silahkan ikuti tutorial berikut.

Tutorial :

Login ke blogger
Pilih menu template >> edit HTML >> lanjutkan
Cari Kode ]]></b:skin> Lalu letakkan code di bawah ini tepat diatasnya...

#Apnavbar3{border-bottom:4px solid #fff;border-top:4px solid #fff;border-left:4px solid #fff;border-right:4px solid #fff;border-style:solid;border-radius:7px;width:115px;height:auto;margin-bottom:455px;margin-left:1px;font-family:Comic Sans Ms;color:white;text-align:left;background:rgba(0,0,000,0.5);background:rgba(0,0,000,0.5);background:rgba(0,0,000,0.5);padding:2px;z-index:999;bottom:1px;left:1px;right:1px;position:fixed;-webkit-transition:all .9s ease-out;-moz-transition:all .9s ease-out;-ms-transition:all .9s ease-out;-o-transition:all .9s ease-out;transition:all .9s ease-out}#Apnavbar3 .left{float:left;text-align:left;font-family:Supermercado;font-size:10px;font-style:normal;font-weight:normal;color:White;padding:2px 10px}#Apnavbar3:hover{font-size:13px;font-style:bold;width:115px;height:auto;margin-bottom:455px;margin-left:13px;margin-right:95px;-webkit-transition:all .9s ease-out;-moz-transition:all .9s ease-out;-ms-transition:all .9s ease-out;-o-transition:all .9s ease-out;transition:all .9s ease-out}

Lalu simpan HTML kalian.
Kemudian Copy code di bawah ini lalu masukan ke HTML/Javascript

<div id='Apnavbar3' style='position:fixed;'>
<span class='left'><img src='' title=''/>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/pages/Adithya-putr4/214058702032211&send=false&layout=button_count&width=85&show_faces=false&action=like&colorscheme=light&font&height=21' style='border:none; overflow:hidden; width:85px; height:21px;'></iframe>
</span>
<a href='http://www.Blogger.com/follow-blog.g?blogID=2425499272764146735' onclick='window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;' style='text-align:center;font-weight:bold;text-decoration:none;' title='Join this site / follow'><img alt='Join this site' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPBaLQP21jG6P1-nIKNQMZw7qaQLKWByKk7WqaXIKCYY0CjFYRA5L9D2gz1JnGPCNKgsK69S7DdIBG9z385V6N-4vFb8QlksZfv1065iPtfnN8MTtYqqdek5fTsXsJC997cL4Cs2ugt-c/s1600/aaaa.png' style='vertical-align:center;border:0px;cursor:pointer;' width='110'/></a></div>
<div id='ApNavbar' style='position: fixed;'></div>