Pasang Iklan atau Widget di Bawah Artikel Readmore ~ BARUGA

Silahkan bagikan :

۞ السَّــــــلاَمُ عَلَيْــــــكُمْ وَرَحْمَــةُ اللــــهِ وَبَرَكَاتُــــــــــهُ ۞

۞ بســـــــــــــم اللّـــه الرّحمٰن الرّحيـــــــــــــم ۞

-----------------------------------------------------------------------

Sebenarnya memesang iklan di bawah posting itu mudah karena kita cukup memasang kodenya di bawah kode

<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:

<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).

Bagian Kedua: 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"'>

< 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>

Bagian Ketiga: Praktek/Latihan 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