your ADS Muh afnur sandy , http://evolution-madara.blogspot.com 125 x 125 , http://muhafnursandy.blogspot.com Muh afnur sandy , http://muhafnursandy.blogspot.com
Twitter
Join this site
Blogger Indonesia Is Valid HTML5

banner

Posted by : M Sulthony Aulia Minggu, 04 Agustus 2013


1.Login Ke Blog :D,jangan ke Facebook/Twitter
2.Pilih Salah Satu Blog Kamu
3.Pergi Ke TEMPLATE
4.Edit HTML  
5.Cari Kode ]]></b:skin (GUNAKAN CTRL+F Biar Cepat)
6.Masukkan Kode Dibawah Ini Tepat Di Atas Kode ]]></b:skin

#WAKBannerS {width:960px;height:65px;margin-left:auto;margin-right:auto;padding:9px;}
.WAKimage {float:left;margin-left:2px;margin-top:0px;height:60px;border:5px solid #00ffff;position:relative}
.banner-title {padding:2px;margin-left:0px;width:465px;height:56px;position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAD0lEQVQImWNgwA6MB1QQAFhxATM9UlO6AAAAAElFTkSuQmCC) #111;line-height:46px;text-align:center;font:bold 20px 'Iceberg',cursive;color:#bbb;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;opacity:0.8;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;-moz-transition:all 0.2s linear;width:465px;}
.WAKimageD {width:468px;height:60px;-webkit-transition:all 1s linear;}
.WAKimage:hover .banner-title  {opacity:0;display:block;font-size:0px;height:0px}

7.Masih Belom Selesai Sekarang Cari Kode <div id='content-wrapper'> Atau  <div id='content'> Pokoknya yang berhubungan Dengan Content,pilih salah satu :D

8.Masukan Kode Di Bawah Ini Tepat Di Atas Kode  <div id='content-wrapper'> Atau <div id='content'> ( Pokoknya yang berhubungan Dengan Content ) 

  <div id='WAKBannerS'>
  <div class='WAKimage'>
   <span class='banner-title'>JUDUL BANNER TEMAN KAMU</span>
    <a href='URL BLOG TEMAN KAMU' target='_blank' title='DEKSPRISI ATAU KATA-KATA' border='0'> <img src='URL GAMBAR'/></a>
  </div>
     <div class='WAKimage'>
       <span class='banner-title'>JUDUL BANNER</span>
    <a href='URL BLOG' target='_blank' title='DEKSPRISI ATAU KATA-KATA' border='0'>
<img src='URL GAMBAR'/></a>
  </div>
</div>

9.Simpan Dan Lihat Hasilnya !!!
Sekian Dari Saya pada posingan Cara Membuat Banner Di Bawah Header !!
Terima Kasih Telah Membaca Artikel Ini
Dan
Terima Kasih Telah Mengunjungi Blog IMPERONESS


SUMBER:http://evolution-madara.blogspot.com/

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © 2013 IMPERONESS - IMPERONES V7 - Powered by Blogger RE- Designed by Sulthony- Designed by Johanes Djogan -