Cara Memasang Kode Adsense

Sebelumnya saya sempet patah semangat juga gara2 PIN Adsense saya ga datang2 walaupun sudah 3x me-request PIN tersebut. Ternyata dari ketiga request tadi, yang sampai malah yg ke-2 itupun setelah mengganti alamatnya. Akhirnya sekarang semangatku bangkit lagi! Walaupun sudah beberapa bulan bermain dengan Adsense dan pendapatannya belum menyentuh angka $20 (kapan kaya-nya:( ?? ) tapi karena sifat saya yang penasaran, maka kulanjutkan saja tugas ini:). Ternyata tidak mudah mengais rezeki di internet. Jadi kalau ada yg bilang CARA CEPAT JADI KAYA, maka WASPADALAH!.. WASPADALAH!..

Oke, sekarang kita lanjutkan pelajaran berikutnya yaitu cara memasang kode Adsense pada Blogger. Sebetulnya banyak Blog / Website yang membahas hal ini yang tentu saja lebih baik dari saya. Maka di sini saya hanya akan membagi pengalaman saya pada saat memasang kode Adsense pada Blog saya sendiri.

Sebelumnya harap diperhatikan bahwa di setiap halaman Blog, kita hanya dapat memasang 3 buah Ad Unit, 3 buah Link Unit, dan 2 buah Adsense for Search.

Adsense di antara postingan (yg ini belum dipraktekkan, soalnya ga terlalu bagus performance-nya :p )

Ini adalah fitur dari Blogger dimana kita tidak perlu memasukkan kode apapun untuk memunculkan iklan Adsense di antara postingan pertama dan ke-2, setiap 2 postingan atau 3 postingan dan seterusnya. Caranya:

• Sign in ke Blogger.
• Klik Layout lalu Add Gadget.
• Pilih Adsense.
• Jika anda baru melakukan ini untuk pertama kali, anda akan diminta untuk memasukkan Username dan Password Account Adsense anda.
  
• Tentukan format dan ukuran Ad Unit yang dikehendaki lalu Save.

Adsense di Sidebar

• Pada Dashboard, klik Layout lalu Add Gadget.
• Pilih HTML / Java Script.
• Copy-Paste kode Adsense anda di dalam box yang tersedia lalu Save.

Catatan: Terkadang Ad Unit tersebut tidak langsung muncul. Oleh karena itu, sebaiknya tunggulah beberapa saat.

Adsense di dalam postingan

Dari semua posisi, Adsense di dalam postingan adalah posisi yang paling stategis (buat saya). Namun cara ini agak sedikit rumit karena kita harus memasukkan kode Adsense di dalam Template kita. Selain itu kode tersebut juga harus di modifikasi sedikit biar tidak terjadi error (tenang,.. perubahan ini tidak melanggar TOS karena kita hanya mengganti beberapa karakter dari kode tersebut menjadi kode HTML). Untuk melihat contoh jadinya, silahkan kunjungi Blog ini.

• Convert terlebih dahulu kode Adsense anda di sini.
• Copy kode di bawah:
  

<div style="float:left;">
<br/>
KODE ADSENSE ANDA
</div>

(Gantilah tulisan berwarna merah dengan kode Adsense anda yang telah di Convert).

• Pada Dasboard, klik Layout lalu Edit HTML.
• Beri tanda centang pada Expand Widget Template, lalu Backup Template anda terlebih dahulu untuk berjaga-jaga (PENTING!).
• Letakkan kode yang anda Copy tadi di bawah kode berikut:
  

<div class='post-body'>

Sehingga hasilnya menjadi:

<div class='post-body'>

<div style='float:left;'>
<br/>
KODE ADSENSE ANDA
</div>

• Klik Save.

Cara ini akan membuat Ad Unit anda muncul di halaman utama dan halaman individual Blog anda. Lalu bagaimana jika anda ingin agar Ad Unit tersebut hanya muncul pada halaman individual seperti pada Blog ini? (silahkan anda klik Read More.. atau judul posting dan lihat perbedaannya).

Agar anda bisa menggunakan trik ini, sebaiknya anda sudah menggunakan sistem Read More pada Blog anda. Jika belum, saya akan menunjukkan caranya di sini atau anda juga bisa meluncur ke Blog-nya Kang Rohman untuk detil selengkapnya. Bagi para Blogger pemula yang baru membuat Blog dan belum mem-posting artikel, cara ini sangat di anjurkan. Tapi bagi yang sudah mem-posting banyak artikel, saya tidak tahu apakah cara ini dapat mempengaruhi artikel-artikel tersebut. Jadi, Do it at Your Own Risk!..


Membuat Read More + Adsense dalam postingan

• Copy kode di bawah ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>

<div style='float:left;'>
<br/>
KODE ADSENSE ANDA
</div>

<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

• Letakkan kode tersebut di bawah kode:

<div class='post-body'>

• Copy kode di bawah ini:

<a expr:href='data:post.url'>Read More.....</a>
</b:if>

• Letakkan kode tersebut di bawah kode:

<p><data:post.body/></p>

Catatan: Karena kode di atas ada 2 buah, maka pilihlah yang paling bawah.

• Klik Save.

Sekarang kita akan meletakkan kode ke dalam Post Template Blogger. Caranya:

• Klik Setting -> Formatting lalu Copy kode di bawah:

<div class="fullpost">


</div>

• Klik Save.

Untuk melakukan posting, pertama anda harus dalam mode Edit Html pada Create New Post, lalu:

TULIS AWAL ARTIKEL
<div class="fullpost">
TULIS SISA ARTIKEL
</div>

Selamat mencoba.