News Update :
Home » , » Cara Membuat Artikel Terkait

Cara Membuat Artikel Terkait

Artikel TerkaitTips Blogging cara membuat artikel terkait sebenarnya sudah pernah aku tulis, kalo belum baca bisa dibuka kembali disini. Tapi untuk kali ini tampilannya beda, seperti punya blog ini. Kalo sobat tertarik untuk membuat artikel terkait seperti blog ini, cara gini sobat.

1. Seperti biasa masuk ke blog sobat terus cari tab Tata Letak >> Edit HTML >> centang kotak kecil disamping kalimat Expand widget template.
2. Cari kode ]]></b:skin> dan taruh kode berikut di bawah kode tadi

<link href='http://dedehendriono.googlepages.com/artikelterkait.css' rel='stylesheet' type='text/css'/>
<script src='http://myartikel-12.googlecode.com/files/artikelterkait.js' type='text/javascript'/>

3. Masih di kode ]]></b:skin> taruh kode berikut di atas kode tadi

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://dedehendriono.googlepages.com/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

4. Simpan dulu pekerjaan sobat setelah itu cari kode <p><data:post.body/></p> dan taruh kode berikut di bawah kode <p><data:post.body/></p>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Artikel Terkait : </b></font>
<font color='#FFFFFF'>
<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=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</font>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

5. Simpan dan selesai

Mudah ya cara membuat artikel terkait, semoga tips blogging ini bermanfaat bagi sobat blogger.

loading...

Ditulis Oleh : Nadya Hasyim ~ Tips dan Trik Blogspot

Hasyim Sobat sedang membaca artikel tentang Cara Membuat Artikel Terkait. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

3 komentar:

ririn said...

promosikan bisnis / blog anda dgn pasang iklan premium di http://klikiklan24.co.cc GRATIS

Nanda Hanyfa said...

thank's infonya..
:)

Rudy Hartono said...

makasih infonya sangat bermanfaat sekali untuk yang belum pasang, nice share and happy blogging

Post a Comment

Mohon komentar dengan sopan, SARA atau menaruh LINK Aktif di kotak komentar akan dihapus

 
Support : Copyright © 2011. UDIK-NET - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger