Cara Pasang Artikel Terkait / Related Post di Postingan

Cara Pasang Artikel Terkait / Related Post di Postingan
Cara Pasang Artikel Terkait / Related Post di Postingan
Cara Pasang Artikel Terkait / Related Post di Postingan - Cara Pasang Artikel Terkait / Related Post di Blog - Sebelumnya saya sudah membahas mengenai Cara Membuat / Memasang Auto Readmore di Blog nah sekarang saya mau kasi tips lagi mengenai Cara Pasang Artikel Terkait / Related Post di Postingan, dengan memasang artikel terkait atau related post maka akan semakin bagus pageview blog kita.

Baiklah langsung aja ya bagaimana Cara Pasang Artikel Terkait / Related Post di Postingan, berikut langkah-langkahnya :
  1. Langkah pertama Masuk ke Blogger Dasbor sobat >>> pilih Template >>> edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
  2. Cari kode </head>, sobat bisa gunakan Ctrl+F atau tekan F3 untuk mempermudah proses pencarian. 
  3. Copy kode dibawah ini sebelum </head>
  4. #related-posts { float : left;height:200px;overflow:auto; 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 { 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 : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style><script src=https://sites.google.com/site/creativoltz/home/CreativoltzRelated-posts.js' type='text/javascript'/>
  5. Langkah berikutnya adalah cari tag <data:post.body/>
  6. Jika sudah ketemu Copy kode dibawah tepat setelah tag <data:post.body/>
  7. <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>
  8. Terahir save template

NB: Usahakan backup terlebih dahulu template sobat untuk mengantisipasi hal-hal yang tidak kita inginkan, satu lagi pada beberapa template terdapat lebih dari satu tag <data:post.body/>, oleh karena itu sobat bisa coba salah satu kalau gagal pada tag yang pertama maka pilih tag yang kedua atau coba salah satunya. sobat bisa ganti warna font juga teks Artikel Terkait sesuai selera sobat.


Selamat Mencoba dan mudah-mudahan tips ini bisa berguna juga bermanfaat.
terimakasih
Share this article :
 
Support : Info Gadget Terbaru | Info Lowongan Kerja | Lirik Terpopuler
Copyright © 2013. Tips dan Info Terkini - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger