Nah setelah saya keterima akhirnya saya mulai lah memasang iklan di blog saya ini namun tanpa pengetahuan yang mumpuni saja coba asal pasang saja di setiap widget saya dan apa yang terjadi?? Ternyata iklan tidak muncul sama sekali alias cuma blank putih. dan hal itu membuat saya bertanya-tanya?? Ini yang salah dimana ya?? dan akhirnya saya browsing kesana kesini dan akhirnya saya enemukan kesalahan saya yaitu penempatan iklan yang tepat di blog kita.
Maka dari itu untuk mas jhon dan mbak jhon yang baru masuk di dunia blogger ataupun yang baru keteima asense agar tidak mengalami seperti saya, maka disini saya akan membagikan cara memasang iklan yang benar ti blogger.
Sebenarnya untuk memasang iklan di blogger blogspot tersebut ada dua cara yaitu cara yang simple dan cara yang agak ribet, namun intinya kedua cara tersebut sama-sama memunculkan iklan cuma berbeda cara penerapannya saja.
1. Cara Mudah Dan Simpel
Untuk cara yang simple kita bisa memanfaatkan bantuan "Widget" yang berada di menu tata letak blog kita. Namu untuk cara ini memiliki kelemahan kita tidak bisa meletakkan iklan sesuai dengan keinginan kita, karena kita hanya bisa memasang di widget widget yang ada di template blog blogspot kita.
Dan untuk langkah pemasangannya silahkan ikuti langkah-langkah berikut ini :
- Silahkan masuk ke blogger
- Lalu cari menu "Penghasilan" lihat gambar dibawah ini.
- Maka akan muncul seperti gambar dibawah ini. Untuk memasang dan menampilkan iklan di blog, maka pilih "Ya" pada Opsi tampilkan iklan di blog. Dan disitu ada tiga tampilan yang bisa digunaka untuk meletakkan iklan di blog.
Penjelasan gambar di atas :
- Tampilkan iklan dibawah postingan saya dan pada bilah samping, maksudnya iklan iklan akan tampil di bawah postingan artikel dan di sidebar blogkita
- Hanya tampilkan iklan iklan dibawah postingan saya maksudnya iklan hanya akan muncul di bawah postingan artikel kita.
- Hanya tampilkan iklan pada bilah samping, maksudnya iklan hanya akan tampil di sidebar blog kita saja.
- Setelah klik "Simpan"
Namun jika kita ingin menambah jumlah iklan yang tampil di blog kita, maka kita bisa membuatnya di menu widget. Untuk caranya silahkan simak berikut ini.
- Silahkan menuju ke menu "Tata Letak" maka akan tampil menu "Widget". Lalu pilih lokasi widget yang mau dipasang iklan setelah itu klik tambah widget maka akan muncul seperti gambar dibawah ini.
- Nah disini kita bisa menggunakan dua pilihan widget untuk memasang iklan adsense yaitu melalui widget adsense ataupun melalui widget HTML/Java Script. Untuk yang ingin menggunakan widget adsense maka tinggal pilih dan klik "Widget Adsense".Lihat gambar.
- Lalu di bagian menu "Format" sesuaikan ukuran iklan yang mau ditampilkan dan dibagian menu "Warna" silakan atur sesuai keinginan.
- Lalu klik "Save/Simpan".Jika sukses widget adsense akan muncul. Lihat gambar.
- Sedangkan untuk yang ingin menggunakan "Widget HTML/Java Script" caranya hampir sama dengan cara di atas cuma perbedaannya kita harus memasukkan script iklan adsense dahulu agar iklan bisa muncul di halaman blog. Dan untuk caranya masih di menu Tata letak - klik lokasi widget yang diinginkan - tambah widget - pilih HTML/Java Script. Lihat gambar.
- Maka akan tampil seperti gambar dibawah ini, untuk kolom bagian judul dikosongkan saja, lalu paste kan kode script iklan adsense ke dalam kolom "Konten" dan klik "Save/Simpan". Lihat gambar.
Selain cara memasang iklan diatas, kita juga bisa memasang iklan dipostingan blog yaitu dibagian bawah judul pastingan, ditengah postingan dan dibawah postingan. Dan disini saya akan membagikan step by step-nya :
Sebelumnya untuk memasang iklannya wajib kita parse terlebih dahulu. Untuk parsenya bisa menuju kesini
Cara Memasang Iklan Di Bawah Judul Postingan
- Silahkan masuk ke dashboard blog - Tema - Edit HTML. Lihat gambar.
- Setelah itu cari dan temukan kode "<data:post.body/>" dengan menekan tombol "Ctrl + F". Lihat gambar
- Disitu akan terdapat dua sampai tiga kode yang sama, jadi silahkan pilih yang nomor dua, lalu tempel dan letakkan kode dibawah ini tepat diatas kode "<data:post.body/>". nñ
<div style=’float: left;padding-right:10px;’>
kode iklan anda yang sudah diparse
</div>
- Untuk memasang iklan disebelah kiri, kalian bisa mengganti pada script "float: xxx" dengan kode "left".(ganti yang bertulisan "xxx.
- Untuk memasang iklan di bagian tengah, ganti dengan "center".
- Untuk memasang iklan disebah kanan, ganti dengan "right"
- Setelah selesi menambahkan script diatas jangan lupa untuk "pratinjau" untuk berjaga-jaga dan mengetahui bahwa iklan tampil atau tidak ataupun terpasang sesuai dengan keinginan kita atau tidak.
Cara Memasang Iklan Di Tengah Postingan
Kalian juga bisa memasang di tengah-tengah postingan artikel pada blog kita. Untuk tata letaknya akan membaur dengan tulisan pada postinga artikel kita. Namun untuk pemasangannya script code harus di parse dahulu.
Untuk pemasangan iklan ditengah postingan ini saya anjurkan untuk sangat berhati-hati karena jika peletaannya salah, maka iklan akan bertimpah tindih/ bentrok dengan gambar yang ada dipostingan.
Berikut adalah langkah-langkah untuk memasang iklan di tengah-tengah postingan artikel blog :
- Masuk ke "Dashboard blog - Tema - Edit HTML"
- Kemudian cari dan temukan kode script "<data:post.body/>" dengan menekan tombol "Ctrl + F". Script kode diatas ditandai dengan "tag kondisional post body" yang menampilkan halaman postingan dan bukan homepage. Untuk contohnya bisa lihat ganbar dibawah ini.
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>- Setelah kode diatas ketemu silahkan tambahkan script kode "<div id=’jobmiddlenew’>" tepat diatas kode tersebut dan tambahkan script code "</div>" tepat dibawah kode tersebut. Maka akan jadi seperti ini.
<div id='jobmiddlenew'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
</div>- Setelah itu cari lagi kode "</body>" kemudian tempel dan letakkan kode dibawah ini tepat di atas kode "</body>" tersebut.
<b:if cond='data:blog.pageType == "item"'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>
Kode iklan yang sudah di parse </div>
<script type='text/javascript'>
var str1=document.getElementById("jobmiddlenew").innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);
var n = substr.search("<br>");
if(n<0)
{
n = substr.indexOf('.');
if(n<0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);
}
else
{
var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var addcode="<center>"+document.getElementById("addcodemiddle").innerHTML+"</center><br/>";
var newbody=firsthalf+addcode+secondhalf;
var strnew=document.getElementsByClassName("post-body entry-content");
strnew[0].innerHTML=newbody;
document.getElementById("addcodemiddle").innerHTML="";
</script>
</b:if>- Langkah selanjutnya silahkan klik "Pratinjau" untuk melihat hasil dan mengetahui ada script yang error atau tidak. Setelah itu baru "Save / Simpan"
Cara Memasang Iklan Di Bawah Postingan
Selain dua cara diatas kita juga masih bisa memasang iklan di bawah postingan artikel blog kita. Dan untuk iklannya pn bebas dan bisa diatur sesuai ke inginan kita, ntah itu dibagian kiri, tengah ataupun kanan.
Berikut langkah-langkah untuk pemasangannya :
- Dari dashboard blog masuk ke "Tema - Edit HTML"
- Lalu cari kode "<data:post.body/>" dengan cara menekan tombol "Ctrl + F", maka disitu akan ada 3 kode yang sama. Karena kode yang nomor 2 sudah kita gunakan untuk iklan yang dibawah judul postingan. Maka kita pilih yang nomor 3. Setelah itu pastekan kode dibawah ini tepat dibawah kode "<data:post.body/>" yang nomor 3.
<b:if cond='data:blog.pageType == "item"'><div style='text-align: center;'>
Kode iklan yang sudah di parse
</div>
</b:if>
- Untuk memasang iklan disebelah kiri, kalian bisa mengganti pada script "text-align: xxx" dengan kode "left".(ganti yang bertulisan "xxx.
- Untuk memasang iklan di bagian tengah, ganti dengan "center".
- Untuk memasang iklan disebah kanan, ganti dengan "right"
- Setelah itu jangan lupa untuk "Pratinjau" dulu, jika sudah sesuai dengan keinginan baru klik "Save / Simpan"
NB : Jangan lupa untuk selalu mem- parse script kode iklan saat mau memasukkan ke template.
Demikianlah Cara Memasang Iklan Adsense Di Blogspot Terbaru 2017. Semoga postingan artikel saya ini dapat membantu yang masih bingung dalam pemsangan iklan. Jika ada yang masih bingung dan ingin bertanya-tanya jangan sungkan-sungkan untuk meninggalkan komentar. Dan terima kasih sudah berkunjung.
Out Of Topic Show Konversi KodeHide Konversi KodeShow EmoticonHide Emoticon