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 :

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

Advertisement