Cara Memasang Iklan Adsense Di Atas, Tengah Dan Bawah Postingan Artikel Blog
Baru pertama kali nih kored id membahas wacana Memasang iklan di dalam blog. Makara bila masih ada kesalahan mohon dimaklum aja ya. Dan jangan lupa dikoreksi juga. Tutorial ini saya buat dikarenakan ada temen saya yang ngotot minta d pasangain iklan didalam blognya.
Memasang iklan adsen didalam blog suatu hal yang mungkin harus dilakukan para blogger. Karena hal tersebut merupakan sumber utama penghasilan para blogger. Untuk itu kored id akan coba membahas wacana Cara memasang iklan adasense yang latakanya di atas tengah bawah artikel. Meskipun sudah banyak tutorial yang membahas ini, tapi tidak ada salahnya kan bila blog ini juga membagikan tutorialnya.
Memasang iklan adsense dengan meletakanya di dalam artikel memang sanggup meningkatkan pendapatan dari google adsense, dengan memungkinkan jumlah klik yang lebih tinggi, dan lebih terlihat oleh pengunjung dikala membaca artikel kita. Lalu bagaimana bila iklan yang di pasang didalam artikel menghalangi isi artikel? Tenang saja, iklan ini kondusif kok dan sangat rapi dan juga sanggup menyesuaikan daerah menurut paragraf yang kosong.
Caranya terbilang sangat gampang kok, kita hanya tinggal menambahkan dan mengganti bwberapa arahan saja pada template kita. Ada 2 langkah yang akan saya bagikan kali ini, ialah memasang iklan di atas dan bawah artikel, dan yang ke 2 memasang iklan di tengah-tengan postingan artikel kita. Saya memisahkan ke dua langkah ini bertujuan untuk memudahkan kalian ketika memasangnya. Dan sanggup lebih gampang memlihi untuk posisi iklan yang kalian inginkan. Oke eksklusif saja,
Baca Juga :
1. Seperti biasa Login ke Blogger.com
2. Pilih Tema -> Edit HTML
3. Cari arahan <data:post.body/>, gunakan ctrl+f Untuk mencarinya
Jika arahan <data:post.body/> lebih dari satu, cari saja arahan yang memiliki arahan tag kondisional. Lihat arahan dibawah
Kalau punya saya, saya tambahkan di antara data post body yang ke 3. Mungkin berbeda dalam template html kalian.
4. Jika sudah menemukannya, Untuk posisi iklan diatas artikel letakan arahan di bawah ini tepat diatas arahan <data:post.body/>
Untuk arahan yang berwarna biru abaikan saja jangan ikut di copy, itu hanya letak tanda penyisipan arahan saja.
Untuk arahan posisi iklan dibawah artikel, letakan arahan dibawah ini sempurna di bawah arahan <data:post.body/>
Maka akan terlihat menyerupai arahan dibawah ini
Silahkan rubah goresan pena yang sudah diberi tanda merah atau ganti goresan pena Kode Iklan Atas atau Bawah Artikel.
5. Supaya letak dan tampilannya terlihat lebih rapi dan lezat dilihat, maka letakan arahan dibawah ini sempurna di atas arahan </head> atau </head><!--<head/>-->
6. Kemudian, Simpan Tema
Nah kita gres saja menuntaskan untuk pemasangan iklan di atas dan dibawah artikel. Sekarang kita lanjutkan dengan pemasangan arahan iklan di tengah artikel.
Baca Juga :
1. Masih di Beranda atau dashboard blogger.com
2. Pilih Tema -> Edit HTML
3. Cari lagi arahan <data:post.body/>
Sekedar memberi tahu, arahan untuk memasang iklan di tengah artikel,kita tinggal mengganti <data:post.body/> yang letaknya di antara untuk pemasangan iklan di atas dan dibawah artikel saja. Sisipkan dan ganti arahan kode <data:post.body/> tersebut dengan arahan dibawah ini.
Di html template saya, letaknya masih sama dengan arahan untuk iklan di atas dan dibawah artikel. Makara kalian tinggal mengganti arahan <data:post.body/> yang letaknya antara arahan untuk iklan atas dan bawah artikel.
Jika arahan over atau muncul di postingan artikel, silahkan ganti r+16 dengan r+4.
Jangan lupa rubah goresan pena yang diberi tanda merah dengan arahan iklan kalian.
Untuk keseluruhan penematan iklan diatas maka karenanya akan terlihat menyerupai arahan dibawah ini. Atau mungkin sanggup saja berbeda, Mungkin setiap template berbeda-beda. Tapi pada dasarnya tetap sama :v
4. Tambahkan arahan CSS Supaya tampilan iklannya tampak lebih terlihat rapi. Tambahkan arahan dibawah ini sebelum arahan </style> Atau ]]></b:skin
5. Kemudian, Simpan Tema
Untuk melihat hasilnya, silahkan buat postingan kosong terlebih dahulu, tanpa isi artikel, hanya berisi judul artikelnya saja. Lalu klik pratinjau. Jika terlihat ada ruang kosong untuk iklan, maka kalian sudah berhasil menciptakan ruang untuk iklan di posisi atas tengah dan bawah artikel. Jika bingung, silahkan lihat gambar dibawah,
Baca Juga :
Demikian Memasang Iklan Adsense di Atas, Tengah dan Bawah Postingan Artikel Blog. Semoga sanggup diterapkan kedalam blog kalian. Dan terimakasih sudah berkunjung.
Sumber https://www.kored.id/
Memasang iklan adsen didalam blog suatu hal yang mungkin harus dilakukan para blogger. Karena hal tersebut merupakan sumber utama penghasilan para blogger. Untuk itu kored id akan coba membahas wacana Cara memasang iklan adasense yang latakanya di atas tengah bawah artikel. Meskipun sudah banyak tutorial yang membahas ini, tapi tidak ada salahnya kan bila blog ini juga membagikan tutorialnya.
Memasang iklan adsense dengan meletakanya di dalam artikel memang sanggup meningkatkan pendapatan dari google adsense, dengan memungkinkan jumlah klik yang lebih tinggi, dan lebih terlihat oleh pengunjung dikala membaca artikel kita. Lalu bagaimana bila iklan yang di pasang didalam artikel menghalangi isi artikel? Tenang saja, iklan ini kondusif kok dan sangat rapi dan juga sanggup menyesuaikan daerah menurut paragraf yang kosong.
Caranya terbilang sangat gampang kok, kita hanya tinggal menambahkan dan mengganti bwberapa arahan saja pada template kita. Ada 2 langkah yang akan saya bagikan kali ini, ialah memasang iklan di atas dan bawah artikel, dan yang ke 2 memasang iklan di tengah-tengan postingan artikel kita. Saya memisahkan ke dua langkah ini bertujuan untuk memudahkan kalian ketika memasangnya. Dan sanggup lebih gampang memlihi untuk posisi iklan yang kalian inginkan. Oke eksklusif saja,
Baca Juga :
- Cara Membuat Tombol ShareThis Melayang di Blogger
- Cara Membuat Notifikasi Cookies Pada Blog Dengan Cookie Consent
1. Seperti biasa Login ke Blogger.com
2. Pilih Tema -> Edit HTML
3. Cari arahan <data:post.body/>, gunakan ctrl+f Untuk mencarinya
Jika arahan <data:post.body/> lebih dari satu, cari saja arahan yang memiliki arahan tag kondisional. Lihat arahan dibawah
<b:if cond='data:blog.pageType == "item"'> <div itemprop='description articleBody'> <data:post.body/> </b:if>
Kalau punya saya, saya tambahkan di antara data post body yang ke 3. Mungkin berbeda dalam template html kalian.
4. Jika sudah menemukannya, Untuk posisi iklan diatas artikel letakan arahan di bawah ini tepat diatas arahan <data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <div itemprop='description articleBody'> <div class='inartcl qu'> <!-- Kode Iklan Atas Artikel--> </div> <data:post.body/>
Untuk arahan yang berwarna biru abaikan saja jangan ikut di copy, itu hanya letak tanda penyisipan arahan saja.
Untuk arahan posisi iklan dibawah artikel, letakan arahan dibawah ini sempurna di bawah arahan <data:post.body/>
<data:post.body/> <div class='inartcl'> <!-- Kode Iklan Bawah artkel --> </div>
Maka akan terlihat menyerupai arahan dibawah ini
<b:if cond='data:blog.pageType == "item"'> <div itemprop='description articleBody'> <div class='inartcl qu'> <!-- Kode Iklan Atas Artikel--> </div> <data:post.body/> <div class='inartcl'> <!-- Kode Iklan Bawah Artikel--> </div>
Silahkan rubah goresan pena yang sudah diberi tanda merah atau ganti goresan pena Kode Iklan Atas atau Bawah Artikel.
5. Supaya letak dan tampilannya terlihat lebih rapi dan lezat dilihat, maka letakan arahan dibawah ini sempurna di atas arahan </head> atau </head><!--<head/>-->
<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> .inartcl{margin:20px auto 0 auto} .inartcl.qu{margin:20px auto} </style> </b:if>
6. Kemudian, Simpan Tema
Nah kita gres saja menuntaskan untuk pemasangan iklan di atas dan dibawah artikel. Sekarang kita lanjutkan dengan pemasangan arahan iklan di tengah artikel.
Baca Juga :
- Cara Membuat Komentar Disqus di Blog Lengkap Dengan Load Comments dan Mengganti Nama Moderator
- Cara Memasang Auto Refresh di Halaman Blog Dengan Mudah
1. Masih di Beranda atau dashboard blogger.com
2. Pilih Tema -> Edit HTML
3. Cari lagi arahan <data:post.body/>
Sekedar memberi tahu, arahan untuk memasang iklan di tengah artikel,kita tinggal mengganti <data:post.body/> yang letaknya di antara untuk pemasangan iklan di atas dan dibawah artikel saja. Sisipkan dan ganti arahan kode <data:post.body/> tersebut dengan arahan dibawah ini.
<div expr:id='"zet1" + data:post.id'/> <div class='googlezet'> <!-- arahan iklan tengah artikel --> </div> <div expr:id='"zet2" + data:post.id'><p><data:post.body/></p></div> <script type='text/javascript'> var obj0=document.getElementById("zet1<data:post.id/>");var obj1=document.getElementById("zet2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/3);var r=t.lastIndexOf("<br>");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);} </script>
Di html template saya, letaknya masih sama dengan arahan untuk iklan di atas dan dibawah artikel. Makara kalian tinggal mengganti arahan <data:post.body/> yang letaknya antara arahan untuk iklan atas dan bawah artikel.
Jika arahan over atau muncul di postingan artikel, silahkan ganti r+16 dengan r+4.
Jangan lupa rubah goresan pena yang diberi tanda merah dengan arahan iklan kalian.
Untuk keseluruhan penematan iklan diatas maka karenanya akan terlihat menyerupai arahan dibawah ini. Atau mungkin sanggup saja berbeda, Mungkin setiap template berbeda-beda. Tapi pada dasarnya tetap sama :v
<div class='inartcl qu'> <!-- posisi Iklan Di Atas Artkel --> </div> <div expr:id='"zet1" + data:post.id'/> <div class='googlezet'> <!-- posisi Iklan Di Tengah Artkel --> </div> <div expr:id='"zet2" + data:post.id'><p><data:post.body/></p></div> <script type='text/javascript'> var obj0=document.getElementById("zet1<data:post.id/>");var obj1=document.getElementById("zet2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/3);var r=t.lastIndexOf("<br>");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);} </script> <div class='inartcl'> <!-- posisi Iklan Di Bawah Artkel --> </div> </div> </b:if>
4. Tambahkan arahan CSS Supaya tampilan iklannya tampak lebih terlihat rapi. Tambahkan arahan dibawah ini sebelum arahan </style> Atau ]]></b:skin
.googlezet{margin:15px auto;text-align:center}
5. Kemudian, Simpan Tema
Untuk melihat hasilnya, silahkan buat postingan kosong terlebih dahulu, tanpa isi artikel, hanya berisi judul artikelnya saja. Lalu klik pratinjau. Jika terlihat ada ruang kosong untuk iklan, maka kalian sudah berhasil menciptakan ruang untuk iklan di posisi atas tengah dan bawah artikel. Jika bingung, silahkan lihat gambar dibawah,
Baca Juga :
- Cara Merubah Thumbnail Video Fanpage Facebook Dengan Mudah
- 5 Situs Penyedia Gambar Gratis Tanpa Watermark Cocok Untuk Para Blogger
Demikian Memasang Iklan Adsense di Atas, Tengah dan Bawah Postingan Artikel Blog. Semoga sanggup diterapkan kedalam blog kalian. Dan terimakasih sudah berkunjung.
Sumber https://www.kored.id/