Cara Memasang Iklan Adsense Di Bawah Judul Posting Pada Blog Versi Mobile.

Memasang Iklan Adsense Di Bawah Judul Posting. Memiliki sebuah iklan yang terpasang pada blog kesayangan adalah sebuah kebanggaan tersendiri, terlebih iklan yang anda pasangkan pada blog tersebut adalah iklan yang ditampilkan dari Google Adsense. Hal ini tentunya dapat menambah income bagi anda untuk mengembangkan blog yang anda kelola. Namun tidak hanya sekedar memiliki iklan yang tampil saja cukup untuk mengembangkan itu semua, harus ada sedikit trik agar penargetan iklan yang anda pasang dapat terlihat oleh pembaca blog anda yang akhirnya akan meng-klik iklan yang anda pasang tersebut. Perkembangan dunia telekomunikasi yang berkembang pesat akhir-akhir ini, tentunya berpengaruh terhadap cara orang untuk melihat sebuah blog atau website. salah satunya adalah dengan menggunaakan media smartphone dan tablet, tentunya hal ini akan membuat anda harus berpikir bagaimana mencari target iklan yang bersumber dari pengguna yang menggunakan perangkat mobile. 

Dalam hal ini tentunya anda harus mengembangkan template pada blog yang anda miliki menjadi mobile friendly dan lebih responsive agar dapat dibaca dan ditampilkan pada browser yang dibuka dari perangkat mobile seperti smartphone dan tablet. Setelah mutar muter dari blog satu ke blog lain untuk mencari informasi ini akhirnya saya menemukan cara yang mudah dan tepat untuk diterapkan, sekalipun untuk blogger baru pada tingkat beginner. Untuk itu dalam artikel ini akan saya share sedikit tips dan trik untuk optimasi iklan yang dapat anda tayangkan pada versi mobile untuk ditempatkan dibawah judul blog. 

Memasang Iklan Adsense Di Bawah Judul Posting.

1. Tentunya anda sudah punya akun Google Adsense, silahkan Log in atau daftar dulu jika anda belum punya.
2. Setelah Log in anda dapat memilih tab My Ads -> New Ads Unit
3. Masukan nama Ads yang akan anda buat.
4. Pilih Ads size. ( rekomendasi untuk ukuran iklan yang dapat anda pasang pada versi mobile gunakan type responsive)
5. Untuk pengaturan lainya sementara anda biarkan saja dulu.
6. Akhiri dengan menekan tombol Save and get code
7. Lalu copy kode html yang anda dapatkan tadi.

Parse Kode Html Iklan Adsense.

1. Agar dapat ditampilkan di dalam blog versi mobile, kode iklan adsense yang telah anda buat tadi harus di parse terlebih dahulu.
2. Banyak tersedia tool secara On line dan gratis untuk mem-Parse kode Html yang anda miliki.
3. Saya hanya menyarankan anda untuk menggunakan Parse ini.

http://www.freehtmlparser.blogspot.com/

4. Copy dan paste kode iklan dalam kotak dan klik tombol "Encode" 
5. Setelah anda klik tombol Encode anda akan mendapatkan kode iklan yang sudah di Parse. Silahkan copy kode tersebut untuk dipindah ke notepad terlebih dahulu.

Mengaktifkan Template Custom Blogger seluler.

Untuk menampilkan kode iklan adsense yang sudah anda parse tadi, template yang berjalan pada blog versi mobile harus dalam mode custom. jika anda tidak yakin sudah menggunakan mode Custom, anda dapat mengikuti langkah berikut ini :

1. Klik menu Template pada blogger anda.
2. Pada template versi mobile klik icon gir
3. Pastikan opsiYes. Show mobile template on mobile devices aktif
4. Pastikan anda memilih Custom pada choose Mobile template drop down menu.
5. Untuk memastikan semua iklan tampil dengan benar, silahkan anda klik tombol preview terlebih dahulu.
6. Kemudian klik tombol Save untuk menyimpan setting yang anda buat.

Memasang Iklan di dalam Template Blog.

1. Langkah berikutnya, kita perlu menemukan kode didalam template blog (Mobile Template Post title)  sehingga kita dapat menempatkan kode Adsense langsung di bawah kode tersebut.
2. Untuk berjaga-jaga agar template awal tidak rusak karena kita salah dalam menempatkan kode iklan atau bahkan ada kode yang terhapus di template tersebut, ada baiknya kita backup terlebih dahulu.
3. Sekarang kita mulai untuk menempatkan kode iklan di template blog.
• Klik menu Template -> lalu klik Edit HTML
• Klik di dalam kode html, lalu tekan Ctrl + F pada keyboard untuk mencari kode berikut.

<b:includable id='mobile-post' var='post'>

• Setelah anda menemukan kode tersebut, geser perlahan kebawah untuk menemukan kode berikut ini.

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

• Lalu paste kode iklan yang telah anda pasang tadi tepat dibawah kode tersebut.
• Kemudian anda simpan template tersebut, dengan klik Save Template.
• Jika anda ingin mengatur lebih lanjut dari penempatan kode iklan yang terpasang, agar terlihat lebih menarik. silahkan anda menggunakan kode dibawah ini.

<br>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <div class='toppostadmobile ' style='text-align:center;'>
PASTE PARSED CODE HERE
 </div>
</b:if>
 </br>

• Kode diatas berfungsi untuk menempatkan iklan agar tampil di posisi tengah bawah, dibawah judul post pada halaman post saja.
4. Anda dapat mencoba untuk melihat salah satu posting blog Anda pada tampilan mobile menggunakan browser default dari perangkat mobile Anda dan Anda akan melihat iklan Adsense muncul di bawah judul posting pada halaman POST (Tidak pada homepage).
5. Anda dapat mengakses tampilan mobile posting pada Blogger Anda menggunakan PC dengan cara menambahkan? M = 1 pada akhir URL posting.
6. Selamat mencoba.

Share this post