Cara membuat banner/iklan berdampingan kanan dan kiri do blogger

Bismillaahirrahmaanirrahiim !

Baca Juga

Manteman kali ini ane mau share cara membuat iklan berdampingan kanan dan kiri untuk pengguna platform blogger.com seperti pada gambar di bawah ini contohnya ane buat ikan dari google adsense berdampingan di sebelah kanan dan di sebelah kiri di bagian bawah posting artikel.

Cara membuat banner/iklan berdampingan di kanan dan kiri

Langkah pertama silahkan login melalui akun google anda di www.blogger.com

Langkah kedua klik template seperti pada penampakan di bawah ini

Cara membuat banner/iklan berdampingan di kanan dan kiri

Langkah ketiga klik edit HTML di sebelah tab sesuaikan seperti terlihat juga seperti pada gambar di atas.

Langkah keempat di bagian kumpulan kode skrip HTML tekan klik kiri dimana saja kemudian tekan Ctrl + F dan ketik atau paste kode berikut untuk mencari kode ]]></b:skin> seperti pada gambar di bawah ini :

Langkah kelima, jika sudah ketemu letakkan kode di bawah ini tepat di atas kode ]]></b:skin>


#iklanberdampingan {
height: 300px;
}
#sebelahkiri {
float: left;
}
#sebelahkanan {
float: right;
}

Keterangan : angka 300 dapat diubah oleh manteman sesuai kebutuhan dan kata  left artinya rata kiri yang artinya dapat diganti dengan kebutuhan manteman misalnya ingin rata tengah menjadi center atau ingin rata kanan menjadi right begitupun untuk yangan right dapat diganti.

Namun, pada contoh ini ane membuat iklan.banner yang berada disebelah kiri akan muncul dan rata kiri dan iklan/banner yang disebelah kanan akan muncul rata kanan seperti pada contoh gambar pertama di atas posting artikel ini.

Langkah keenam cari kode berikut <data:post.body/> kemudian letakkan kode di bawah ini tepat di bawahnya <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='iklansebelahkiri'>
<div id='iklansebelahkiri'>
masukkan kode html untuk banner/iklan di sebelah kiri
</div>
<div id='iklansebelahkanan'>
masukkan kode html untuk banner/iklan di sebelah kanan
</div>
</div>
</b:if>

Catatan : Jika manteman ingin meletakkan kode iklan berdampingan kanan dan kiri di bawah judul posting artikel letakkan kode di atas tepat di atas kode <data:post.body/>.


Langkah ketujuh masukkan kode HTML manteman di teks yang berwarna biru untuk banner/iklan di sebelah kiri dan masukkan kode HTML manteman di teks yang berwarna hijau untuk banner/iklan di sebelah kanan.

Manteman dapat menggunakan metode iklan berdampingan kanan kiri untuk link unit iklan adsense, unit content adsense ukuran 300x250, untuk foto, atau untuk hal lainnya seperti profil penulis blogger yang sudah sahabat buat sedemikian rupa.

Langkah kedelapan, klik simpan.

Selesai sudah jreng jreng !

Selamat mencoba ya :)

Share this

Master Seni