Tuesday, October 19, 2010

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”
  4. langkah 1 memasang adsense for feed
    langkah 1 memasang adsense for feed
  5. Pada bagian “Adsense untuk Feed” >> “Jenis Iklan“, pilih “Iklan/gambar teks” agar semua jenis iklan maupun gambar tampil di blog kita.
  6. 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.
  7. Tentukan panjang pesan iklan yang tampil di feed blog kita di bagian “Panjang Pesan“. Sebaiknya pilih “Pesan dengan panjang berapa pun”.
  8. Tentukan posisi iklan di bagian “Posisi”. Sebaiknya pilih “Di bagian atas bahan umpan”, karena peluang untuk di klik lebih besar.
  9. langkah 2 memasang adsense for feed
    langkah 2 memasang adsense for feed
  10. Pilih warna sesuai keinginan dengan mengaktifkan “Biarkan saya memilih warna”.
  11. langkah 3 memasang adsense for feed
    langkah 3 memasang adsense for feed
  12. 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”.
  13. langkah 4 memasang adsense for feed
    langkah 4 memasang adsense for feed
  14. 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
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)

Friday, February 19, 2010

Cara memasukkan meta tag di blogspot

meta tag mungkin sudah tidak populer lagi kayak dulu, namun meta tag masih penting lho buat blog kamu. Khususnya jika kamu ingin blog kamu diindex dengan lebih mudah oeh om google dan teman – temannya (mbah yahoo, pak MSN dsb). Memang benar sih kalau meta tag bukan satu – satuya faktor yang bikin blog kamu search engine frienly. Tapi meta tag tetep mempunyai peran yang penting buat om googe dan tema – temannya untuk mengindex blog kamu dengan lebih baik
Buat para wordpress mania apalagi yang hosting sendiri, mungkin g ada masalah dengan memasukkan meta tag, namun beberapa pengguna blogger banyak yang merasa kesulitan dalam memasukkan meta tag ke blog mereka. Berikut ini saya bagi tips gimana caranya memasukkan meta tag ke blog blogger :

1. Login ke account blogger kamu dengan memasukkan email dan password kamu. Setelah kamu masuk ke dashboar, pilih tab layout.
2. Setalah itu akan muncul menu Page Elements, Fonts and Colors, Edit HTML and Pick New Template. pilih yang edit HTML
3. backup template kamu dan simpan di komputer sebelum mengeditnya, biasakan nelakuin ini ya…biar kalau eror bisa kembali ke bentuk semula.
4. letakkan kursor kamu di kotak kode KTML dan tekan ctrl + F untuk membuka kotak pencarian. copy kode :
<b:include data=’blog’ name=’all-head-content’/>
di kotak pencarian. dan setelah ditemukan maka kode itu akan muncul dengan highlight5. copy dan paste kde berikut tepat dibawah kode yang berhasil ditemukan tadi :
<meta content=’DESCRIPTION BLOG KAMU DISINI’ name=’description’/>
<meta content=’KEYWORDS BLOG KAMU DISINI’ name=’keywords’/>
<meta content=’NAMA AUTHOR KAMU DISINI’ name=’author’/>
6. Ganti DESCRIPTION BLOG KAMU DISINI dengan deskripsi blog kamu, begitu juga untuk KEYWORDS BLOG KAMU DISINI dan NAMA AUTHOR KAMU DISINI, ganti sesuai dengan blog kamu
7. Preview blog kamu, jika tidak ada yang error klik save.
8. Minum kopi, sebagai pesta karena blog kamu sudah memiliki meta tag dan siap terindex oleh om google dan teman – temannya dengan lebih baik.
selamat mencoba..

Cara Membuat TAG pada Blogspot

Wah sepertinya udah lama banget gak ngebahas tentang blog.. Setelah berminggu-minggu dipenuhi dengan berbagai tugas dan akhirnya hari ini saya mendapat kesempatan untuk berbagi lagi..
Seperti yang kita tahu khususnya bagi para blogger, Membuat tag bukanlah hal yang sulit jika kita menggunakan WordPress karena memang wordpress sudah menyediakan tools untuk membuat tag. Tapi untuk blogger tentu itu hal yang sedikit asing karena blogger tidak menyediakan hal tersebut.
Sempet bingung juga gimana caranya buat tag di blogger..??? Eh ternyata gampang banget lho..
Untuk membuat Tag pada blogger yang kita butuhkan yaitu Browser kita harus menggunakan Mozila Firefox Setelah itu kita harus menginstall sebuah ekstensi tambahan bernama Greasemonkey. Sudah selesai menginstal kedua software tersebut..?? Langsung aja ke tahap akhir yaitu KLIK DISINI
Sudah selesai.. Maka nanti saat anda hendak posting, akan ada tambahan list seperti gambar dibawah ini..

Nah untuk menambahkan tag caranya yaitu setiap tag dipisahkan dengan tanda koma ( , ) dan apabila telah selesai maka kita klik dahulu Appead Tags.. Ok selesai tinggal klik posting deh.. Jadi nanti tag akan secara otomatis ditambahkan ke Technorati