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 TKP
1 . Log InTwitter :v Canda Blogger
2 . Pilih Blog Kamu
3 . Pergi Ke Template
4 . Klik Edit HTML
5 . Cari Kode ]]></b:skin>
6 . Masukan Kode Di Bawah Ini Tepat Di Atas Kode ]]></b:skin>
1 . Log In
2 . Pilih Blog Kamu
3 . Pergi Ke Template
4 . Klik Edit HTML
5 . 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}
.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 Content
8 . Masukan Kode Di Bawah Ini Tepat Di Atas Kode <div id='content-wrapper'> Atau <div id='content'> ( Pokoknya yang berhubungan Dengan Content )
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</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>
<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 :3
Sekian aja dah dari mimin
Dan Masih Ingin Bertanya Silahkan Komentar Di Bawah Ini Insyaalah Nanti Di Balas / Tanggapi Oleh Saya
Tinggalkan Komentar Jika Ingin Mencoba Jangan Seperti Leech Oke
Thank's For You Visiting
Sekian aja dah dari mimin
Dan Masih Ingin Bertanya Silahkan Komentar Di Bawah Ini Insyaalah Nanti Di Balas / Tanggapi Oleh Saya
Tinggalkan Komentar Jika Ingin Mencoba Jangan Seperti Leech Oke
Thank's For You Visiting
- See more at:
http://kxmadagascar.blogspot.com/
- Berkomentar baik dengan informasi yang dipostingkan
- Berkata Sopan dan Tawakal
- Jangan Berkata Kotor
- Jangan Nyepam
- Kunjungi Terus Blog Saya
- Dan Jangan Lupa Di Follow Bila Anda Tertarik Dengan Blog Saya
- Sudah Gtuu aja xD
EmoticonEmoticon