Tuesday, May 19, 2015

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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYwFYu0huXWnr-jYs3hQ8rHGScZYWwdHYedevGq5USa-ud9HMewEEJFT_BBajC4cfzitIDigQ0ecWtQiSpMBpLueBfmMilqDW5xgSI-AxQTDcgDK0Zf6Q8IVAk3J9pLsg-kQMWOAVhmQ/s1600/KxMadagascar+(4).png
Nah .. Langsung Aja Ya.. Ke TKP

1 . Log In Twitter :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>
#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 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>
 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
- 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