Cara memasang iklan secara otomatis di blog

 

Kali ini BLOGGINPASURUAN AKAN MENJELASKAN BAGAIMANA CARA PASANG IKLAN PADA POSTING BLOG, Iklan tentunya dapat memaksimalkan pendapatan blog Sobat, 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 Sobat, dan tentunya sangat memakan waktu, apabila kita harus memasang iklan secara manual, Nah bagaimana caranya..? berikut langkah demi 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 : 

Karena tidak semua template mendukung dengan dengan cara diatas, faktor kesalah atau ketidak sesuaian jenis template dengan code script ( cara penempatan script iklan setelah di parse ). Intinya terkadang iklan tidak muncul setelah di SAVE TEMPLATE dan preview.

BLOGINGPASURUAN 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/AVvXsEhq4_AqM1F2w_P7qyXtKfJcdWodUhoFX9ewAaHdCgz8hZcRhr7lCbpRYSMnQuHuIZ5P6bQyVz8TLtpvcYUOE5_neYljAt4euKVVbL-oIXMVWv1SpdIZIUIa_TB_FcMCQXicERczcqjcdyvh/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 tutorial CARA PASANG IKLAN PADA POSTING BLOG dari yuventutorial SEMOGA BERMANFAAT…..