Posted by : ultah
Jumat, 22 Maret 2013
Tag :// blogger
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 :hehe
► Login ke blogger
Jika kode tersebut tidak ditemukan, berarti kodenya beda. Intinya cari kode header
Lalu kalian Letakan Kode dibawah ini tepat di bawah <div id='sidebar-wrapper'>
Selesai - Simpan Template
NB (Harus Baca) : Text Kuning Anda ganti dengan berapa arah ke atas dan Text Hijau anda ganti berapa arah ke kiri (Harus Dengan angka) intinya itu meter atau apalah
Baiklah Tanpa Basa basi lagi ayo siap tempur :hehe
► Login ke blogger
► Masuk ke template
► Edit HTML
► Cari kode ]]><b:skin
► Letakan kode dibawah ini diatas kode ]]><b:skin
►Cari <div id='sidebar-wrapper'>#sidebarLank{box-shadow: 0 0 15px white;
background: #0E090D;
border: 4px solid #9F1111;
border-left: 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;
z-index: 10px;
line-height: 10px;
box-shadow: 0 0 15px blackred;
background: #222;
background-image: -webkit-linear-gradient(top, #393939, #222);
background-image: -moz-linear-gradient(top, #393939, #222);
background-image: -o-linear-gradient(top, #393939, #222);
background-image: -ms-linear-gradient(top, #393939, #222);
background-image: linear-gradient(to bottom, #393939, #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}
Jika kode tersebut tidak ditemukan, berarti kodenya beda. Intinya cari kode header
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 (Harus Dengan angka) intinya itu meter atau apalah
nice share vroohhh..
BalasHapus@Guntur vroohh vroohh vroohh nama aku Fitrah Gilang Fadilah Bukan Vrooh *herp
BalasHapusampela boy stanley
BalasHapusagan gilang kalo menggunakan simbol "div id" bisa gak ..!!
BalasHapusTerjadi kesalahan. Silakan segarkan laman dan coba lagi.
BalasHapusKalo Gitu Gmn Bang ??
uy gw mau nanya nih kan di simpennya di kiri gw mau di pindahin ke kanan gimana tuh?
BalasHapustukar aja ininya
Hapusfloat : left
klo gk ada sidebar nya gimana
BalasHapusGan lah trus tempat untuk narukin link bannernya dmna
BalasHapusDi TATA LETAK mungkin
HapusThanks Ya :3
BalasHapusartikel nya bermanfaat nih :3
http://dee-pro.blogspot.com/