Menyatukan Iklan/Adsense dengan Gambar Postingan

Jika anda sudah berhasil dengan cara sebelumnya "Menyatukan Iklan/Adsense dengan Artikel / Posting" sekarang adalah tentang bagaimana cara menyamarkan iklan seolah-olah menyatu dengan gambar pada postingan. Untuk demonya seperti pada gambar atau klik disini.

Yang perlu dicatat adalah ukuran format iklan yang anda pasang. Saya beri contoh iklan dengan format ukuran 300x250 (adsense) ada baiknya anda mengatur iklan adsense anda hanya menampilkan gambar saja (Image ads only).

Jika anda meng-upload gambar pada postingan blogspot maka akan muncul kode seperti dibawah ini pada pilihan Edit Html :

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHICQX5qUbA51dMLKolVzTHOCR1xxXAOJhtxSrVVfi63uUe7BuGWYBRQOOUeRCRRYxD53pcyRUiI-vXR1wXKtI8hiOLxKMatRoch0t7lEKsSP__GXbCJhy6kmQwi3xJ3s5V4u_sXAH21I/s1600/adsense-gambar.jpg"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 320px; height: 272px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHICQX5qUbA51dMLKolVzTHOCR1xxXAOJhtxSrVVfi63uUe7BuGWYBRQOOUeRCRRYxD53pcyRUiI-vXR1wXKtI8hiOLxKMatRoch0t7lEKsSP__GXbCJhy6kmQwi3xJ3s5V4u_sXAH21I/s320/adsense-gambar.jpg" alt="" id="BLOGGER_PHOTO_ID_5510161281062701426" border="0" /></a>

1. Hapuslah kode yang berwarna merah. Fungsinya agar iklan benar-benar rapat menyatu dengan gambar postingan. Jika tidak, maka iklan akan sedikit renggang / mempunyai jarak dengan gambar postingan.

2. Jika anda menggunakan iklan dengan format ukuran 300x250, maka rubahlah ukuran gambar postingan (warna biru) width jadi 300 dan height jadi 250.

3. Tampilan ini akan bekerja jika lebar/width ruang posting/main post/artikel anda lebih dari 600 px tentunya, jika tidak gambar posting akan tampil dibawah iklan karena ruang posting kurang lebar. Solusinya anda menggunakan ukuran iklan dan gambar yang lebih kecil ukuran lebar/width-nya.

Bisa juga dengan pengaturan ukuran gambar secara otomatis dengan kode :

.post img{
max-width:300px;
min-width:300px;
min-height:250px;
max-height:250px;
margin-left:auto;
margin-right:auto;
padding:0px;
border:none;
}

Yang huruf tebal untuk pengaturan ukuran gambarnya.

Semoga bermanfaat.