Berikut langkah - langkahnya :
1. Buka blogger dengan ID anda tentunya.
2. Klik Tata Letak.
3. Kemudian klik Edit HTML.
4. Jangan lupa backup template-nya terlebih dahulu.
5. Klik Expand Template Widget.
6. kemudian cari kode yang mirip dengan template seperti di bawah ini :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'>
<br/>
<br/>
<div style='text-align: right; color:#FF8000'>[ Baca Selengkapnya ]...</div></a></p>
</b:if>
7. Karena setiap template berbeda - beda, anda cari miripnya saja, atau jika bingung cari saja
<p><data:post.body/></p>
Jika anda belum menggunakan read more, anda bisa membaca tutorial cara membuat read di blog saya ini.
8. Kemudian parse terlebih dahulu kode iklan punya anda ke dalam situs penyedia layanan parse HTML, liat disini.
9. Oke, setelah berhasil di parse, letakkan kode HTML yang sudah di parse tepat di bawah kode
<b:if cond='data:blog.pageType == "item"'>
atau kode yang seperti ini :
<b:if cond='data:blog.pageType == "item"'>
harap maklum, karena setiap template berbeda - beda, jadi saya tekankan sekali lagi, cari yang mirip dengan kode diatas.
10. Maka hasilnya akan seperti berikut ini :
<b:if cond='data:blog.pageType == "item"'>
<div style='float:up;'>
LETAK KODE IKLAN YANG SUDAH DI PARSE
</div>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'>
<br/>
<br/>
<div style='text-align: right; color:#FF8000'>[ Read More ]...</div></a></p>
</b:if>
11. Setelah itu Simpan Template, dan lihat hasilnya. Tampak iklan berada pada awal postingan atau di atas postingan, karena saya menggunakan float:UP makanya iklannya tampil di atas postingan. Anda atur sendiri letaknya sesuai keinginan anda. Perhatikan kode yang yang saya tandai dengan warna merah adalah kode baru yang di tambahkan.
