Wednesday 14 November 2012

Membuat Iklan Disamping Artikel Terkait

Tutorial kali ini kita akan coba memasang iklan tepat disamping artikel terkait, gunanya menurut saya selain untuk mempercantik blog juga untuk menghemat tempat. 

artikel berdampingan ads
 
baiklah saudara-saudari
yang tidak makan satu hari
datang kerumah kami
makan nasi yang udah basi

hehehe.... bercanda gan sekedar humor habis udah pening banget nih

Ok, kita lanjut, seperti biasa ya pastikan kita sudah berada pada posisi edit html blog kita trus centang yang itu, itu yang atas.. iya  

perhatian sebentar bagi yang sudah terlanjur memasang artikel terkait sebaiknya dihapus dulu biar tidak bingung
kemudian cari kode yang beginian /*Comments atau yang mirip dengan itu soalnya beda-beda tiap template.

Jika sudah ketemuan diatasnya kasih kode ini 
/*Box-wrapper*/
#related-posts{float:left; width:310px;  padding: 0 10px 0 0; }
#related-posts h2{font-size:16px; text-align:left; color: #1476cc; font-weight: bold;}
#related-posts a{font-size:12px;}
#related-posts li{list-style:decimal; border-bottom: 1px dashed #ccc;}
#box-kanan{float: right; width:260px; height:200px; }
.authorinfo { font-size: 12px; border-bottom:double 3px #e6e4e3; margin: 10px 0 10px 0;}

untuk ukuran box iklannya sesuaikan pada kode warna biru, 
belum siap lho jangan di sep dulu

Selanjutnya cari kode <body> dan diatasnya pastekan kode berikut
<script src='http://dadangherdiana.googlecode.com/files/relatedposts.js' type='text/javascript'/>

langkah selanjutnya adalah cari kode ini <data:post.body/> 
perlu diperhatikan bahwa pada kebanyakan template blog sekarang memiliki 4 <data:post.body/> dan yang akan kita pakai adalah yang ke-3

masukkan kode berikut dibawah <data:post.body/> yang ke-3
<!-- Related Post start and Ads -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<h2>Artikel Terkait<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
<div id='box-kanan'>
KODE IKLAN ANDA DISINI
</div>
<!-- Autor Info Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='clear: both;'/>
<div class='authorinfo'>
<p>
<span>Ditulis Oleh : <div class='vcard' id='hcard- NAMA ANDA'> <span class='fn n'> <span class='given-name'>Posted by: NAMA ANDA</span> </span> </div> <a class='updated' href=' http://SITUS ANDA.blogspot.com/ ' rel='bookmark'> TITLE SITUS ANDA, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr> </span>
</div></span>
<span>Kategori: <b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if></b:loop></b:if></b:loop></span>
</p>
</div>
</b:if>
<!-- Autor Info end -->
</b:if>
<!-- Related Post start and Ads end -->

yang perlu anda edit adalah setiap tulisan bercetak tebal lalu sep, kemudian uji salah satu postingan anda di snippet webmaster tools

Rating: 5