Home »
Tutorial Blog
» Cara Buat Banner Di Bawah Header
Assalamualaikum.Hay... All Kali Ini Mimin Update Lagi Loh... Nah Judul Artikel nya Yaitu Cara Buat Banner Di Bawah Header Nah nih Dia SS nya
Nah .. Langsung Aja Ya.. Ke TKP1 . Log In Twitter :v Canda Blogger2 . Pilih Blog Kamu3 . Pergi Ke Template 4 . Klik Edit HTML5 . Cari Kode ]]></b:skin>6 . Masukan Kode Di Bawah 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 . Eitt .. Belum Selesai Sekarang Cari Kode <div id='content-wrapper'> Atau <div id='content'> Pokoknya yang berhubungan Dengan Content8 . 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</span>
<a href='URL BLOG' 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.. Lihatlah Hasilnya :3Sekian aja dah dari miminDan Masih Ingin Bertanya Silahkan Komentar Di Bawah Ini Insyaalah Nanti Di Balas / Tanggapi Oleh SayaTinggalkan Komentar Jika Ingin Mencoba Jangan Seperti Leech OkeThank's For You Visiting - See more at: http://kxmadagascar.blogspot.com/2013/05/cara-buat-banner-di-bawah-header.html#sthash.oimDHvIw.dpuf
^_^ Backlinks Please Thanks ^_^