Cara memasang iklan infeed dan script widget infeed

Untuk menyesuaikan iklan In-feed, sebaiknya ikuti checklist berikut:

Pilih elemen yang tepat untuk iklan Anda.

Misalnya, apakah konten di feed hanya memiliki gambar dan judul? Jika ya, nonaktifkan setelan Tampilkan deskripsi untuk iklan.

Pilih ukuran gambar dan judul.

Misalnya, jika konten menggunakan gambar berukuran sedang, pilih gambar berukuran serupa untuk iklan. Jika konten menggunakan judul yang panjang, aktifkan setelan judul Panjang untuk iklan.

Contoh iklan Dalam Feed dengan judul panjang.

Sesuaikan warna dengan konten.

Misalnya, jika konten menggunakan judul berwarna biru tebal, atur warna yang sama untuk iklan di bagian "Judul".

Sesuaikan font dan ukuran font dengan konten.

Misalnya, jika konten menggunakan font Roboto, pilih setelan font yang sama untuk iklan.

Tambahkan padding ke iklan agar iklan sejajar dengan feed.

Misalnya, pastikan ruang di antara gambar dan teks sesuai dengan ruang di konten.

Contoh iklan Dalam Feed tanpa padding di antara gambar dan teks.

Putuskan apakah Anda ingin teks muncul di sekitar gambar.

Misalnya, jika Anda ingin teks ditata di sekitar gambar pada konten, aktifkan opsi Rapikan teks.

Contoh iklan Dalam Feed dengan pengemasan teks yang diaktifkan.

Langsung aja dari github.com dan codepen.io. 

Buat kamu yang edit melalui Android gunakan aplikasi MT-manager. 

Cari kode blogs-post lalu ke bawah cari kode.

<b:loop values='data:posts' var='post'>

jika tidak ketemu, Biasanya sudah di edit oleh pemilik template seperti di bawah ini:

<b:loop index="infeed" values="data:posts" var="post">

Kode di atas biasanya index='i', index=x' dan index='infeed' 

Jika sudah ketemu ganti kode <b:loop values='data:posts' var='post'> dengan kode

 <b:loop index='infeed' values='data:posts' var='post'>
        <b:if cond='data:view.isMultipleItems and !data:blog.searchQuery'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'> 
        <b:if cond='data:infeed==2'>
        <div class='post-outer1' id='post-outer1'>
          <div class='infeedads1'/>
        </div><br/>
        </b:if> 
        <b:if cond='data:infeed==5'> 
        <div class='post-outer2' id='post-outer2'>
          <div class='infeedads2'/>
        </div><br/>
        </b:if>
        </b:if></b:if>
 

Lalu pasang widget ini di bisa di bawah footer, backlink, atau atas main wrapper blog. 

<b:if cond='data:view.isHomepage'>
    <b:section class='kode-iklan-infeed1' id='kode-iklan-infeed1' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML952' locked='true' title='Iklan In-Feed 1 (homepage)' type='HTML' version='1' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='content'><div class='place-ads' style='height:150px;weight: 100%'/>
</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
                <div class='widget-content kode-iklan-infeed1'>
                    <data:content/>
                </div>
            </b:includable>
      </b:widget>
    </b:section>

    <b:section class='kode-iklan-infeed2' id='kode-iklan-infeed2' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML955' locked='true' title='Iklan In-Feed 2 (homepage)' type='HTML' version='1' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='content'><div class='place-ads' style='height:150px;weight: 100%'/>
</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
                <div class='widget-content kode-iklan-infeed2'>
                    <data:content/>
                </div>
            </b:includable>
      </b:widget>
    </b:section>
</b:if>

    

Jika sudah dipasang masukan kode script ini sebelum </body>

<!-- kode script infeed by Arif Sunarko -->

 <script>

        //<![CDATA[

   /* infeed 1 */

   function insertAfter(tbr,tgr) {var prr = tgr.parentNode; if (prr.lastChild == tgr) {prr.appendChild(tbr);} else {prr.insertBefore(tbr,tgr.nextSibling);}} var tgr = document.getElementById("post-outer1"); var adpic1 = document.getElementById("kode-iklan-infeed1"); var pic01 = tgr.getElementsByClassName("infeedads1"); if (pic01.length > 0) {insertAfter(adpic1,pic01[0]);};

         //]]>

         //<![CDATA[

   /* infeed 2 */

  function insertAfter(tbr,tgr) {var prr = tgr.parentNode; if (prr.lastChild == tgr) {prr.appendChild(tbr);} else {prr.insertBefore(tbr,tgr.nextSibling);}} var tgr = document.getElementById("post-outer2"); var adpic1 = document.getElementById("kode-iklan-infeed2"); var pic01 = tgr.getElementsByClassName("infeedads2"); if (pic01.length > 0) {insertAfter(adpic1,pic01[0]);};

        //]]>

        </script>

Atau gunakan cara kedua yaitu ganti kode <b:loop values='data:posts' var='post'> dengan kode: 

<b:loop index='infeed' values='data:posts' var='post'>
              <b:if cond='data:view.isMultipleItems and !data:blog.searchQuery'>
                <b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'> 
<b:if cond='data:infeed==2'>
<!--kode iklan di sini -->

</b:if> 
<b:if cond='data:infeed==5'> 
<!--kode iklan di sini -->

</b:if>
</b:if>
              </b:if>

Jika sudah terpasang jangan lupa untuk Follow blog Master Tahu.

Thanks : CodePen.io and petanikode.com

Share this post

Follow with email:

Advertisment