Cara Membuat Iklan di Bawah Judul Blog

Selamat pagi, selamat beraktifitas lagi di senin pagi ini, saya sih libur hehe. Kali ini saya akan memberikan tutorial Bagaimana Cara Membuat Iklan di Bawah Judul Blog. Nah, tutorial ini merupakan request dari empunya Share4rt (Eko Budi Santoso) yang ingin menempatkan iklannya di bawah judul blog Share4rt. Mas Eko ini sudah berhasil menempatkannya di bawah judul blog, tapi tidak ingin iklannya tampil pada homepage blog Share4rt. Nah, sebenarnya tinggal sedikit ramuan lagi untuk membuatnya tidak tampil di homepage. Tapi untuk itu, saya beri tutorialnya dari awal.

Struktur Cara Pembuatan: Buat CSS untuk homepage > Sisipkan script iklan > Lihat Tutorial Di Bawah

Di mulai dari pertama, kita selalu main di EDIT HTML pada Template dengan "Expand Template Widget" dicentang

1. CSS Untuk Homepage

Cari kode </b:skin> lalu letakkan kode ini di bawah </b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
#iklanbawah {display:none}
</b:if>
</b:if>
</style>

2. Sisipkan Script Iklan
Cari kode class='post-title entry-title' atau lebih lengkapnya <h1 class='post-title entry-title'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if></b:if>  dan biasanya kode class='post-title entry-title' ada tiga, carilah yang kedua.

dan letakkan kode ini di bawah kode diatas

<div id='iklanbawah' style='padding:'10px 0'>
SCRIPT IKLAN ANDA DISINI
</div>

ganti kalimat "SCRIPT IKLAN ANDA DISINI" dengan Script Iklan yang anda miliki lalu simpan Template. Semoga berhasil :)

DEMO