Senin, 29 Juli 2013

Cara Membuat Banner 468 x 60 Dibawah Header



Baiklah Admin Dark Kage Akan Share Cara Membuat Banner 468 x 60 Dibawah Header.Demonya Seperti Di blog Dark Kage....
1.Login Ke Blog
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 !!

Sumber : Netzone

Label:

5 Komentar:

Pada 29 Juli 2013 pukul 22.56 , Anonymous Ferry Dermawan mengatakan...

Nice Info .. Sob

 
Pada 29 Juli 2013 pukul 23.00 , Anonymous Latu Alam Saputra mengatakan...

Terima Kasih Telah Berkunjung

 
Pada 31 Juli 2013 pukul 08.03 , Anonymous Seowaps Jasa Seo Terbaik di Indonesia mengatakan...

ijin pasang gan thx

 
Pada 31 Juli 2013 pukul 08.41 , Anonymous Latu Alam Saputra mengatakan...

Ok Gan

 
Pada 21 November 2013 pukul 00.47 , Anonymous ronald-grant mengatakan...

Keren Mas Izin Coba !
Kalau Ada Waktu Comment Back Ya

 

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda