Memasang Iklan Adsense di Atas Postingan

Cara Memasang Iklan Adsense di Atas Postingan

oleh Gee Jhon

132 komentar

Saya yakin sudah banyak sekali yang mengulas cara memasang iklan di blog, khususnya cara memasang Adsense di bagian atas halaman posting atau tepat di bawah judul postingan.

Tapi, karena sampai sekarang saya masih sering ditanya tentang hal ini, terpaksa saya tulis juga disini.

Seperti kita tahu, bahwa posisi penempatan unit iklan akan sangat berpengaruh terhadap pendapatan dari Adsense. Penempatan iklan yang baik, seperti yang dianjurkan sendiri oleh tim Adsense, salah satunya adalah unit yang berada di dalam artikel.

Nah, bagi Anda yang masih belum tahu caranya, inilah cara memasang iklan Adsense di atas postingan, seperti yang Anda lihat di blog ini.

Pertama, cari kode ini:

<div class='post-body entry-content'>

kalau tidak bisa  cari kode        dibawah ini

 
post-body entry-content

Setelah itu tambahkan kode berikut tepat di bawahnya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin: 0px 10px 0px 0px'>
      //script unit iklan Adsense Anda yang sudah diparse
</div></b:if>

Terus save template, dan lihat hasilnya. Sudah selesai. Mudah bukan?

Untuk mem-parse kode iklan Adsense, Anda bisa menggunakan tool parse PortalUang.

Jangan lupa untuk melakukan juga optimasi unit iklan, agar pendapatan Adsense kita semakin maksimal. Semoga bermanfaat.

Salam.

Read More

Memasang Kolom Komentar Facebook dan Blog Model Tab

Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab
Langkah-langkah yang harus dilakukan adalah sebagai berikut:
1. Tentunya seperti biasa anda harus membuka akun blogger anda sendiri.
2. Pada Dasbor blog anda, masuk elemen Template, Lalu pilih Edit HTML
3. Cari Kode : <div class='comments' id='comments'>
4. Copy atau salin Kode Script yang tertera di bawah ini, dan selanjunya Pastekan tepat di bawah Kode : <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>

<style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

5. Apabila sudah selesai, Simpanlah Template Blog anda. 
6. Lihat hasilnya.

Catatan:

• Ganti IDFANPAGEFACEBOOK dengan Kode / No / Id Fan Page Facebook yang anda punya.
• Cara melihat IDFANPAGEFACEBOOK adalah: Masuklah ke Halaman FacebookAnda, lalu masuk lagi ke Pengaturan, Lihat Info Halaman, lalu lihat paling bawah sekali ada tulisan ID Halaman Facebook : 10026565009xxxx
• Anda tidak punya Halaman Facebook saat ini? Anda tidak perlu mengganti tulisan IDFANPAGEFACEBOOK di atas (saran sih gunakan Halaman Facebook) abaikan saja. Gunakan saja Kode Script di atas apa adanya.
• Ukuran atau panjang Kolomo Komentar FB sesuaikan dengan Ukuran Blog anda. Silahkan ganti angka yang berwana Ungu di atas. (width='550')
• Apabila kode <div class='comments' id='comments'> ada 2, pilih saja salah satu.

Bagaimana, gampang bukan. Demikianlah tips tutorial kali ini mengenai "Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab". Selamat mencoba dan salam sukses selalu. [Bos Tutorial]

Read More

Memasang Iklan Fload Di Bawah Blog Dengan Tombol Close

Cara Memasang Iklan Fload Di Bawah Blog Dengan Tombol Close
1. Bukalah Akun Blogger anda.
2. Halaman Dasbor Blog anda pilih Elemen TATA LETAK atau LayOut.
3. Pilihlah Add New Widget atau Tambah Gadget Baru.
4. Pilih lah Tambah Javascript
5. Copy atau salin script di bawah ini dan paste-kan pada Gagdet Baru yang anda inginkan tadi.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9WqQXOqU0u5B2tEYk060RYNXQ5bxthQ2OadAiJSG-mEXn3fIcUAG_Ait2bgtpTpLRhlJMtvQIuNB2cvhh1Mfhr39LvSFjuJVTg1IehrNZtcOhRl6NFaTlJXwDON1rqXirchD6ObDtu8pH/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p>
<center>
PASANG KODE / SCRIPT IKLAN ANDA DISINI
</center>
</p>
</p>
</div>

6. Simpan Gadget Baru tersebut. 
7. Selesai dan lihat hasilnya.

Catatan: 
Gantilah tulisan PASANG KODE / SCRIPT IKLAN ANDA DISINI dengan Kode Script Iklan yang anda inginkan.

Bagaimana, gampang bukan. Demikianlah tulisan singkat mengenai Cara Memasang Iklan Fload Di Bawah Blog Dengan Tombol Close. Semoga bermanfaat dan Selamat Mencoba. Salam sukses dan salam bogger. [Bos Tutorial]

Read More

Memasang Iklan Secara Otomatis Di Bawah Postingan Ala Bos Tutorial

Inilah Cara Memasang Iklan Secara Otomatis Di Bawah Postingan Ala Bos Tutorial - Bila anda membaca postingan ini, maka anda akan melihat Iklan yang terpasang tepat di bawah postingan. Caranya tidak susah, hanya diperlukan memodifikasi template html blog kita sendiri.

Sebenarnya semua trik dan cara penempatan iklan hampir sama saja. Tinggal kita memanipulasinya dengan baik. Langsung saja yah biar cepat, jadi gak lama-lama, soalnya kalao lama nanti malah kelamaan. Benarkan... Coba anda pikirkan kalao kerja itu dilakukan tidak cepat, eh.. malah bisa kapan selesainya... (lah ini malah makin lama... heheeh biar ngakak MasBro).

Inilah Cara Memasang Iklan Secara Otomatis Di Bawah Postingan Ala Bos Tutorial
1. Bukalah akun blog anda.
2. Masuk Elemen Template lalu Pilih Edit HTML
3. Carilah kode <data:post.body/> (Gunakan CTRL + F untuk memudahkan pencarian)
4. Apabila sudah ketemu kode <data:post.body/> , maka letekkanlah Kode Iklan yang anda punya tepat di bawah kode <data:post.body/> 
5. Simpan. Selesai dan lihat hasilnya.

Catatan:

• Kode <data:post.body/> akan anda temui lebih dari satu, pilih salah satu saja (coba-coba letakkan satu-satu, bila iklan muncul artinya anda menempatkkannya sudah tepat.
• Ukuran iklan harap disesuaikan dengan lebar dari Laman Postingan blog anda (disarankan: di bawah ukuran 600px)
• Kode Iklan harus sudah di PARSE (KLIK DISINI untuk memparse Kode Iklan Anda).
• Apabila anda ingin meletakkan di atas postingan, lakukan kebalikannya yah...

Bagaimana, gampang bukang. Inilah Cara Memasang Iklan Secara Otomatis Di Bawah Postingan Ala Bos Tutorial. Silahkan lihat contohnya di bawah postingan ini. Selamat Mencoba. Salam Blogger, salam sukses. [Bos Tutorial]

Read More

Memasang Kolom Iklan Kiri Kanan Blog Pakai Tombol Close

Cara Memasang Kolom Iklan Kiri Kanan Blog Pakai Tombol Close - Kita masih membicarakan tentang Bagaimana Menempatkan Iklan di Dalam Blog. Silahkan anda baca lagi apa maksud dan tujuan dari penempatan iklan di dalam blog yang baik dan benar, KLIK DISINI. Apabila anda sudah paham benar, maka mari kita lanjutkan kembali mengenai topik ini.

Cara Memasang Kolom Iklan Kiri Kanan Blog Pakai Tombol Close
Tentunya anda sudah tahu meletakkan iklan dalam blog. Ada yang menempatkan iklan di widget saja, ada juga yang menempatkan iklan di dalam postingan, baik di atas postingan maupun di bawah postingan (artikel). Semua tergantung selera dan tujuan isi dari konten blog tersebut. 

Ada 2 cara penempatan iklan dalam blog. 

• Pertama adalah cara reguler dan cara khusus. Cara reguler disini adalah menempatkan iklan di lokasi yang sudah tersedia, seperti iklan di dalam widget atau footer / header. Iklan tidak selamanya dilihat oleh pengunjung blog, apabila kursor atau mouse diarahkan ke atas atau ke bawah.
• Cara kedua adalah Cara Khusus. Cara khusus disini dengan menggunakan strategi atau trik tertentu, dimana si pengelola membuat iklan selalu dilihat oleh pengunjung. Biasa cara ini disebut Iklan Fload atau melayang. Postingan kali ini membicarakan pemasangan iklan secara fload. Kelemahan dari cara ini adalah ketika si pemasang iklan atau situs penyedia iklan tidak menyukai iklannya ditempatkan secara fload. Mungkin dianggap sebagai pemaksaan untuk meng-klik. Ssalah satu contoh penyedia iklan KLIKSAYA.COM terang-terangan melarang memasang iklan secara fload.

Apakah Baik Memasang Iklan secara Fload?
Semuanya tergantung anda dan kesepakatan anda dengan penyedia iklan. So... pintar-pintar sajalah. 

Cara Memasang Kolom Iklan Kiri Kanan Blog Pakai Tombol Close
Adapun langkahnya sebagai berikut:
1. Bukalah Akun Blog Anda sendiri.
2. Pada Dasbor blog anda pilih Elemen Tata Letak atau LayOut
3. Pilihlah Add New Widget atau Tambah Gadget Baru
4. Selanjutnya pilih Javascript
5. Salin atau Copy lah Kode Script berikut di bawah ini dan Paste-kan pada kolom widget yang baru saja anda buat.

<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};

</script><script type="text/javascript">

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script>

<!--start: floating ads-->

<div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">

<div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSquwl-WMnI7JoHygWGYdTLmk1KfdcvCujdAsVBkrfPwnkANJPpVgm8CYV6EgfZKkzFasV3dDfdEl6ruFts1oNyJehElmRalmTdKpBjbE40xmPV8EvAJolpER2xQYp8RUP47Kt25ToU4ft/s1600/close3.png' alt='close' title='close button'/></center></a></div>

<!--Mulai disini-->

<a href="http://iklan-bos.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinp345vvOZfukk_ES9FFyk9z8_nnwD2kvRJ82Xuna6y0ZmAoogKq7KBv9LJggJCVFHopQjsgb3u8RBSXqZmexcEZ7BPgZGsqoW3shFqOcpdDIGqycG2y2x9ZM1tHQpFXwnHLI38eoQsx7x/s1600/banner-space-iklan-160x600.JPG" border="0" alt="iklan 120 x 600 kanan" title="Pasang Iklan Murah" /></a>

<!--Akhir disini-->

</div>

<!--end: floating ads-->

<!--start: floating ads-->

<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">

<div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSquwl-WMnI7JoHygWGYdTLmk1KfdcvCujdAsVBkrfPwnkANJPpVgm8CYV6EgfZKkzFasV3dDfdEl6ruFts1oNyJehElmRalmTdKpBjbE40xmPV8EvAJolpER2xQYp8RUP47Kt25ToU4ft/s1600/close3.png' alt='close' title='close button'/></center></a></div>

<!--Mulai disini-->

<a href="http://iklan-bos.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinp345vvOZfukk_ES9FFyk9z8_nnwD2kvRJ82Xuna6y0ZmAoogKq7KBv9LJggJCVFHopQjsgb3u8RBSXqZmexcEZ7BPgZGsqoW3shFqOcpdDIGqycG2y2x9ZM1tHQpFXwnHLI38eoQsx7x/s1600/banner-space-iklan-160x600.JPG" border="0" alt="iklan 120 x 600 kiri" title="Pasang Iklan Murah" /></a>

<!--Akhir disini-->

</div>

<!--end: floating ads-->

6. Simpan Widget Baru Blog anda.
7. Selesai dan lihat hasilnya.

Catatan: 
Gantilah Tulisan yang berwarna Biru tersebut dengan Kode / Script Iklan yang anda inginkan.

Bagaimana, gampang bukan? Demikianlah bagaimana Cara Memasang Kolom Iklan Kiri Kanan Blog Pakai Tombol Close. Seamat mencoba dan salam sukses. [Bos Tutorial]

Read More

Buat Daftar Isi Dengan Label Tertentu di Blogspot

Cara membikin daftar isi (sitemap) ini merupakan cara ketiga dari cara membuat daftar isi sebelumnya, yaitu cara ke-1 membuat daftar isi dan cara ke-2 membuat daftar isi. Khusus yang ke-3 ini, kita akan membuat daftar isi khusus yang berisikan artikel-artikel dimana artikel tersebut merupakan daftar dari satu topik (kategori/label) saja.

Kenapa diperlukan pembatasan atau filter dengan memilih label tertentu? Jawabannya agar tidak terjadi multiple link, dan pasti kita akan dianggap telah melakukan spam link. Biasanya ini terjadi karena satu artikel memiliki lebih dari satu label.

Di sini kita tidak hanya membahas cara menampilkan satu topik saja, namun juga akan kita bahas cara menambah topik. Pembahasan tersebut akan kita lakukan setelah kita memahami cara membuat satu topik terlebih dahulu.

Berikut cara membuat sitemap / daftar isi otomatis di Blogspot :

1. Masuk ke akun blogger
2. Pilih menu 'Laman'
3. Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
4. Pilih mode 'HTML'
5. Beri judul Daftar Isi atau Sitemap (judul terserah anda)
6. Masukkan kode berikut
   
   

   <script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap3.js"></script>

7. Selanjutnya masukkan kode ke-2
   
   

   <h3>labelmu</h3><ul>
   <script src="http://ardilas.com/feeds/posts/default/-/labelmu?orderby=published&amp;alt=json-in-script&amp;callback=startpost&amp;max-results=999"></script></ul><br />

8. Ganti kode 'ardilas.com' di atas dengan alamat blog anda
9. Ganti kode 'labelmu' di atas dengan label yang ingin ditampilkan. Jika label anda mempunyai spasi, gantilah dengan '%20'. Perhatikan juga besar-kecil huruf pada label.
10. Tag 'h3' bisa diganti dengan h2, h4 atau yang lain sesuai keinginan.
11. Publikasikan

Menambah Dua / Lebih Topik

Jika anda ingin menampilkan daftar isi dengan topik lebih dari satu, copy-paste saja kode ke-2 di atas (poin 7) dan letakkan tepat dibawahnya. Jadi jika digabungkan kodenya akan terlihat sebagai berikut :

<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap3.js"></script>

<h3>labelmu</h3><ul>
<script src="http://ardilas.com/feeds/posts/default/-/labelmu?orderby=published&amp;alt=json-in-script&amp;callback=startpost&amp;max-results=999"></script></ul><br />

<h3>labelmu</h3><ul>
<script src="http://ardilas.com/feeds/posts/default/-/labelmu?orderby=published&amp;alt=json-in-script&amp;callback=startpost&amp;max-results=999"></script></ul><br />

Copy-paste kan sekali lagi untuk menambah topik lain yang ingin ditampilkan dalam sitemap. Cukup mudah untuk membuat daftar isi berdasarkan label tertentu agar sesuai keinginan. Namun kita harus tetap teliti untuk mengganti kode yang perlu dirubah.

Informasi terkait

1. Cara ke-1 membuat sitemap
2. Cara ke-2 membuat sitemap

Read More