Cara membuat tempat Banner di sidebar blog

oke kali ini saya akan memposting bagaimana cara membuat tempat banner di sidebar
langsung saja oke..?

  • pertama masuk ke dasbor blog anda
  • lalu Klik Template > Edit HTML
  • kemudian cari kode ]]></b:skin
  • setelah ketemu pastekan kode di bawah tepat di atas kode ]]></b:skin

#BannerZ-X-D {
box-shadow: 0 0 15px white;
background: #0E090D;
border: 4px solid #ff0000;
border-left: 4px solid #ff0000;
float: right;
margin-top: 10px;
margin-left: -880px;
width: 88px;
height:0 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);
position:absolute;
}
#BannerZ-X-D 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}
#BannerZ-X-D 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 sudah di COPAS kemudian cari kode <div id='sidebar-wrapper'>
dan copy kan kode di bawah tepat di bawah kode <div id='sidebar-wrapper'>

<b:section id='BannerZ-X-D' maxwidgets='5' showaddelement='yes'/>
<div id='BannerZ-X-D'>
<a href='http://x-gudangdownload.blogspot.com'><img alt='zero-x-download' src='http://i1315.photobucket.com/albums/t585/Febri_Ansyah/n-n-n_zps45c58fa1.gif'/></a>
<a href='http://x-gudangdownload.blogspot.com'><img alt='zero-x-download' src='http://i1315.photobucket.com/albums/t585/Febri_Ansyah/-1st_zps8bc18521.jpg'/></a>
<a href='http://x-gudangdownload.blogspot.com'><img alt='zero-x-download' src='http://i1315.photobucket.com/albums/t585/Febri_Ansyah/n-n-n_zps45c58fa1.gif'/></a>
<a href='http://x-gudangdownload.blogspot.com'><img alt='zero-x-download' src='http://i1315.photobucket.com/albums/t585/Febri_Ansyah/-1st_zps8bc18521.jpg'/></a>
<a href='http://x-gudangdownload.blogspot.com'><img alt='zero-x-download' src='http://i1315.photobucket.com/albums/t585/Febri_Ansyah/n-n-n_zps45c58fa1.gif'/></a>
<a href='http://x-gudangdownload.blogspot.com'><img alt='zero-x-download' src='http://i1315.photobucket.com/albums/t585/Febri_Ansyah/-1st_zps8bc18521.jpg'/></a>
<a href='http://x-gudangdownload.blogspot.com'><img alt='zero-x-download' src='http://i1315.photobucket.com/albums/t585/Febri_Ansyah/n-n-n_zps45c58fa1.gif'/></a>
<a href='http://x-gudangdownload.blogspot.com'><img alt='zero-x-download' src='http://i1315.photobucket.com/albums/t585/Febri_Ansyah/-1st_zps8bc18521.jpg'/></a>
<a href='http://x-gudangdownload.blogspot.com'><img alt='zero-x-download' src='http://i1315.photobucket.com/albums/t585/Febri_Ansyah/n-n-n_zps45c58fa1.gif'/></a>
<a href='http://x-gudangdownload.blogspot.com'><img alt='zero-x-download' src='http://i1315.photobucket.com/albums/t585/Febri_Ansyah/-1st_zps8bc18521.jpg'/></a></div>

KETERANGAN :
  • Ganti http://x-gudangdownload.blogspot.com dengan alamat blog anda
  • Ganti zero-x-download dengan judul blog/keterangan
  • Ganti http://i1315.photobucket.com/albums/t585/Febri_Ansyah/n-n-n_zps45c58fa1.gif' dengan banner yang akan anda pasang

    • Jika sudah save/simpan
    • Jika ragu ragu Boleh di Pratinjau dulu
    ||SELESAI||

Tidak ada komentar:

Posting Komentar

 

copyright© ZERO-X-DOWNLOAD template design by: febri
selamat datang di my blog saran saya gunakan google chrome untuk melihat lebih jelas blog ini