Cara Pasang adsense di sisi kiri atas postingan nonAMP

Belajar dan Berbagi. Cara Pasang adsense di sisi kiri atas postingan nonAMP - Untuk mendapatkan penghasilan tambahan dari dunia blog salah satunya dengan menempatkan kode iklan di blog.

Di google banyak sekali tutorial Cara Pasang adsense di sisi kiri atas postingan nonAMP, salah satunya yang akan saya bagikan kembali di bawah ini.

Berikut adalah Cara Pasang adsense di sisi kiri atas postingan blog ,silahkan ikuti langkah-langkahnya :

1). Masuk ke akun blogger Anda.jika memiliki lebih dari satu blog,maka pilih blog mana yang ingin di pasang iklan..

2). Setelah berada di dashboard blog,kemudian lihat sidebar kiri dan pilih tema atau Themplate kemudian di lanjutkan dengan klik EDIT HTML.

3). Langkah ketiga Cari Kode </b:skin>,dan letakkan kode CSS berikut ini tepat di atasnya.

.iklan_kiri{display:inline-block;width:100%;height:auto;margin:0 15px 15px 0;float:left}
.iklan_kiri img{width:100%;max-width:300px;height:auto}

Jika ingin mengubah tata letaknya,misalnya anda ingin meletakkanya di sebelah kanan atas tinggal ganti tulisan bercetak warna merah "left" dengan "right" (tanpa tanda kutip)

4). Selanjutnya cari kode <data:post.body/>.di dalam themplate blog biasanya ada 2 atau 3 <data:post.body/>,sobat pilih yang kedua.di rekomendasikan <data:post.body/> yang di bungkus tag kondisional seperti ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Selanjutnya letakkan kode berikut ini di atas <data:post.body/>

<div class='iklan_kiri'>
LETAKKAN KODE ADSENSE YANG SUDAH DI PARSE DI SINI
</div>

Perlu di ketahui,supaya kode iklan adsense bisa di terima oleh struktur kode template blogger yang berformat XML.maka kode adsense tersebut terlebih dulu harus di Parse.

Untuk parse iklan adsense,silahkan gunakan situs penyedia layanan parse blogcrowds.com dan situs sejenis lainya.

Hasilnya nanti akan seperti ini

<b:if cond='data:blog.pageType == &quot;item&quot;'><script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;></script>
<ins class=&quot;adsbygoogle&quot;
style=&quot;display:inline-block;width:300px;height:250px&quot;
data-ad-client=&quot;ca-pub-1234567891234567</b>&quot;
data-ad-slot=&quot;123456789&quot;></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});</script><data:post.body/></b:if>

5). Selanjutnya simpan template dan lihat hasilnya.

Semoga bermanfaat.


source : google.com