Tutorial : Kelebihan Related Posts berbanding dengan LinkWithin

Rasanya masih ramai lagi yang tidak tahu akan kelebihan menggunakan coding Related Posts berbanding LinkWithin.. Walaupun cara untuk install LinkWithin agak senang berbanding coding Related Posts, tapi uols akan rugi backlink jika menggunakan LinkWithin..

Tak silap saya, backlink ni mempengaruhi jugak SEO dan ALEXA ranking (kalau salah..sila perbetulkan..hehehe) Selain itu, kalau uols guna Related Posts, loading page akan lebih cepat compare dengan uols menggunakan LinkWithin, nak2 skang ni tersangatlah ramai yang menggunakan LinkWithin kan..

Apa gunanya Related Posts ni? Memudahkan pembaca blog uols untuk melihat entri-entri dahulu yang berkaitan dengan topik-topik yang menarik minat mereka.. So, takdela entri lama tu bersawang je kan..

Macam biasa, 1st sekali pi kat Dashboard > Design > Edit HTML, then tick Expand Widget Templates. Untuk langkah keselamatan, sila backup dahulu template uols. Dengan menggunakan CTRL + F, search </head>, dan paste coding di bawah ni sebelumnnya atau di atas </head>..

<!--Related Posts with thumbnails Scripts and Styles Start-->     <style type="text/css">     #related-posts {     float:center;     text-transform:none;     height:100%;     min-height:100%;     padding-top:5px;     padding-left:5px;     }     #related-posts h2{     font-size: 1.6em;     font-weight: bold;     color: black;     font-family: Georgia, “Times New Roman”, Times, serif;     margin-bottom: 0.75em;     margin-top: 0em;     padding-top: 0em;     }     #related-posts a{     color:black;     }     #related-posts a:hover{     color:black;     }     #related-posts  a:hover {     background-color:#d4eaf2;     }     </style>     <script type='text/javascript'>     var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvbcplu1t9YWicxqpoiKWv95bT2JkXTGsoMhyphenhyphen04iq7yYwCOnYlrArMrwYhg_E-xObdDbHM3vCOzixZPgopxi8QzUh8XH8K7h-o4N_R7LdhSLEqEQZahVJ3OIoeUSNAUxpIXtVx03V-CVs/s400/noimage.png";     var maxresults=5;     var splittercolor="#d4eaf2";     var relatedpoststitle="Related Posts";     </script>     <script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>     <!--Related Posts with thumbnails Scripts and Styles End-->

Untuk yang berkaler merah tu,

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvbcplu1t9YWicxqpoiKWv95bT2JkXTGsoMhyphenhyphen04iq7yYwCOnYlrArMrwYhg_E-xObdDbHM3vCOzixZPgopxi8QzUh8XH8K7h-o4N_R7LdhSLEqEQZahVJ3OIoeUSNAUxpIXtVx03V-CVs/s400/noimage.png" = uols boleh tukar image bagi entri tidak bergambar dengan menggantikan url nomage ini

var maxresults=5 = uols boleh tukar jumlah topik berkaitan samaada nak 2,3,4 or berapa saja uols nak

var splittercolor="#d4eaf2" = uols boleh tukar color pembahagi topik mengikut citarasa

var relatedpoststitle="Related Posts" = uols boleh tukar tajuk related post ni sama ada nak Entri Berkaitan ke, or ape ape je lahh..

Dan, coding kat bawah ni uols paste dibawah <data:post.body>.. 

<!-- Related Posts with Thumbnails Code Start-->         <div id='related-posts'>         <b:loop values='data:post.labels' var='label'>         <b:if cond='data:label.isLast != "true"'>         </b:if>         <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>         <script type='text/javascript'>         removeRelatedDuplicates_thumbs();         printRelatedLabels_thumbs("<data:post.url/>");         </script>         </div><div style='clear:both'/>         <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>         <a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://www.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>         </b:if></b:if>         <!-- Related Posts with Thumbnails Code End-->

Preview dulu, dah berkenan then boleh save.. Tapi untuk yang guna 'read more hack', laman utama blog uols tidak akan terpapar widget Related post ini.. Harap maklum..


credit to : Riwayat Hariku