Home » » Cara Memasang Iklan di Sidebar Blog

Cara Memasang Iklan di Sidebar Blog

Written By AiRa LoKa on Kamis, 16 Mei 2013 | 19:54

Cara Memasang Iklan di Sidebar Blog

     Hai semua... Setelah bergelut dengan dunia blogging, harusnya semua kerja keras anda menghasilkan sebuah keuntungan. Apakah anda pernah terfikirkan kalau anda sudah bersusah payah mengelola blog, tapi itu semua tidak memberikan sesuatu yang menguntungkan bagi anda. Nah, salah satu cara untuk mendapatkan keuntungan dari dunia blogging adalah dengan membuat jasa pasang iklan. Jika traffik blog anda lumayan, pasti banyak yang mau pasang iklan di blog anda. Nah, dengan begitu, anda akan mendapatkan banyak keuntungan. Nah, bagi yang mau dapat uang, Langsung saja..
Check It Out......

1.  Upload gambar untuk promosi pemasangan iklan anda.

2.  Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML. Cari kode ]]></b:skin>, lalu pastekan script dibawah ini diatas kode ]]></b:skin>.
#al-ads {margin:0px;padding:0px;text-align:center}
#al-ads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#al-ads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}
Kode yang berwarna biru adalah jarak antar kotak iklan atas dengan kotak iklan dibawahnya. Kode yang berwarna merah adalah jarak antara kotak iklan kiri dan kotak iklan kanan.

 3.   Simpan

4.  Masuk ke Tata Letak > Tambah Gadget > HTML/Javascript.

5.  Pada kolom konten pastekan script dibawah ini.
<div id="al-ads">
<a href="Url tujuan" target="_blank" title="Title Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Url tujuan" target="_blank" title="Title Iklan"><img alt="Alt/text Gambar" border="0" src="Url Gambar" /></a>
<a href="Url tujuan" target="_blank" title="Title Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Url tujuan" target="_blank" title="Title Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
</div>
6.  Simpan

Selamat mencoba!

9 komentar:

  1. sangat menarik infonya..
    blog agan dah q follow di followback ya di http://pixmasoftware.blogspot.com/
    trims....

    BalasHapus
  2. kalo cuma baris kebawah gimana?? dan ukuran 180x180 gimana??
    makasih

    BalasHapus
  3. kalo cuma baris kebawah gimana?? dan ukuran 180x180 gimana??
    makasih

    BalasHapus
  4. kalo cuma baris kebawah gimana?? dan ukuran 180x180 gimana??
    makasih

    BalasHapus
  5. @Agung Prastiyo

    ganti script yang kedua dengan

    <div id="al-ads">
    <a href="Url tujuan" target="_blank" title="Title Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a><br />
    <a href="Url tujuan" target="_blank" title="Title Iklan"><img alt="Alt/text Gambar" border="0" src="Url Gambar" /></a><br />
    <a href="Url tujuan" target="_blank" title="Title Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a><br />
    <a href="Url tujuan" target="_blank" title="Title Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
    </div>

    BalasHapus
  6. Sangat membantu gan. Terima kasih....

    BalasHapus
  7. Sangat membantu Terima Kasih kk, Follow Back . . http://cyberseuramoe.blogspot.com/

    BalasHapus
  8. kalau ada screenshotnya bagus nih. hehe..
    'makasih gan, ane coba dulu

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Setelah membaca artikel ini, silahkan tinggalkan komentar. Bagi yang mau meninggalkan url blognya, silahkan saja. Asalkan anda tidak memberikan komentar dengan kata-kata yang tidak sopan. Terima kasih telah mengunjungi blog ini.

AiRa LoKa - Blog of tutorials

Konversi Kode di Sini!

 
Support : Blogger | Google | KlikSaya
Copyright © 2013. AiRa LoKa - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger