Posted by : ultah Jumat, 22 Maret 2013
Tag :


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
► Masuk ke template
► Edit HTML
► Cari kode ]]><b:skin
► Letakan kode dibawah ini diatas kode ]]><b:skin

#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}
►Cari <div id='sidebar-wrapper'>
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

{ 11 komentar... read them below or Comment }

  1. @Guntur vroohh vroohh vroohh nama aku Fitrah Gilang Fadilah Bukan Vrooh *herp

    BalasHapus
  2. agan gilang kalo menggunakan simbol "div id" bisa gak ..!!

    BalasHapus
  3. Terjadi kesalahan. Silakan segarkan laman dan coba lagi.
    Kalo Gitu Gmn Bang ??

    BalasHapus
  4. uy gw mau nanya nih kan di simpennya di kiri gw mau di pindahin ke kanan gimana tuh?

    BalasHapus
  5. klo gk ada sidebar nya gimana

    BalasHapus
  6. Gan lah trus tempat untuk narukin link bannernya dmna

    BalasHapus
  7. Thanks Ya :3
    artikel nya bermanfaat nih :3

    http://dee-pro.blogspot.com/

    BalasHapus

- Copyright © 2012 Lank Cyber4rt -Shinpuru v2.3- Powered by Blogger - Designed by Johanes Djogan -