Cara Pasang 3 atau Lebih Iklan dalam Postingan Blogspot (Blogger)

Blog

Jika blog anda terdiri dari artikel yang sangat panjang, tak ada salahnya memasang 3 atau lebih iklan dalam postingan blog. Cara dan trik memasang 3 atau lebih iklan dalam postingan blog ini tidak terlalu sulit.

Teknik yang digunakan adalah dengan menaruh script dan kode iklan pada HTML template blog, lalu dipanggi pada setiap postingan anda. Meskipun anda tidak begitu mahir dengan coding, anda bisa melakukannya dengan mengikuti langkah di bawah ini.

Langkah memasang 3 atau lebih Iklan dalam Postingan Blogspot

Silakan masuk pada HTML Editor template Anda.

Lalu cari code </body> pastekan kode di bawah ini,

IKLAN I

<script>

//<![CDATA[

var element = document.getElementById("iklan1");

element.innerHTML = "<ins class='adsbygoogle' data-ad-client='xxxxxxxxxxxxx' data-ad-format='auto' data-ad-slot='xxxxxxxxx' style='display:block'></ins>";

var newScript = document.createElement("script");

var inlineScript = document.createTextNode("(adsbygoogle = window.adsbygoogle || []).push({});");

newScript.appendChild(inlineScript);

element.appendChild(newScript);

//]]>

</script>

Iklan II

<script>

//<![CDATA[

var element2 = document.getElementById("iklan2");

element2.innerHTML = "<ins class='adsbygoogle' data-ad-client='xxxxxxxxxxxxx' data-ad-format='auto' data-ad-slot='xxxxxxxxx' style='display:block'></ins>";

var newScript2 = document.createElement("script");

var inlineScript2 = document.createTextNode("(adsbygoogle = window.adsbygoogle || []).push({});");

newScript2.appendChild(inlineScript2);

element2.appendChild(newScript2);

//]]>

</script>

IKLAN 3

<script>

//<![CDATA[

var element3 = document.getElementById("iklan3");

element3 .innerHTML = "<ins class='adsbygoogle' data-ad-client='xxxxxxxxxxxxx' data-ad-format='auto' data-ad-slot='xxxxxxxxx' style='display:block'></ins>";

var newScript3  = document.createElement("script");

var inlineScript3  = document.createTextNode("(adsbygoogle = window.adsbygoogle || []).push({});");

newScript3 .appendChild(inlineScript);

element3 .appendChild(newScript);

//]]>

</script>

Jika ingin silakan dilanjutkan sampai berapa anda mau. Kuncinya anda tinggal ubah bagian yang saya warnai merah.

Sementara untuk bagian berwarna biru adalah kode iklan adsense yang anda tempatkan.  Misalkan anda memiliki kode iklan adsense seperti berikut,

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"

     style="display:block"

     data-ad-client="ca-pub-xyzklamn"

     data-ad-slot="xxxxxxxxx"

     data-ad-format="auto"

     data-full-width-responsive="true"></ins>

<script>

     (adsbygoogle = window.adsbygoogle || []).push({});

</script>

Anda harus ambil yang bagian warna biru saja.

Cara Memanggil dalam Postingan Blog

Untuk memanggil kode tersebut dalam postingan blog, Anda bisa panggil dengan:

<div id="iklan1"></div>

<div id="iklan2"></div>

<div id="iklan3"></div>

Tempatkan pada bagian mana dalam postingan iklan akan diletakkan.

Syaratnya anda harus berada pada penulisan HTML. Setelah anda menulis konten blog pilih mode penulisan HTML dan tempatkan kode di atas.

Sayangnya ini cara ini anda harus menempatkan pemanggil kode secara manual. Pada setiap postingan anda. Tapi, setidaknya jika suatu waktu anda ingin mengubah kode iklan anda tidak perlu mengedit semua kode iklan dalam postingan (jika anda tempatkan kode iklan langsung dalam artikel). 

Anda cukup melakukan perubahan kode iklan pada HTML Editor Template pada langkah 1 di atas.

Jika anda ingin melakukannya secara otomatis tanpa kode pemanggil, cuma bisa menempatkan 2 iklan otomatis dalam postingan blog. tutorialnya bisa anda baca di : Cara Pasang 2 Iklan dalam Postingan Blogspot (Blogger)

Share Yuk

Facebook Twitter Linkedin

Related Posts

Loading...