• Breaking News

    Monday, February 13, 2017

    Tips Memasang Kode Adsense di Blogspot


    Mungkin ada beberapa sobat ysng bertanya, bagaimana memasang kode iklan adsense di blogspot. Ada beberapa tipe pemasangan atau peletakan iklan adsense di blogspot antara lain : di area header, sidebar, footer blog, dia area dalam postingan yang dibagi menjadi tiga area yaitu (area top, middle dan bottom). Oke kali ini my-seven7ash akan mengulas satu persatu  Tips Memasang Kode Adsense di Blogspot di area-area yang telah disebutkan diatas. Sebelumnya trik ini my-seven7ash temukan di website www.klikmania.net.

    Baca Juga


    Sebagai saran dari my-seven7ash, kiat dan cara memaksimalkan pendapatan adsense juga tergantung kita sebagai pemilik blog, jadi penempatan iklan adsense pada bidang  template ini yang akan mempengaruhi pendapatan.
    Tips Memasang Kode Adsense di Blogspot

    Untuk mendapatkan kode unit iklan adsense, silahkan Login ke akun google adsense dan masuk ke halaman iklan saya, terdapat beberapa pilihan serta ukuran yang bisa di sesuaikan pada template blog.

    Berikut adalah langkah-langkah mendapatkan kode unit iklan adsense :

    • Masuk ke menu iklan saya.
    • Pilih ukuran iklan, pada menu di sarankan anda bisa memilih sesuai dengan template blog, ada horizontal, vertikal, kotak persegi dan responsive, pilih salah satunya.
    • Pada jenis iklan bisa di pilih untuk iklan gambar dan teks, gambar saja atau teks saja, sesuaikan dengan pilihan anda. Di bawah nya terdapat menu untuk menyesuaikan dengan warna template blog anda, di sini saya sarankan pilih yang default saja, atau anda bisa mengkombinasikan sesuai selera.
    • Terakhir klik simpan untuk mendapatakan kode iklannya.
    • Anda bisa lakukan lagi pengambilan kode iklan adsense untuk ukuran lain. Setelah mendapatkan kode iklan, sekarang giliran untuk memasangnya pada template blog. Perhatikan gambar di bawah ini, dimana anda ingin meletakkan iklan google adsense.
    • Baca Juga

    Untuk pemasangan kode iklan adsense berikut langkah-langkahnya :


    • Memasang Iklan di Area Header, Sidebar dan Footer
    • Anda bisa meletakkan iklan adsense pada header, sidebar maupun di footer pada template blog, untuk memasangnya bisa secara langsung melalui widget.

      1. Masuk ke dashboard blogger > Tata letak >Tambahkan gadget, setelah itu pilih “gadget “HTML/Javascript”
      2. Tempatkan kode unit iklan yang sudah anda dapatkan,
      3. lalu klik simpan.

    • Memasang Iklan di Bawah Judul Postingan (Top)
    • Anda bisa meletakkan iklan adsense pada postingan blog, tepatnya di bawah judul blog, membaur dengan teks postingan,sesuai selera anda bisa di pasang di kiri ataupun di kanan, tetapi sebelumnya anda harus memparse kode iklan terlebih dahulu, silahkan menuju halaman di bawah ini.

      Parse Code

      Sebelumnya harus menambahkan Tag di antara kode iklan tersebut. 
      1. Masuk ke dashboard blogger > Template > edit HTML
      2. Cari dan temukan kode <data:post.body/> dengan menekan CTR+F
      3. Untuk <data:post.body/> bisa terdapat 2 sampai 3 kode yang sama pada template
      4. Pilihlah <data:post.body/> yang ke 2 atau ke 3 atau bisa di coba satu persatu
      5. Lalu tempatkan kode di bawah ini tepat di atas kode tersebut. Jadinya akan terlihat seperti dibawah ini.

      <div style=’float:left;padding-right:10px;’>
      kode iklan anda yang sudah diparse
      </div>


      > Untuk meletakkan iklan di kiri, anda bisa menambahkan left
      > Untuk meletakkan iklan di kanan anda bisa menambahkan right
      > Untuk meletakkan iklan di tengah anda bisa menambahkan center

      Jangan lupa untuk “Pratinjau “dulu sebelum di simpan untuk berjaga-jaga, setelah semuanya oke baru kemudian menyimpan nya untuk perubahan.

    • Memasang Iklan di Tengah Postingan (Middle)

    • Anda bisa meletakkan iklan adsense pada postingan blog, tepatnya di tengah tengah posting membaur menjadi satu dalam artikel. Kode unit iklan juga harus di parse terlebih dulu. Untuk melakukan ini harus di kerjakan secara hati hati, sebab ada kemungkinan terdapat gambar di tengah-tengah postingan, hal ini akan menyebabkan “bentrok” antara kode iklan dengan gambar, kerjakan dengan seksama dan teliti.

      Masuk ke dashboard blogger > Template > edit HTML

      Cari dan temukan kode yang <data:post.body/> di tandai dengan tag kondisional post body yang menampilkan halaman posting bukan pada homepage. Seperti contoh di bawah ini.

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <data:post.body/>
      </b:if>


      Tambahkan kode <div id=’jobmiddlenew’> di atasnya, dan kode  </div> di bawahnya. Sehingga menjadi seperti ini.

      <div id='jobmiddlenew'>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <data:post.body/>
      </b:if>
      </div>

      Setelah itu cari kode  </body> 
      dan letakkan kode di bawah ini tepat di atas kode </body>

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <style>
       #addcodemiddle{display: none;}
       </style>
       <div id='addcodemiddle'>
      Kode iklan yang sudah di parse    </div>
       <script type='text/javascript'>
       var str1=document.getElementById(&quot;jobmiddlenew&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;addcodemiddle&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;addcodemiddle&quot;).innerHTML=&quot;&quot;;
       </script>
       </b:if>

      Sebelum di simpan alangkah baiknya di pratinjau dahulu, barangkali ada kesalahan dalam penepatan kode. Setelah semua selesai baru klik simpan untuk melihat perubahan.

      Baca Juga

    • Memasang Iklan di Bawah Postingan (Bottom)

    • Anda bisa meletakkan iklan adsense di bawah postingan blog, bisa di atur untuk peletakan nya, di kiri, kanan ataupun di tengah.

      1. Masuk ke dashboard blogger > Template > edit HTML
      2. Cari dan temukan kode <data:post.body/> dengan menekan CTR+F
      Karena <data:post.body/>  yang tag kondisional sudah di gunakan, cari kode <data:post.body/>
      yang di bawahnya

      3. Setelah itu copy kode di bawah ini tepat di bawah kode <data:post.body/>

      <b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align: center;'>
      Kode iklan yang sudah di parse
      </div>
      </b:if>

      > Untuk meletakkan iklan di kiri,anda bisa menambahkan left.
      > Untuk meletakkan iklan di kanan anda bisa menambahkan right.
      > Untuk meletakkan iklan di tengah anda bisa menambahkan center

      Setelah di pratinjau dan oke, baru kemudian di simpan untuk melihat hasilnya.
      Selamat mencoba dan lakukan secara teliti, kalau perlu di backup dahulu templatenya agar pemasangan kode unit iklan adsense ini tidak mengalami kendala.

    Terima Kasih Telah Membaca Artikel : Tips Memasang Kode Adsense di Blogspot
    Add a Comment. Read Comment Policy ▼
    Please Note
    - No live link
    - Pergunakan bahasa baku dan tanpa singkatan serta sesuai dengan topik pembahasan
    - Komentar yang relevan akan saya balas dan kunjung balik secara otomatis (tanpa meminta)
    - Tekan "subscribe by email" untuk mengetahui balasan dari saya
    - Untuk mendapatkan BACKLINK, gunakan OpenID. Baca --> Cara mengaktifkan OpenID

    No comments:

    Post a Comment

    + Follow
    Join on this site

    with Google Friend Connect

    COPYRIGHT

    Seluruh artikel atau konten yang ada di blog MY-SEVEN7ASH ini sifatnya adalah Open Source.

    Artinya, Anda boleh mengcopy sebagian artikel yang ada di blog ini, tapi kami mohon untuk tidak melakukan copy paste melalui feeds (xml) karena itu bisa menghancurkan blog ini.

    Mencantumkan sumber atau tidak itu merupakan hak Anda.
    back to top