Monday, December 19, 2016
Cara Buat Banner Di Bawah Header
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
.png)
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
Thanks 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
Thanks For You Visiting
- See more at: http://kxmadagascar.blogspot.com/
Available link for download
