Skip to main content

Cara Mudah pasang 2 iklan Adsense Di tengah Artikel Postingan Pada Blogger.

Cara Mudah pasang 2 iklan Adsense Di tengah Artikel Postingan Pada Blogger.

Purapedia - Karena jumlah penghasilan yang di dapat dari Google Adsense sangat berpengaruh dari tampilan dan jumlah klik pada iklan yang ditampilkan. Karena itu posisi iklan akan menentukan agar jumlah tampilan dan klik pada iklan menjadi lebih banyak yang akan kalian dapatkan dari pengunjung.

Karena itu, kalian dianjurkan untuk menempatkan iklan Adsense pada lokasi-lokasi yang strategis pada halaman blog kalian. Menaruh iklan ditengah artikel postingan pada blog kalian menjadi tempat favorit dari para blogger karena mampu meningkatkan penghasilan sampai 25% lebih.

Untuk para pengguna Wordpress memang mudah untuk dapat menempatkan iklan pada tengah postingan dengan cara menggunakan plugin khusus untuk mengatur peletakan pada iklan Adsense. Dengan menggunakan plugin tersebut para pengguna Wordpress bisa memasang didalam artikel dengan lokasi yang diinginkan. Lalu bagaimana untuk para blogger yang menggunakan Blogspot seperti saya hehhe.

Untuk dapat meletakan iklan Adsense di tengah postingan agak sedikit lebih sulit jika dibandingkan dengan Wordpress karena tidak bisa menggunakan widget-widget yang biasa kita andalkan. Jadi, jalan keluarnya adalah kalian harus menggunakan pengolahan kode javascript.

Jadi untuk dapat meletakan iklan Adsense di flatform blogspot di tengah artikel postingan kalian harus menggunakan kode javascript tertentu yang harus ada pasang di template blog kalian.

Pada artikel sebelumnya saya sudah menjelaskan Cara Mudah Pasang Iklan Adsense di tengah Postingan. Tapi cara tersebut hanya bisa menempatkan 1 iklan Adsense saja. Kalau kalian mengerti kode javascript kalian bisa merubah kode tersebut bisa dengan mudah merubah, tapi gimana yang tidak mengerti pasti jadi pusing.

Tapi tenang saja, untuk membantu kalian yang sama tidak mengerti seperti saya untuk menaruh 2 iklan Adsense di tengah artikel bisa mencoba cara berikut, yang akan memudahkan anda untuk membuat memodifikasi sendiri.

Agar bisa untuk meletakan kode iklan Adsense pada kode template blog, kalian harus melakukan parse terlebih dahulu pada kode iklan Adsensenya. Karena jika tidak kode iklan yang kalian pilih tidak ada tampil karena ditolak oleh kode template blog. Kalian mungkin sudah tahu cara melakukan parse jika kalian membaca artikel sebelumnya yang berjudul Cara Mudah Pasang Iklan Adsense di tengah Postingan.

Nah, jika kalian sudah melakukan parse pada kode unit iklan Adsense, kalian bisa mengikuti langkah-langkah dibawah ini:

1. Kalian masuk ke editor template blog kalian, lalu pilih menu Template, kemudian klik Edit HTML.

2. Selanjutnya kalian cari kode <data:post.body/>. Kalian klik area template editor, lalu tekan CTRL + F untuk menampilkan kolom pencarian. Peletakan kode tersebut berbeda-beda untuk setiap template. Kalian juga akan menemukan banyak kode tersebut, tapi pada umumnya kode postingan terletak yang paling akhir atau bawah.

Kemudian kalian ganti <data:post.body/> yang kalian temukan dengan kode dibawah ini

<div expr:id='"post1" + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
--KODE ADSENSE 1 YANG SUDAH DIPARSE--
</center>
</div>
<div expr:id='"post2" + data:post.id'><data:post.body/></div>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
--KODE ADSENSE 2 YANG SUDAH DIPARSE--
</center>
</div>
<div expr:id='"post3" + data:post.id' />
&lt;script type='text/javascript'&gt;
var ads1=1/5;
var ads2=4/5;
var a=document.getElementById(&quot;post1<data:post.id/>&quot;);
var b=document.getElementById(&quot;post2<data:post.id/>&quot;);
var c=document.getElementById(&quot;post3<data:post.id/>&quot;);
var html=b.innerHTML;
var n=html.length;
var t=html.substr(0,n*ads1);
var i=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
var t2=html.substr(0,n*ads2);
var i2=t2.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(i&gt;0 &amp;&amp; i2&gt;0){
a.innerHTML=html.substr(0,i);
b.innerHTML=html.substr(i+4,i2);
c.innerHTML=html.substr(i2+4);
}&lt;/script&gt;

3. Lalu letakan kode iklan hasil parse di text yang berwarna biru dengan tulisan --KODE ADSENSE YANG SUDAH DIPARSE--.

Jika kalian berhasil menerapkan langkah-langkah diatas, iklan Adsense akan tampil sebagai berikut:

- Iklan Adsense akan muncul di tengah-tengah artikel.
- Iklan Adsense pertama akan tampil 1/5 bagian postingan ( Bagian atas ).
- Iklan Adsense ke 2 akan tampil pada 4/5 pada bagian postingan ( Bagian Bawah ).

Selanjutnya saya akan memberikan cara memodifikasi dengan kode diatas kalian bisa mengikuti langkahnya dibawah ini:

1. Mengatur Iklan Adsense Pertama

Coba kalian lihat kode var ads1= 1/5. itu berarti iklan Adsense pertama akan tampil di seperlima artikel kalian. Kalian bisa merubahnya menjadi 1/4, 2/6 dan seterusnya sesuai yang kalian inginkan.

2. Mengatur Iklan Adsense Kedua

Sama halnya dengan yang pertama, kalian bisa lihat var ads1= 4/5. Itu berarti iklan akan tampil pada 4 per 5 pada bagian artikel postingan atau cenderung dibawah. Sama seperti iklan pertama, kalian juga bisa merubahnya sesuka hati kalian.

Kalian juga bisa menghilangkan kode <center> dan juga </center>, jika kalian lakukan itu iklan adsense akan berada di sisi kiri. Kalau kalian mengerti tentang script CSS kalian bisa mengaturnya dengan lebih baik.

Nah, itulah cara mudah meletakan 2 iklan Adsense di tengah-tengah postingan kalian. Semoga ini bisa membantu, terima kasih telah membaca di sebuah blog yang sederhana ini.

Comments

Popular posts from this blog

Cara Membuka File CorelDraw Di Adobe Illustrator

Purapedia – Selamat datang di sebuah blog yang sederhana ini. Pada hari ini, Purapedia akan membahas cara Membuka File CorelDraw di Aplikasi Adobe Illustrator. Di dalam dunia peranti lunak desain grafis berbasis vector kalian pasti tahu ada dua software yang sangat terkenal. Yang pertama adalah CorelDraw. Lalu yang kedua adalah Adobe Illustrator dari Adobe Corp. Software mana yang sering kalian pakai untuk membuat desain? Jika kalian suka CorelDraw dan ingin berpaling ke Adobe Illustrator, maka kalian pasti ingin juga hasil kerja kalian itu bisa dibuka di Adobe Illustrator. Lalu, apakah file CDR yang dibuat menggunakan dengan CorelDraw bisa dibuka dengan menggunakan Adobe Illustrator? Jawabannya, bisa. Tapi dengan syarat-syarat tertentu. Untuk bisa melakukannya kalian bisa mengikuti langkah-langkah di bawah ini: Pertama kalian jalankan aplikasi CorelDraw. Kemudian kalian tekan tombol CtrI+Shift+S untuk menjalankan perintah menyimpan hasil kerja Anda ke dalam sebuah file Co

Cara Mengubah Posisi dan Memutar Teks Di CorelDraw

Purapedia – Selamat datang di sebuah blog yang sederhana ini. Pada kesempatan yang baik ini, Purapedia akan memberikan sebuah cara untuk mengubah posisi dan memutar teks di software CorelDraw. Seperti yang kalian tahu, begitu banyak hal yang bisa dilakukan dengan teks di software CorelDraw. Salah satunya adalah utnuk mengubah posisi dan memutar teks per karakter. Agar lebih jelas, kalian simak dan ikuti langkah-langkah dibawah ini:

Cara membuka file di Adobe Illustrator 2019 di versi lama

Purapedia – Apa kabar sahabat Purapedia? Semoga kalian selalu dalam keadaan yang baik dan selalu Bahagia dimanapun kalian berada. Pada kesempatan kali ini saya akan membahas tentang aplikasi Adobe Illustrator. Jika sebelumnya saya membahas Cara Membuka File CorelDraw Di Adobe Illustrator . Kini, mari kta bahas cara membuka file di Adobe Illustrator versi lama. Setiap ada versi terbaru dari sebuah software, pasti akan ada beberapa pengguna Illustrator versi lama atau sebelumnya. Mungkin saja masih banyak pengguna yang masih suka dengan versi sebelumnya. Tapi masalahnya jika kalian menyimpan dokumen tersebut dengan format Adobe Illustrator versi terbaru, maka besar kemungkinan file itu tidak akan bisa terbuka di Adobe Illustrator dengan versi yang lebih rendah. Kalau seperti ini akan membuat sia-sia pekerjaan atau desain yang kalian buat. Agar masalah ini tidak mengganggu di masa depan, lebih baik kalian menggunakan langkah-langkah di bawah ini: Pertama kalian simpanlah hasil