Membuat Iklan Teks Seperti Google AdSense

Tutorial Membuat Iklan Teks Seperti Google AdSense saya buat hanya untuk mengingatkan jika suatu saat nanti saya butuh dengan tutorial ini, atau mungkin anda sedang membutuhkannya? untuk melihat demo nya anda lihat di sidebar Blog Kang Dewek. jujur saja, tutorial ini saya ambil dari beberapa referensi. Sebelumnya saya ucapkan terima kasih kepadanya..

Iklan Teks Google AdSense

Caranya:

  1. Pertama, sobat simpan css berikut diatas </style>
  2. #iklan-teks{height:275px;background-color:white;position:relative;overflow:hidden;margin:0 auto}
    #iklan-teks h2.iklan-header{cursor:pointer;background-color:white;background-image:none;font:normal 20px Verdana,Tahoma,Serif;color:#FF6C60;border-top:1px solid #d8d8d8;padding:10px;margin:0;position:relative;text-transform:none;letter-spacing:0}
    .iklan-teks-post-footer .iklan-header{border-bottom:0}
    #iklan-teks h2.iklan-header:first-child{border-top:0}
    #iklan-teks h2.iklan-header:before{content:"";width:0;height:0;position:absolute;top:20px;right:15px;border:5px solid transparent;border-color:#b2b2b2 transparent transparent}
    #iklan-teks div{height:120px;padding:10px 70px 10px 10px;z-index:1;background:white;font:normal 13px Verdana,Tahoma,Serif;color:white;position:relative;border-top:1px solid #d8d8d8}
    .judul{font:normal 20px Verdana,Tahoma,Serif;color:#FF6C60;margin:0 0 5px 0}
    a.judul{font:normal 20px Verdana,Tahoma,Serif!important;color:#FF6C60!important;text-decoration:none;display:inline-block}
    a:hover.judul{font:normal 20px Verdana,Tahoma,Serif!important;color:#2c343e;text-decoration:underline}
    .isi-iklan a{font:normal 13px Verdana,Tahoma,Serif;color:green;text-decoration:none;display:block;margin-bottom:10px}
    .isi-iklan a:hover{color:green;text-decoration:none}
    .isi{padding-top:15px;color:#222;text-align:left!important}
    .panah-besar{background:#25A2CF;border-radius:50%;cursor:pointer;height:34px;float:right;margin-right:-60px;margin-top:-40px;width:34px;text-align:center;line-height:34px}
    .panah-besar:hover{background:#f0523f}
    .info-icon {width:15px;height:15px;position:absolute;top:0;right:0;cursor:pointer;}
    .info-iklan {background:#d3d3d3;width:100px;height:15px;border-bottom-left-radius:4px;position:absolute;top:0;right:0;color:#000;font:normal 11px Arial,Sans-Serif;text-align:left;overflow:hidden;padding-right:19px;padding-left:5px;display:none; }
  3. Kemudian sobat simpan Javascript ini diatas </head>
  4. <script src='//googledrive.com/host/0B22vSZUsgbQfcDJPbGhFZGh5d1U/iklan-teks-ag-ga.js' type='text/javascript'></script>
    Simpan perubahan templatenya,
  5. Langkah terakhir sobat masuk ke menu layout dan tambahkan widget HTML/Javascript
  6. Dan copy kan kode dibawah ini kedalam widget tersebut.
    <div id='iklan-teks'>
    <!-- iklan ke 1 -->
    <div data-header='Blog Kang Dewek' style='border-top:none'>
    <span class='isi-iklan'><a class='judul' href='http://blog-kangdewek.blogspot.com/' target='_blank'>Tutorial Android, Blogspot, Networking</a><a href='#'>blog-kangdewek.blogspot.com</a><span class='isi'>Dapatkan tutorial nya hanya di Blog Kang Dewek, Visit & Subscribe sekarang juga.</span><a class='panah-besar' href='http://blog-kangdewek.blogspot.com/' target='_blank'><img alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1rSEJ1Zf6FWseEPTI5bsB7BAaZolrrHx9rtTp56FHUNewEW6TuD3vbHDxtYmifHpnfJGpOWR40CN_tRZu9zxH6fuGX2VsU8YAaCPlh-1Jz_m-sY4TNz9eVQk2aA3raA_yAYeD6RxXnxo/s1600/icon_chevron_white.png' style='margin-top:7px;margin-left:2px;width:12px;height:19px'/></a></span>
    </div>
    <!-- iklan ke 2 -->
    <div data-header='Adf.ly'>
    <span class='isi-iklan'><a class='judul' href='http://adf.ly/' target='_blank'>AdF.ly - shorten links and earn money!</a><a href='#'>adf.ly</a><span class='isi'>Get paid to share your links!<a class='panah-besar' href='http://adf.ly/' target='_blank'><img alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1rSEJ1Zf6FWseEPTI5bsB7BAaZolrrHx9rtTp56FHUNewEW6TuD3vbHDxtYmifHpnfJGpOWR40CN_tRZu9zxH6fuGX2VsU8YAaCPlh-1Jz_m-sY4TNz9eVQk2aA3raA_yAYeD6RxXnxo/s1600/icon_chevron_white.png' style='margin-top:7px;margin-left:2px;width:12px;height:19px'/></a></span></span>
    </div>
    <!-- iklan ke 3 -->
    <div data-header='Pasang Iklan di Sini'>
    <span class='isi-iklan'><a class='judul' href='http://blog-kangdewek.blogspot.com/p/kang-dewek-by-request.html' target='_blank'>Pasang Iklan di Sini</a><a href='#'>blog-kangdewek.blogspot.com</a><span class='isi'>Ayo pasang iklan disini bayar pake pulsa dan murah.<a class='panah-besar' href='http://blog-kangdewek.blogspot.com/p/pasang-iklan-di-blog-blog-kangdewek.html' target='_blank'><img alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1rSEJ1Zf6FWseEPTI5bsB7BAaZolrrHx9rtTp56FHUNewEW6TuD3vbHDxtYmifHpnfJGpOWR40CN_tRZu9zxH6fuGX2VsU8YAaCPlh-1Jz_m-sY4TNz9eVQk2aA3raA_yAYeD6RxXnxo/s1600/icon_chevron_white.png' style='margin-top:7px;margin-left:2px;width:12px;height:19px'/></a></span></span>
    </div>
    <!-- iklan ke 4 -->
    <div data-header='Pasang Iklan di Sini'>
    <span class='isi-iklan'><a class='judul' href='http://blog-kangdewek.blogspot.com/p/kang-dewek-by-request.html' target='_blank'>Pasang Iklan di Sini</a><a href='#'>blog-kangdewek.blogspot.com</a><span class='isi'>Ayo pasang iklan disini bayar pake pulsa dan murah.<a class='panah-besar' href='http://blog-kangdewek.blogspot.com/p/pasang-iklan-di-blog-blog-kangdewek.html' target='_blank'><img alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1rSEJ1Zf6FWseEPTI5bsB7BAaZolrrHx9rtTp56FHUNewEW6TuD3vbHDxtYmifHpnfJGpOWR40CN_tRZu9zxH6fuGX2VsU8YAaCPlh-1Jz_m-sY4TNz9eVQk2aA3raA_yAYeD6RxXnxo/s1600/icon_chevron_white.png' style='margin-top:7px;margin-left:2px;width:12px;height:19px'/></a></span></span>
    </div>
    <!-- info -->
    <span class='info-iklan'>Iklan oleh KangDewek</span>
    <span class='info-icon'><a href='http://blog-kangdewek.blogspot.com/p/kang-dewek-by-request.html' target='_blank'><img alt='info' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuz83XkfEko-iq_7Lo_Uig-VaYFikK-f1G_VQVbJphqtHeJgd8ioLvmT7hJXiKikgW_5SY01TfJgLdrpVY3C4jA2kcs1l7R8XWePYeb9PD1aduFpkYgpkcz638lZzAUrUZ7A6_4MHd5RA/s1600/info-iklan.png'/></a></span>
    </div>
    Tinggal sobat sesuaikan untuk teks dan link iklan nya

Sekian dulu tutorial kali ini, semoga bermanfaat. Apabila ada pertanyaan silahkan berkomentar. :)


0 comments