- Home >
- Trick Blog >
- Cara Membuat Banner 468 X 60 Di Bawah Header
Posted by : M Sulthony Aulia
Minggu, 04 Agustus 2013
1.Login Ke Blog :D,jangan ke
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/