Related Post Sangat Bermanfaat Untuk Meningkatkan View Halaman Blog

Dipostkan Oleh. BlogTerms

Cara Membuat Related Post Pada Blog

Related Post adalah satu Teknik Blog dimana Related Post Akan Menampilkan Article-Article Yang Saling Berhubungan. Berhubungan disini Yang bermaksud adalah Setiap Artikel Yang Memiliki Kesamaan Label, Keyword Maka dengan Otomatis Artikel-artikel yang merupakan tautan yang terhubung atas kesamaan label atau keyword tersebut akan dimunculkan pada halaman di mana anda menempatkan related Post ini.
Adapun Tujuan dari Related Post ini Adalah salah satu teknik yang menguntungkan bagi pembaca atau yang sedang mencari-cari sesuatu artikel, maka setiap artikel yang saling berhubungan akan terlihat oleh sipembaca dan akan kembali membuka tautan yang berada pada Related post tersebut, dengan secara otomatis trafik atau view halaman pada Blog kita akan semakin banyak karena setiap halaman artikel memiliki tautan yang akan selalu dibuka oleh pembaca, pembaca akan berlama-lama di blog kita karena tautan akan menghubungkan artikel yang satu dengan artikel lainya yang dihubungkan oleh label.

Nah.. Bagai Mana cara Membuatnya..?
Baiklah, Mari kita mulai langkah-langkahnya.
Pertama-tama sudah pasti tentu anda harus punya account blog, tetapi kalau belum, segera daftar blog anda.
login ke account blog anda, pada halaman Dasboard anda pilih Design.
2. Kemudian Edit HTML, sebelum melakukan Pengeditan ada baiknya anda download lengkap dahulu template anda.
3. Beri Centang pada Expand Widget Templates
4. Mulai Pengeditan
Cari Code:  </head> dan letakkan Code berikut ini diatasnya :
<style>
 #related-posts {
 float : left;
 width : 540px;
 margin-top:20px;
 margin-left : 5px;
 margin-bottom:20px;
 font : 13px Arial;
 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 : #f1c232;
 font-size : 20px;
 font-weight : normal;
 margin : 5px 7px 0;
 padding : 0 0 5px;}
 #related-posts a {
 color : #b45f06;
 font-size : 12px;
 text-decoration : none;}
 #related-posts a:hover {
 color : #00ff00;
 text-decoration : none;}
 #related-posts ul {
 border : medium none;
 margin : 10px;
 padding : 0;}
 display : block;
 margin : 0;
 padding-top : 0;
 padding-right : 0;
 padding-bottom : 1px;
 padding-left : 16px;
 margin-bottom : 5px;
 line-height : 2em;
 border-bottom:1px dotted #ffffff;}
 </style>

 <script type='text/javascript'>
 //<![CDATA[
 var relatedTitles = new Array();
 var relatedTitlesNum = 0;
 var relatedUrls = new Array();
 function related_results_labels(json) {
 for (var i = 0; i < json.feed.entry.length; i++) {
 var entry = json.feed.entry[i];
 relatedTitles[relatedTitlesNum] = entry.title.$t;
 for (var k = 0; k < entry.link.length; k++) {
 if (entry.link[k].rel == 'alternate') {
 relatedUrls[relatedTitlesNum] = entry.link[k].href;
 relatedTitlesNum++;
 break;
 }
 }
 }
 }
 function removeRelatedDuplicates() {
 var tmp = new Array(0);
 var tmp2 = new Array(0);
 for(var i = 0; i < relatedUrls.length; i++) {
 if(!contains(tmp, relatedUrls[i])) {
 tmp.length += 1;
 tmp[tmp.length - 1] = relatedUrls[i];
 tmp2.length += 1;
 tmp2[tmp2.length - 1] = relatedTitles[i];
 }
 }
 relatedTitles = tmp2;
 relatedUrls = tmp;
 }
 function contains(a, e) {
 for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
 return false;
 }
 function printRelatedLabels() {
 var r = Math.floor((relatedTitles.length - 1) * Math.random());
 var i = 0;
 document.write('<ul>');
 while (i < relatedTitles.length && i < 20) {
 document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
 if (r < relatedTitles.length - 1) {
 r++;
 } else {
 r = 0;
 }
 i++;
 }
 document.write('</ul>');
 }
 //]]>
 </script>

5. Kemudian setelah anda pastekan code di atas, Anda cari kembali code <data:post.body/>
dan setelah ketemu, pastekan Code berikut ini di bawahnya
<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=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
 <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
 </script>
 </div></b:if>

Setelah selesai, Lalu Save Template Anda.
Untuk Kalimat Related Post, anda dapat menggantinya dengan Kalimat yang anda sukai..
Selamat Mencoba.. Terima Kasih Telah Singgah di Blog saya..

Posted by : BlogTerms ~ SEO | Backlinks | Website | Widget | Ads

Artikel Related Post Sangat Bermanfaat Untuk Meningkatkan View Halaman Blog diposting oleh BlogTermsSaturday, April 7, 2012. Terima kasih atas kunjungannya. Mohon Di Share Melalui Widget dibawah ini :

0 comments

Labels: ,