Cara membuat related posts di blogger

Cara membuat related posts di blogger – Related posts atau dalam arti indonesiannya artikel terkait  menu yang biasa di pergunakan dalam sebuah blog , namun dalm template bawaab blogger sendiri sebagian besar tidak di sediakannnya menu tersebut dan hal ini harus di akali sendir denngan menambahkan kode html ke dalam sebuh blog tersebut.

Related post sendir modelnya bermacam- macam ada nyan berupa tuisan saja, ada yng berbentuk gambar saja dan ada juga yang berbentuk gambar dan tulisan kesemuanya tersebut bisa di buat dengan penambahan kode html di sesuikan dengan selera masing – masing, proses pembuatan relatid post untuk bloggger sendiri tegolong mudah yaitu kita harus menuju ke kode html terlebih dahulu yang ada di blog kita, kemudia cari kode </head> untuk mempermudah pencarian silahkan gunakan Ctr + F, bila kode tersebut sudah kita temukan silahkan masukkkna kode ini tepat di bawah kode </head>

<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>

Berikut adalah gambar penampakannnya agar lebih mudah dalam mencocokannnya.

Jika penempatan kode tadi sudah selesai langkah berikunya kita akan mencari kode <data:post.body/>  tetu saja untuk mempermudah pencarian gunakanlah Ctr + F , jika kode tersebut sudah di temukan silahkan anda copy kode yang ada di bawah dan paste tepat di bawah code <data:post.body/>, 

<b:if cond='data:post.labels'>  <b:loop values='data:post.labels' var='label'>  <b:if cond='data:blog.pageType == "item"'>  <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>  </b:if>  </b:loop>  </b:if>
<b:if cond='data:blog.pageType == "item"'>  <h4>Related Post</h4>  <script type="text/javascript">  removeRelatedDuplicates();  printRelatedLabels();  </script>  </b:if>

Beikut adalah contoh gambar yang telah di copy pada code html

Pada kode yang barusan kita copy kita bisa melihat tulisan yang berwarna merah, tulisan tersebut bisa ganti namanya sesui kleiginan kita, contoh saja Artikel Serupa atau lain sebagainnya.

Setelah semuannya selesai klik menu Pratinjau template terlebih dahulu apakah sudah pas atau belum, bila sudah dirasa pas dan mantap langsung saja save.

Saya kira cukuplah mudah dalam pengaplikasiannya tidak ada trik khusus dalam hal ini, bila mana  ada kendala dalam penjelasan Cara membuat related postsdi blogger langsung saja konentar di bawah, jangan malu-malu kami siap menjawabnnya.