Cara Memasang Adsense For Feed Pada Blog

Memasang Google Adsense For Feed juga merupakan salah satu peluang cara monetasi blog berbahasa Indonesia selain  memasang google adsense for search. Iklan-iklan akan ditampilkan pada awal atau akhir setiap feed blog. Make Money dari Blog dengan cara ini cukup menguntungkan bila kita mempunyai banyak pelanggan feed. Kita akan mendapat komisi untuk setiap iklan yang diklik oleh pengunjung pada feed blog kita.

Untuk mendapatkan peluang make money blogging dengan cara ini kita juga harus memiliki akun google adsense. Untuk pendaftaran di google adsense, silakan masuk ke http://www.google.com/adsense. Bila sudah memiliki akun google adsense, langkah selanjutnya adalah memasang google adsense for feed ini di blog kita. Berikut adalah langkah-langkah mengaktifkan google adsense for feed:

Langkah Memasang Google Adsense For Feed di Blog

1. Login ke Google Adsense dan atur pilihan ke bahasa Indonesia.
2. Klik menu tab “Konfigurasi Adsense” >> “Dapatkan Iklan“
3. Klik “Adsense Untuk Feed”

langkah 1 memasang adsense for feed
4. Pada bagian “Adsense untuk Feed” >> “Jenis Iklan“, pilih “Iklan/gambar teks” agar semua jenis iklan maupun gambar tampil di blog kita.
5. Tentukan berapa sering iklan ini tampil di feed blog kita di bagian “Frekuensi“. Sebaiknya pilih “setiap bahan umpan” agar peluang iklan di  blog kita di klik cukup besar.
6. Tentukan panjang pesan iklan yang tampil di feed blog kita di bagian “Panjang Pesan“. Sebaiknya pilih “Pesan dengan panjang berapa pun”.
7. Tentukan posisi iklan di bagian “Posisi”. Sebaiknya pilih “Di bagian atas bahan umpan”, karena peluang untuk di klik lebih besar.

langkah 2 memasang adsense for feed
8. Pilih warna sesuai keinginan dengan mengaktifkan “Biarkan saya memilih warna”.

langkah 3 memasang adsense for feed
9. Klik “buat channel baru” dan masukkan alamat feed blog kita. Umumnya alamat feed blog wordpress adalah nama blog dengan tambahan akhiran /feed/. Misalnya “http://www.bloggerpemula.info/feed/”. Namun bila kita telah integrasikan dengan feedburner, sebaiknya gunakan alamat feed dari feedburner, misalnya “http://feeds.feedburner.com/MakeMoneyBlogging3”.

langkah 4 memasang adsense for feed
10. Klik “Tambah” lalu klik “Simpan” untuk mengaktifkan google adsense for feed ini. Iklan akan tampil setelah 10 menit atau lebih.

contoh hasil memasang adsense for feed

Kesimpulan dan TIPS Tambahan

Contoh google adsense for feed blog ini bisa anda lihat pada gambar di atas atau coba cek langsung di feed blog ini.  Bila belum tampil, coba ping ke feedburner atau coba cek dengan menggunakan browser lain selain yang anda gunakan sekarang (internet explorer, mozilla firefox, opera, dll). Keep blogging for money …

Cara Memasukkan Adsense Kedalam Body Posting

Untuk memasang adsense agar tampil di dialam postingan membutuhkan sedikit trik, karena kalo cuma asal pasang script adsense didalam potingan maka iklan adsense tidak akan muncul. Nha kali ini akan kita bahas trik untuk menampilkan adsense didalam postingan tapi setelah link "Read more" diklik. Gini nih caranya :

1. Login ke blogger kemudian pilih "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand widget template"
3. Cari Kode berikut :

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

4. Hati-hati, di dalam kode HTML yang sudah dipasang "Readmore" biasanaya ada 2 kode seperti itu. Jadi pilih kode yg pertama.
5. Setelah itu letakan kode Google adsense kamu dibawah kode tersebut. Tp sebelumnya perhatikan yg berikut ini.

kode adsense biasanya seperti ini :

<center><script type="text/javascript"><!--google_ad_client = "pub-5569888573993887";
/* 468x60, created 4/9/08 */
google_ad_slot = "0716000951";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></center>

perhatikan kode yang berwarna merah ( <!-- dan //-->). Hapus kedua kode tersebut. Kemudian copy kode adsens dan letakkan dibawah kode <data:post.body/></p>. Lalu simpan Template kamu.

Cara Membuat Auto Read More Terbaru pada Blog

Bila versi terdahulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span> dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Untuk versi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.


Trus..hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw  Ya sudah, biar sama2 gak pusing langsung ke tutorialnya saja ok.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:


<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)