Tutorial Pasang SCRIPT IKLAN di Atas,Tengah dan Bawah Posting Blog

Kali ini TIPBLOGKU akan berbagi tips CARA PASANG KODE IKLAN PADA POSTING/Artikel BLOG,Setelah sebelumnya Sun3daily membuat tutorial dua kolom iklan di Bawah Postingan secara berdampingan, Untuk pemasangan kode iklan pada posting BLOG memang berbeda dengan pemasangan kode iklan pada WIDGET. 

Untuk pemasangan kode iklan pada TEMPLATE BLOG ( posisi iklan dibawah atau di atas judul posting ) kode iklan harus di PARSE terlebih dahulu sebelum di tempatkan pada TEMPLATE Blog.

Untuk jenis pemasangan kode iklan pada WIDGET, Anda tinggal memasang kode iklan tanpa harus mem-PARSE kode tersebut.

Iklan tentunya dapat memaksimalkan pendapatan blog Anda, dengan memasang iklan di tempat atau posisi yang strategis, salah satunya di bawah postingan, atau di atas postingan. Tips berikut ini adalah memasang iklan secara otomatis atau meletakkan code script iklannya pada HTML template Anda, dan tentunya sangat memakan waktu, apabila kita harus memasang iklan secara manual.

Bagaimana caranya..? berikut langkah langkahnya:

Cara Membuat Iklan Otomatis Dibawah Postingan Blog

Sebelum kita memasang kode iklan di blog, yang harus kita lakukan ialah mem-Prase kode iklan bagaimana caranya berikut langkah demi angkahnya

< 1 > yang harus kita lakukan ialah memPrase kode Iklan yang akan kita pasang, Untuk cara memprase kode iklan sahabat bisa klik disini

< 2 > selanjutnya copy kode iklan sobat kemudian pastekan, dan klik Prase.

Cara memasang kode iklan di HTML blog

Selanjutnya untuk memasang kode iklan yang sudah  sahabat Prase, di HTML blog, berikut langkah demi langkahnya:

>>> Login dengan akun Blogger.com sobat.

>>> Selanjutnya klik Template lalu Edit HTML

>>> Selanjutnya sahabat cari kode <data:post.body/> setelah sahabat menemukan kode HTML sahabat copy code iklan dan pastekan di bawah code <data:post.body/>

>>> selanjutnya klik SAVE

Note : 

Tidak MUNCULnya IKLAN pada halaman posting Blog Anda, semata mata kesalahan penempatan kode iklan tersebut, intinya semua kode bisa ditampilkan, namun kesalahan penempatan dapat menimbulkan IKLAN tidak bisa MUNCUL setelah di SAVE.

TIPBLOGKU akan memberikan alternatif lain bagaimana cara pasang script iklan secara otomatis, jika sobat tidak berhasil dengan cara di atas.

Berikut ini Alternatif lainnya

Cara Memasang Iklan Otomatis di Bawah Postingan

< 1. > Masuk ke Template > Edit HTML > Klik Expand Widget Template < untuk backup tamplete Sobat >

< 2. > Copy kode di bawah ini dan letakkan di atas <div class='post-body entry-content'> atau di bawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'> <p> Letakkan kode iklan yang sudah diparse disini </p> </b:if>

< 3. > Kemudian SAVE 

Cara Memasang iklan Otomatis di Atas Postingan :

< 1. > Cari kode <data:post.body/> yang kedua.

< 2. > Letakkan kode iklan yang telah diparse di atas <data:post.body/>

< 3. > Kemudian SAVE

Cara Menempatkan Iklan Menyatu di dalam Postingan

Seperti menambahkan gambar di sebelah kiri artikel dapat anda lakukan dengan meletakkan kode seperti berikut ini. Lalu letakkan di atas <data:post.body/> No.2

<div style='clear: left; float: left;'>

    <table cellpadding='0' cellspacing='0' class='tr-caption-container' style='float: left; margin-right: 4px; text-align: left;' width='300px'><tbody>

    <tr><td align='left' style='text-align: left;'>

    ( Masukkan kode iklan Google Adsense ukuran 300x250 disini )

    </td></tr>

    <tr><td style='text-align: center;'><span style='font-size: xx-small;'><b><a expr:href='data:blog.pagenameUrl' expr:title='data:blog.pageName'><data:blog.pageNam e/></a></b></span></td></tr></tbody></table>

    </div>

< 3. > Kemudian SAVE

Cara Membuat Iklan Melayang di Footer dengan Tombol Close :

1. Login ke Akun Bloger anda.

2. Masuk ke bagian Tata Letak / Layout , klik Add a gadget.

3. Pilih HTML / Javascript

4. Kemudian letakkan kode berikut di dalamnya.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>

</script><br />

<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<style type='text/css'>

div#btm_banner {width: 100%; bottom: 0; left: 0; position: fixed; opacity: 0.9;}

div#btm_banner img{

border:0;

cursor:pointer;

}

</style>

<div style='height: 0px;'></div>

<div align='center' id='btm_banner' style='height: 100px; z-index: 9999;'>

<div style='text-align: right; width: 728px; height: 6px;'>

<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLTJLzlXT4_6AgyfVM6qJlqCtL8Vgttz3t1n83FE6mVty9XeZHORB1iCfBLIA_usk_vR1C3AgGpa5YwryHNows7q2joRkrbOjICSKOokFVBmM-6w2aM-9N7x0IfTzNq_TkS67X6Dakfie1/s1600/close-icon.png'/></div>

<div style='clear: both;'></div>

<p>

<p><center>

Masukan kode script iklan anda di sini < tanpa parse script >

</center></p>

</p>

</div>

< 3. > Kemudian SAVE Widget

Cara memasang iklan ditengah-tengah postingan secara otomatis.

Caranya:

1. Login pada Blogger.com

2. Lanjut ke menu Template

3. Pilih Edit HTML

4. Lalu cari code <data:post.body/>

(Jika menggunakan auto readmore, pilih code yang ketiga)

5. Jika sudah ketemu, ganti code <data:post.body/>  dengan code dibawah ini

div expr:id='"iklan1" + data:post.id'></div> <div style="clear:both; margin:10px 0"> <b:if cond='data:blog.pageType == &quot;item&quot;'>

    Letakan kode iklan di sini     

    </b:if></div><div expr:id='"iklan2" + data:post.id'><data:post.body/></div><script type="text/javascript">var obj0=document.getElementById("iklan1<data:post.id/>");var obj1=document.getElementById("iklan2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(" ");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}</script>

6. Save

Demikian artikel dari TIPBLOGKU tentang Cara Memasang Kode Iklan pada Posting Blog. SEMOGA BERMANFAAT…..