Pengunjung yang baik adalah pengunjung yang selalu meninggalkan komentar :)
Posted by : ultah 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