-->

Blog Yang Mempelajari Dunia Teknologi

Cara Membuat Iklan di Tengah Postingan Tampa merusak tampilan Artikel Blog

Cara Membuat Iklan di Tengah Postingan Tampa merusak tampilan Artikel Blog. iklan sangat banyak tertera di blog para blogger dimana iklan akan memberikan penghasilan untuk yang mengelola blog, nah para blogger masih ingin menambah penghasilannya dimana ia mau membuat iklannya di tengah artikel tampa merusak tampilan artikel.

Disini anda akan saya ajak untuk membuat hal yang seperti itu sebagai contoh atau demonya tertera langsung di artikel ini. silahkan di perhatikan yang tertera di blog saya.


Bagi anda yang tetarik ingin memasang iklan di tengah postingan atau artikel tampa merusak tampilan silahkan ikuti langkah-langkah berikut ini yang akan saya terangkan.

Cara Membuat Iklan di Tengah Postingan Tampa merusak tampilan Artikel Blog
  1. Pertam login ke blogger.com
  2. Pergi dasbor blog kamu
  3. Kemudain pilih template + Edit HTML
  4. Kemudian Cari code yang seperti ini.
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div itemprop='description articleBody'><data:post.body/></div>
    </b:if>
  5. Harap disesuaikan dengan sturuktur template anda
  6. Kemudian tambahkan code <div id='middleads'> dan akhirnya </div> diaantara code yang diatas atau langkah No 4 .sehingga hasilnya akan seperti ini.
    <div id='middleads'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div itemprop='description articleBody'><data:post.body/></div>
    </b:if>
    </div>
  7. Kemudian copas code berikut ini di atas code </body> atau  &lt;!--</body>--&gt;&lt;/body&gt;
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style>
    #middle-ads{display: none;margin:0 auto;padding:0}
    .middleadsproject{padding:0;width:auto;text-align:center;height:auto;margin:5px auto 0;display:block}
    .middleadsproject h4{color:#bbb;text-align:center;margin:0 auto 7px;font-weight:normal!important;letter-spacing:1.5px;padding:0;font-size:90%}
    </style>
    <div id='middle-ads'><div class='middleadsproject'><h4>Advertiser</h4>
    KODE IKLAN YANG SUDAH DIPARSE

    </div>
    </div> <script type='text/javascript'>
    var str1=document.getElementById(&quot;middleads&quot;).innerHTML;
    var str2=str1.length;
    var str3=str2/2;
    var substr = str1.substring(str3, str2);
    var n = substr.search(&quot;&lt;br&gt;&quot;);
    if(n&lt;0)
    {
    n = substr.indexOf(&#39;.&#39;);
    if(n&lt;0)
    {
    n=0;
    }
    var firsthalf = str1.substring(0, str3+n+1);
    var secondhalf = str1.substring(str3+n+1, str2);
    }
    else
    {
    var firsthalf = str1.substring(0, str3+n+4);
    var secondhalf = str1.substring(str3+n+4, str2);
    }
    var addcode=&quot;<center>&quot;+document.getElementById(&quot;middle-ads&quot;).innerHTML+&quot;</center><br/>&quot;;
    var newbody=firsthalf+addcode+secondhalf;
    var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
    strnew[0].innerHTML=newbody;
    document.getElementById(&quot;middle-ads&quot;).innerHTML=&quot;&quot;;
    </script>
      </b:if>
  8. Ganti tulisan KODE IKLAN YANG SUDAH DIPARSE dengan code iklan sobat.
  9. JIka sudah simpan atau save.
Mungkin hanya sampai situ saja jika ada kesalhan mohon di maafkan.
TERIMAKASIH.WASSALAM.

Previous
Next Post »

Posting Komentar

Bagaimana saran anda tentang artikel ini atau apakah anda mempunyai pertanyaan tentang artikel ini !!!!

Formulir Kontak

Nama

Email *

Pesan *