Posted by : ultah
March 22, 2014
Tag :// Tutorial Blog
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
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'>
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
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 TemplateNB (Harus Baca) : Text Kuning Anda ganti dengan berapa arah ke atas dan Text Hijau anda ganti berapa arah ke kiri, itu adalah arah posisinya
Related Posts :
- Back to Home »
- Tutorial Blog »
- Cara Membuat Kotak Banner 88x31 (Sidebar)