Pin BB

Monggo diinvite ya 765cb6f6

Cara Menyisipkan Iklan Di Atas Postingan Pada Blog


Pada umumnya iklan biasanya berada pada sidebar/samping kiri atau kanan blog, pada header/bagian atas blog, bahkan pada footer/bagian bawah blog, nah bagaiman jika iklan berada tepatnya di atas postingan dan di bawah judul artikel?.

Posting kali ini kita akan membahas bagaimana cara meletakan iklan tepatnya di atas postingan dan di bawah judul artikel. Cara ini memudahkan pengunjung untuk melihat iklan tersebut dan dengan senang hati jika pengunjung tersebut melakukan klik pada iklan tersebut, karena selain membaca artikel pengunjung juga dapat melihat iklan yang tepat berada di atas postingan. Tetapi cara ini belum tentu bisa di pakai di semua template, biarpun begitu apa salahnya jika kita coba.

Untuk contohnya bisa kalian lihat di blog Online File Sharing Free

Ok kita langsung saja mulai Langkah-langkahnya

--> Pertama, silahkan Anda login dahulu ke Blogger kesayangan Anda,

--> Pada dasbor blogger Anda, silahkan klik tanda panah kebawah lalu pilih Template,

--> Edit HTML, jangan lupa untuk ceklist Expand Widget Template dan silahkan cari kode css di bawah ini dengan menekan di ctrl-f pada keyboard,
]]></b:skin>

Selanjutnya, letakan kode di bawah ini sebelum kode di atas,
/* -- (Googe Adsense) -- */
.ads{margin-bottom:10px;border-top:solid 1px #DEDEDE;padding-top:10px;font-size:13px}
.ads-right-min{border-left:solid 1px #DEDEDE;height:250px;padding-left:10px}
.ads-right-min a:link,.ads-right-min a:visited,.bottom-share-links a:link,.bottom-share-links a:visited{font-size:12px;color:#222;display:block;height:22px;line-height:22px;margin-bottom:16px;padding-left:32px}
.ads-right-min a:hover,.bottom-share-links a:hover{color:#666}

Sekarang kalian cari kode di bawah ini. Kode di bawah ini kode penting, karena dengan memasukan kode ini maka akan memunculkan iklan pada postingan Anda,
<div class='post-body entry-content'>

Selanjutnya, letakan kode di bawah ini sesudah/di bawah kode di atas,
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='300'>
Kode Iklan
</td>
<td width='300'><div class='ads-right-min'>
Kode Iklan
</div>
</td>
</tr>
</table>
</div></b:if>

Keterangan,
Kode Iklan : Masukanlah kode iklan yang Anda miliki dari situs penyedia iklan,

<td width='300'> : Lebar kotak iklan sebelah kiri,

<td width='300'><div class='ads-right-min'> : Lebar kotak iklan sebelah kanan, Silahkan Anda ganti sendiri angka 300 tersebut, sesuaikan dengan template Anda,

Gampang dan simple bukan, selamat mencoba sobat.


Posted by syamsul arifin On Tuesday, June 19, 2012 1 komentar
Jika artikel ini bermanfaat,bagikan kepada rekan melalui:

+ komentar + 1 komentar

October 28, 2012 at 9:45 AM

Thanks
info yang bermanfaat

kunjungi balik ^^

Terimakasih bangkokjuara.blogspot.com atas Komentarnya

Post a Comment

Terima kasih telah membaca artikel Tips dan Trik Syamarif , Blog ini sudah dofollow silahkan tinggalkan komentar anda.
Harap tidak membuat SPAM