Sunday, March 17, 2013

Membuat Join This Site dan Like Button Melayang

Membuat Join This Site dan Like Button Melayang

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, &#39;dmfollow&#39;, &#39;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521&#39;);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/AVvXsEhg4HjgiyD4LA7DyLft6f3JuzH5Brv3RaazE0i4Z4qJIjcBKymSf8DUvTZMWAThlcXPczJbXAXP6EodghL3FHFoy3yeNE3RxJ6O-CqihccP9Gfea0OpEmjiOQyWpBCFGhlhvq-4bO6nm6c/s1600/aaaa.png' style='vertical-align:center;border:0px;cursor:pointer;' width='110'/></a></div>
<div id='ApNavbar' style='position: fixed;'></div>
  • Ganti text yg berwarna kuning dengan URL fans page kamu
  • Ganti text yg berwarna hijau dengan ID blog kamu
  • Setelah itu Simpan.
Bagimana cara mengetahui ID blog milik kita, silahkan klik disini

0 comments:

Post a Comment