Cara Membuat Artikel Terkait Dengan Icon

Buat sobat blogger yang ingin membuat artikel terkait dengan icon, berikut Blog Tutorial ingin berbagi sedikit Tutorial bagaimana cara pasang artikel terkait dengan icon...
Silahkan sobat simak dibawah ini langkah-langkah penerapannya:

• Login ke blogger dengan ID sobat.
• Pilih Rancangan.
• Pilih Edit HTML jangan lupa centang tulisan "expand template widget".
• Cari kode </head> untuk mempermudah pencarian tekan Ctrl+F3.
• Lalu copy code di bawah ini dan paste di atas </head> tersebut, akan seperti ini jadinya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{
width:100%;font-size:12px tahoma;margin: 15px 0 7px 0;}
#related-posts .widget{
list-style-type:none;margin:5px 0 5px 0;padding:0;}
#related-posts .widget h2, #related-posts h2{
font-size:20px;
font-weight:normal;margin:5px 7px 0; padding:0 0 5px;}
#related-posts a{
text-decoration:none;}
#related-posts a:hover{
text-decoration:none;}
#related-posts ul{
border:medium none;margin:16px;padding:0;}
#related-posts ul li{
display:block;background:url(/favicon.ico) no-repeat;
padding:0 0 1px 21px;margin-bottom:3px;line-height:1.6em;
border-bottom:1px dotted #cccccc;}
#related-posts ul li a{
background:#fff;display:block;}
#related-posts ul li a:hover{
background:#E9F5FB;}
</style>
<script src=
'http://dvslabs.googlecode.com/files/relatedpost-icon.js'
type='text/javascript'/>
</b:if>
</head>

• Kalau sudah, lalu cari kode <data:post.body/>
• Kemudian copas kode di bawah ini setelah kode <data:post.body/> tersebut

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

• Terakhir save template anda

Keterangan: Kalau gambarnya ingin sesuai selera anda, tinggal ganti kode favicon.ico dengan url image yang kamu inginkan, sedangkan  kode max-results=7 di atas menunjukkan jumlah post maksimal atau artikel berkaitan yang akan tampil pada setiap halamannya, sesuaikan saja dengan selera anda.

Category: Tutorial Blogger