Cara Memasang Iklan Parallax didalam Postingan Blog

Cara Memasang Iklan Blogger Parallax didalam Postingan - Menjadi blogger tidak lah semudah yang dibayangkan, waktu, tenaga, pikiran dan mental harus dipersiapkan dengan matang, karena tantangan yang sebenarnya akan dihadapi adalah ketika sebuah blog sudah mulai menampilkan iklan adsense.

Apa jadinya jika blog yang dikelola setelah penantian panjang untuk dapat diterima adsense tetapi tidak ada yang terpincut untuk klik iklan, tentunya akan membuat kecewa, itulah yang sering dialami blogger pemula seperti saya ini.

Disamping pengetahuan tentang HTML, Java script dan lain sebagainya yang harus digali dan dipelajari guna mengoptimasi blog agar ramah SEO, penempatan iklan blogger juga tidak kalah pentingnya untuk mendapatkan banyak klik, tempatkan iklan di lokasi strategis di blog kita, buatlah pengunjung tertarik untuk mengundang klik pada iklan yang ditampilkan.

Posisikan lah iklan adsense blogger di lokasi yang enak dipandang, tidak mengganggu pembaca apalagi jika menutupi artikel, karena hal tersebut bisa membuat pengunjung blog kita tidak nyaman, alhasil blog kita akan benar-benar sepi pengunjung.

Iklan Blogger Parallax merupakan iklan yang seolah-olah tampil dibelakang artikel dengan format portait. Iklan parallax adalah salah satu metode menampilkan iklan pilihan terbaik untuk mengundang banyak klik iklan adsense. Iklan jenis ini biasanya lebih cocok jika ditampilkan hanya pada pengguna mobile, karena jika ditampilkan di mode desktop mungkin agak terkesan kurang cocok aja, sebab iklan yang muncul akan terlihat sangat besar.

Script yang akan kita gunakan ini hanya akan menampilkan iklan parallax hanya pada mode mobile saja, jadi akan terlihat lebih rapi dan tidak akan mengganggu pembaca.

Cara Memasang Script Iklan Parallax

Dalam penempatan script iklan parallax ini sangatlah mudah, banyak cara yang bisa digunakan dalam penerapannya, diantaranya: melalui edit HTML template blog. Silahkan gunakan cara yang menurut kamu lebih mudah. Pada kesempatan kali ini kita akan coba praktekan pemasangan script iklan parallax melalui edit HTML template blog.

Berikut adalah Cara Memasang Script Iklan Parallax didalam Postingan Blog:

Pertama masuk ke Dashboard Blogger
Ke menu Theme
Klik Edit HTML
Kemudian copy dan tempelkan CSS berikut tepat diatas kode ]]></b:skin>:

/* Kode 1 - iklan paralax by wendy code dan multimediatama */ .wendyparalax{position:relative;display:block;overflow:visible;width:100%;height:0;margin:auto;text-align:center;z-index:1} .wendyparalax > div{overflow:hidden;width:100%;height:100%;margin:0;position:absolute;top:0;left:0;clip:rect(auto auto auto auto)} .wendyparalax > div > div{width:calc(100% - 40px);height:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)} .wendyparalax > div > div > div{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-content:center;align-content:center;-webkit-align-items:center;-ms-flex-align:center;width:100%;height:100%;position:absolute;left:0;right:0;top:37px;align-items:center;background:#fff} .wendyparalax > div > div > div > *{margin:auto} .wendyparalax > div > div > div > a{width:100%;height:100%} .wendyparalax img,.wendyparalax iframe,.wendyparalax ins{height:100%;border:0} .clear{clear:both;display:block} .wendyparalax{width:100%;min-width:300px;min-height:600px;text-align:center} .adParallax{width:100%;min-width:300px;min-height:600px;text-align:center;display:block; margin:10px 0px; padding:0px;}

Lalu copy dan tempelkan juga kode berikut tepat dibawah kode <data:post.body/> (Biasanya ada lebih dari 1 kode ini, tergantung template yang kalian gunakan. Silahkan coba satu per satu). Lalu ganti ca-pub-2614744427xxxxxx dan data-ad-slot='403964xxxx dengan milik kalian.

<b:if cond='data:blog.isMobileRequest == "true"'> <b:if cond='data:view.isPost'> <div class='wendyparalax'> <div> <div> <div> <ins class='adsbygoogle adParallax' data-ad-client='ca-pub-2614744427xxxxxx' data-ad-slot='403964xxxx' style='display:block'/> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <span class='clear'/> </div> <script> //<![CDATA[ // munculkan iklan pada pragraf sekian by https://www.wendycode.com dan https://www.multimediatama.com function wendyparalax(Ad1) {let paralax = document.getElementsByClassName ('wendyparalax')[0]; if (paralax) {let Adsp = document.querySelectorAll ('.post-body p')[Ad1 - 1]; Adsp.parentNode .insertBefore (paralax, Adsp.nextSibling)}} wendyparalax(3);/*]]>*/</script></b:if></b:if>

Setelah itu klik Save

Sampai tahap ini pemasangan Script Iklan Blogger Parallax didalam Postingan sudah selesai. Silahkan lihat hasilnya.

Selamat mencoba dan semoga berhasil. Jika ada pertanyaan silahkan tuliskan dikolom komentar.

Terima kasih sudah mengunjungi blog kami.

Dapatkan informasi menarik dan terbaru lainnya dari Multimediatama.com melalui platform Google News.

Baca Juga:

MULTIMEDIATAMA

Cara Memasang Iklan Parallax didalam Postingan Blog

Cara Memasang Script Iklan Parallax

Posting Komentar

Live Chat

Panduan Langkah Verval Data Siswa Secara Mandiri

Cara Memasang Iklan Melayang (Floating Ads) Responsive di Blog

KEPMENDIKBUDRISTEK Nomor 449 Tahun 2024 tentang Kesesuaian Bidang Tugas, Mata Pelajaran, dan Kelompok Mata Pelajaran dengan Sertifikat Pendidik

Salinan Perkaban Nomor 45 Tahun 2025 tentang Kerangka Asesmen TKA_SMA_MA dan SMK_MAK

Mudah dan Cepat! Cara Membuat Soal Ujian dengan ChatGPT