Sebenarnya memesang iklan di bawah posting itu mudah karena kita cukup memasang kodenya di bawah kode
Tetapi masalahnya iklan tersebut juga akan terlihat di Halaman Utama (Home) blog. Dan ini terlihat menggangu "keindahan" blog kita.
Solusinya adalah dengan menambahkan kode (warna hijau) berikut ini
di bawah kode <data:post.body/> :
</b:if>
Kode berwarna hijau akan membuat iklan anda terletak di halaman artikel penuh saja. dan tak akan terlihat di Halaman Awal (Home).
Bila kita ingin menambahkan "widget/iklan" pada bagian bawah artikel. Maka tambahkan dulu kode div class.
<data:post.body/>
<div class='bawahpost'>
</div>
</b:if>
Dari contoh di atas kita tahu kalo div class kita beri nama "bawahpost". Di bawah kode inilah kita dapat memasukkan berbagai properti CSS.
.bawahpost{
}
Contohnya seperti berikut:
.bawahpost{
}
Lantas di mana kodenya di simpan? Simpanlah di atas kode ]]></b:skin> Contohnya:
.bawahpost{
padding:10px;
margin:10px 0px;
background:#e1f2ff;
border:1px solid #ddd;
line-height:1.6em;
}
]]></b:skin>
Sekarang coba kita praktek memasukan kode seperti tutorial bagian kedua. Masukkan kode berikut di blog latihan anda. Cari dahulu kode ]]></b:skin> lalu masukkan kode berikut di atasnya.
.bawahpost{
padding:10px;
margin:10px 0px;
background:#e1f2ff;
border:1px solid #ddd;
line-height:1.6em;
}
Kemudian cari kode <data:post.body/> (bila ada 2 kode ini pilih yang kedua). Selanjutnya pasang kode berikut:
<b:if cond='data:blog.pageType == "item"'>
<div class='bawahpost'>
Potensi Income hingga Rp. 330.000 / hari. Mau? Cukup dengan Modal Awal HP Anda dan melakukan aktivitas isi ulang pulsa hp. Cobalah mengikuti <strong>Flexter</strong> MLM yang telah memperoleh sertifikat halal dari MUI. Daftar Flexter <a href='http://bit.ly/daftar-flexter' rel='nofollow' target='_blank'><strong>di sini</strong></a>   <strong>««</strong> Klik Link-nya untuk mendaftar .
</div>
</b:if>
SELESAI
<data:post.body/>
Tetapi masalahnya iklan tersebut juga akan terlihat di Halaman Utama (Home) blog. Dan ini terlihat menggangu "keindahan" blog kita.
Solusinya adalah dengan menambahkan kode (warna hijau) berikut ini
di bawah kode <data:post.body/> :
<b:if cond='data:blog.pageType == "item"'>
< simpan kode iklan anda disini >
</b:if>
Kode berwarna hijau akan membuat iklan anda terletak di halaman artikel penuh saja. dan tak akan terlihat di Halaman Awal (Home).
Menambahkan "Widget" Pada Bagian Bawah Artikel
Bila kita ingin menambahkan "widget/iklan" pada bagian bawah artikel. Maka tambahkan dulu kode div class.
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='bawahpost'>
< simpan kode iklan anda disini >
</div>
</b:if>
Dari contoh di atas kita tahu kalo div class kita beri nama "bawahpost". Di bawah kode inilah kita dapat memasukkan berbagai properti CSS.
.bawahpost{
tambahkan berbagai property disini
}
Contohnya seperti berikut:
.bawahpost{
padding:10px;
margin:10px 0px;
background:#e1f2ff;
border:1px solid #ddd;
line-height:1.6em;
}
Lantas di mana kodenya di simpan? Simpanlah di atas kode ]]></b:skin> Contohnya:
.bawahpost{
padding:10px;
margin:10px 0px;
background:#e1f2ff;
border:1px solid #ddd;
line-height:1.6em;
}
]]></b:skin>
Cara Memasukkan Kode
Sekarang coba kita praktek memasukan kode seperti tutorial bagian kedua. Masukkan kode berikut di blog latihan anda. Cari dahulu kode ]]></b:skin> lalu masukkan kode berikut di atasnya.
.bawahpost{
padding:10px;
margin:10px 0px;
background:#e1f2ff;
border:1px solid #ddd;
line-height:1.6em;
}
Kemudian cari kode <data:post.body/> (bila ada 2 kode ini pilih yang kedua). Selanjutnya pasang kode berikut:
<b:if cond='data:blog.pageType == "item"'>
<div class='bawahpost'>
Potensi Income hingga Rp. 330.000 / hari. Mau? Cukup dengan Modal Awal HP Anda dan melakukan aktivitas isi ulang pulsa hp. Cobalah mengikuti <strong>Flexter</strong> MLM yang telah memperoleh sertifikat halal dari MUI. Daftar Flexter <a href='http://bit.ly/daftar-flexter' rel='nofollow' target='_blank'><strong>di sini</strong></a>   <strong>««</strong> Klik Link-nya untuk mendaftar .
</div>
</b:if>
SELESAI