Sebelum Sobat Membaca Artikel Ini Ada Baiknya Sobat Meng-share Atau Meng-like Artikel Ini Dan Jangan Lupa Meninggalkan Jejak Dengan Semacam Berkomentar Di Artikel Blog ini Thank's
Muhammad Qalbu Dary
x
Welcome To KxMadagascar, Bro
x

Recent Post

Posted by : Dary Sadega Mantemand Friday, May 17, 2013

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 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

{ 8 comments... read them below or Comment }

  1. NICE .....


    ARTIKEL LUAR BIASA...

    sip.>>> berhaSIL...

    ReplyDelete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
  3. Ini dia yang gue cari-cari
    Thanks ya

    http://asrofi19.blogspot.com

    ReplyDelete
  4. @sira gimana mau copy,g bisa di block tuh text nya

    ReplyDelete
    Replies
    1. Oh... Kalo Mau Copas ... Artikelnya Memang Blok Nya Transparan Tetapi Jika Ingin Blok Blocquote Nya... Text Nya Sudah Saya Beri Text-shadow. Tapi Masih Tetap Tidak Bisa .. Copy Aja Dengan Tepat Karna Hanya Bloknya Transparan
      Thank's

      Delete
  5. Terimakasih saya sedang mencarinya nih

    ReplyDelete

Peraturan Komentar KxMadagascar
◄════════════════════════►
No Spam
No Sara
No Bahasa Kasar
No Menyebarkan Link Jebakan

Berkomentar Lah Dengan Sopan Dan Santun
◄════════════════════════════►

- Copyright © 2013 Supported By 9DesiMeter | Designed by KxMadagascar | Template by Johanes Djogan -