RadarURL

Artikel Terbaru

Membuat Space Iklan Di Blog

Kali ini saya ingin menjawab pertanyaan sobat saya tentang cara membuat kolom iklan di blog, mungkin maksud sobat seperti ini, untuk live demonya silahkan kunjungi Blog Saya, karena komentar sobat mengandung link hidup jadi saya hapus(tidak apa apa yah sob, maaf nih). Adapun pertanyaannya dari sobat anakbaik yaitu saudari hn mutia seperti ini :


Jika memang maksud sobat seperti yang di live demo, berikut tutorial yang akan saya bagikan :

1. Sobat masuk di Template kemudian pilih Edit Html

2. Jangan lupa beri cek list Expand Template Widget

3. Cari kode ]]></b:skin> dan masukan kode berikut tepat diatas ]]></b:skin>

#anakbaik-ads {

margin: 0px;

padding: 5px;

text-align: center;

}

#anakbaik-ads img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#anakbaik-ads img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}


4. Simpan, kemudian ke Tataletak dan tambah gadget

5. Lalu masukan kode berikut

<div id="anakbaik-ads">
<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>

<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>
</div>


6. Simpan dan lihat hasilnya.

7. Untuk penataannya sobat tambahkan kode <center> sebelum kode <div id="anakbaik-ads"> dan akhiri kode </center>setelah kode</div>

sehingga tampilan kodenya seperti ini

<center><div id="anakbaik-ads">
<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>

<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>
</div></center>

7. Silahkan sobat ganti tulisan berwarna merah dengan link iklan sobat, jika sobat mempunyai gambar sendiri silahkan ganti kode berwarna hijau

8. Kode <center> maksudnya adalah  digunakan supaya gambar-gambar tersebut diletakkan di tengah-tengah jika masih ada ruang kosong di sebelah kanannya.

9. Sobat juga bisa mengganti kode <center> menjadi <right> merapikan iklan dikanan dan apabila ada ruang yang kosong akan diletakan dikanannya, maksudnya adalah merapikan iklan sejajar, sedangkan perintah<center> untuk mengurutkan kanan kiri atas dan bawah

Semoga membantu sob.
Salam Blogging



23 komentar:

  1. Pertamax sob,,, lanjut, tambah semangat ngeblog nih hehehe

    BalasHapus
    Balasan
    1. bener sob mesti semangat ngeblog donk

      Hapus
    2. Hahaha Lanjutkan deh sob.. semangat 45 :)

      Hapus
    3. masa sih semangat 45 harusnya semangat baru semangat 2012, hehee

      Hapus
  2. sob,,kok gak ada gambar contohnya,
    tapi di coba dulu lah,,thanks sob...

    BalasHapus
  3. Wah ini dia yg sy cari nih sob..mantap
    izin sedot ilmu nya ya sob :)

    BalasHapus
  4. Wah ini dia yg sy cari nih sob..mantap
    izin sedot ilmu nya ya sob :)

    BalasHapus
  5. tutorialnya mantap,, saya coba ya sob,,,

    Salam kenal,,

    BalasHapus
  6. makasih ya ilmunya
    suatu saat kalo pasang iklan akan kucoba...

    BalasHapus
  7. wuih keren ..thx ya
    komentar aku dihapus ya sudahlah ..tak apa .

    BalasHapus
    Balasan
    1. itu bang .. yang hn mutiara >_<
      itu saya Lho !!.

      Hapus
    2. oh itu karena ada link hidupnya sob, maap yah, punya berapa blog sih miz tia, jadi bingung saya

      Hapus
    3. ada dua ..
      tapi yang satu belum kelar , isinya juga coret-coret doang :D
      .

      Hapus
    4. oh belum kelar toh, aktip semua yah sob

      Hapus
  8. Ada baiknya belajar dulu sob, entar pas butuhkan paling tidak udah ada gambaran. heheheh

    BalasHapus

Sebelum berkomentar baca dulu aturannya :

1. Jangan melakukan spam. Seperti mencantumkan link tertentu, baik link hidup atau link mati
2. Berkomentarlah dengan sopan,
3. Jangan menyinggung masalah SARA.


Jika ternyata melakukan tersebut diatas Admin berhak menghapus komentar tersebut. Harap dijadikan maklum

Silahkan mengisi komentar anda.

Terimakasih

 
AnakBaik © 2012 Enjoy Share With Us. |Tim Kreatif AnakBaik | Indahnya Berbagi AnakBaik