Home » » Membuat Kotak Banner Sponsor Blog

Membuat Kotak Banner Sponsor Blog

Written By Adsloko on Sabtu, 28 Januari 2012 | Sabtu, Januari 28, 2012

Judul posting Membuat Kotak Banner Sponsor Blog mungkin akan menjawab beberapa pertanyaan sebagai barikut. Bagaimana membuat kotak banner tanpa harus membuat gambar banner? Nah berikut jawabannya yaitu dengan menggunakan kode CSS yang diletakkan kedalam kode Edit HTML sama ketika kita membuat animasi kursor pada sebuah blog.

Sebelum Saya lanjut ke penulisan kode-nya kita ulas sebentar dulu ah pertanyaan berikut, sebenarnya kenapa sih kita pasang kotak banner di blog kita? ya tentunya Anda sekalian sudah tahu yaitu monetize blog (menghasilkan uang melalui blog). 

Dan ini adalah fakta yaitu ketika jumlah pengunjung sebuah blog atau website sudah banyak maka tidak sedikit pemilik blog yang tidak memasang kotak banner di halaman sidebar kiri, kanan, tengah, header dsb.

Kode CSS
  div.adblock#ads125 A {
    BORDER-RIGHT: #ccc 1px solid;
    BORDER-TOP: #ccc 1px solid;
    BORDER-BOTTOM: #ccc 1px solid;
    BORDER-LEFT: #ccc 1px solid;
    WIDTH: 125px;
    COLOR: #666;
    HEIGHT: 125px;
    DISPLAY: block;
    FLOAT: left;
    MARGIN: 0px 0px 10px 0px;
    COLOR: #888;
    FONT-FAMILY: verdana,sans-serif;
    TEXT-DECORATION: none;
    FONT-WEIGHT: 700;
    FONT-SIZE: 12px;
    BACKGROUND: #e7e7e7;
    LINE-HEIGHT: 1000%;
    TEXT-ALIGN: center
}

div.adblock#ads125 {
    DISPLAY: block; WIDTH: 100%
}

div.adblock#ads125 A:hover {
    BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: #ddd; BORDER-LEFT: #999 1px solid; COLOR: #333; BORDER-BOTTOM: #999 1px solid
}
Kode HTML
<div class="adblock" id="ads125">
     <a title="Advertise Here 125 x 125 px" href="http://halamanpendaftaraniklan.html"
     >Advertise Here</a>
</div>

Kalo ingin tahu contohnya ya kotak banner di bawah ini sob, coba saja diklik. tapi halaman pendaftarannya tidak saya cantumkan tetapi saya arahkan ke halaman http://store.adsloko.com/  

Jika ingin mengarahkan ke halaman yang diinginkan silahkan rubah alamat yang diberi warna merah ("http://halamanpendaftaraniklan.html").

sebelumnya minta maaf ya sob, gambarnya masih jelek yang diatas itu, maklum belum mahir berimajinasi.....

Share this article :

13 komentar:

  1. nice :)
    saya senang mengikuti postingan anda
    postingan yang menarik .

    salam kenal yya dan sempatkan mampir ke
    website kami.

    BalasHapus
  2. i love ur post, keep share^^
    mampir balik ke website kami yaa...

    BalasHapus
  3. kalau di wap gimana yh mas cara gunainnya?

    BalasHapus
  4. kalo mau dipasang di header tempelin kode htmlnya dimana??
    tolong yaa... ^^

    BalasHapus
  5. mantabbb postingannya mas danang...trs gmna ya cara kita tempelin kode html nya di situs? saya windamantan AB mas danang,....e saya jg sewa server hostgator tp masih patungan samapak sandy....he,,,he...

    tolong ya... mas danang...

    trim

    BalasHapus

Diberdayakan oleh Blogger.

@My Follower

 
Support : TipsNgeblog
Copyright © 2013. Tips Dan Trik Ngeblog - All Rights Reserved
Template Created by Creating Website Used by TipsDanTrikNgeblog
Proudly powered by Blogger