Pengunjung yang baik adalah pengunjung yang selalu meninggalkan komentar :)
Posted by : Fitrah Gilang Fadilah March 22, 2014

Cara Membuat Kotak Banner 88x31 (Sidebar)
Halo Sobat Lank Cyber4rt,Admin akan memberikan tutorial yaitu "Cara membuat Kotak Banner 88x31 (Sidebar)" ,ini juga request dari pengunjung blogku :D dan ini SSnya bukti kalau dia request :D :
Cara Membuat Kotak Banner 88x31 (Sidebar)
Baiklah Tanpa Basa basi lagi ayo siap tempur :

► Login ke blogger
► Masuk ke template
► Edit HTML
► Cari kode ]]><b:skin
► Letakan kode dibawah ini diatas kode ]]><b:skin

#sidebarLank{
box-shadow: 0 0 15px white; border: 4px solid #9F1111; float: left; margin-top: 120px; margin-left: -100px; width: 88px; height: auto; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; background: #222; positon:absolute; } #sidebarLank img{opacity:0.5;-webkit-filter:saturate(0.0);-moz-filter:saturate(0.0);-ms-filter:saturate(0.0);-o-filter:saturate(0.0);filter:saturate(0.0);-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;padding:0} #sidebarLank img:hover{opacity:1;-webkit-filter:saturate(1.1);-moz-filter:saturate(1.1);-ms-filter:saturate(1.1);-o-filter:saturate(1.1);filter:saturate(1.1);-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
►Cari <div id='sidebar-wrapper'>
Jika kode tersebut tidak ditemukan, berarti kodenya beda. Intinya cari kode sidebar
Lalu kalian Letakan Kode dibawah ini tepat di bawah <div id='sidebar-wrapper'>

<b:section id='sidebarLank' maxwidgets='5' showaddelement='yes'>
</b:section>
Selesai - Simpan Template

NB (Harus Baca) : Text Kuning Anda ganti dengan berapa arah ke atas dan Text Hijau anda ganti berapa arah ke kiri, itu adalah arah posisinya

Tinggalkan Komentar

Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA DI SINI...</i> atau <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Copyright © 2014 Kuro Usagi - Designed by Fitrah Gilang F Template By Djogzs