Simple Related Posts Widget For Blogger Ala Agan

Simple Related Posts Widget For Blogger Ala Agan-Kemri kita berguru bagai mana cara
Membuat Menu Navigasi Di Atas Header + Icon Media Sosial kini kita akan berguru cara menciptakan Simple Related Posts Widget For Blogger Ala Agan, Related Posts berperan penting bagi sebuah blog untuk menjadi kaki kanan semoga blog kita dapat memiliki sebuah isyarat atau petunjuk bagi pengunjung wacana artikel yang terkait atau mungkin dapat mengakibatkan alat bagi pengunjung untuk mencari acuan wacana pencarian sebelumnya.

Simple Related Posts

Jadi buat artikel ini juga tidak usah panjang lebar sedikit aja ya hhee namanya juga simple jika kalian ingin membuat Simple Related Posts silahkan ikuti isyarat yang aku berikan alangkah baiknya kalian komen dulu biar sama-sama lezat okay..ayo kita otw ke TKP. saran Backup terlebih dahulu template.

Simple Related Posts Widget For Blogger Ala Agan

1. Masuk Ke Blogger

2. Pilih Template > Pilih Edit HTML

3. Cari kode berikut </head> Gunakan CTRL+F

4. Kopy Kode dibawah ini taruh sempurna di atas kode </head>

 <b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'> #related-posts {  float:center;  text-transform:none;  height:100%;  min-height:100%;  padding-top:5px;  padding-left:5px;  }  #related-posts .widget{  padding-left:6px;  margin-bottom:10px;  }  #related-posts .widget h2, #related-posts h2{  font-size: 1.6em;  font-weight: bold;  color: black;  font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;  margin-bottom: 0.75em;  margin-top: 0em;  padding-top: 0em;}  #related-posts a{color:#0c0080;}  #related-posts a:hover{color:#0ab0fd;}  #related-posts ul{  list-style-type:none;  margin:0 0 0px 0;  padding:0px;  text-decoration:bold;  font-size:12px;  text-color:#000000  }  #related-posts ul li{  background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyYlIITYroLxLvZ-l60SV9t7b7hKC_eM7zjJzrniEw13Smhzg5zbdjj03xEeFenOQjXQu4rzshtS4eB-oYfaIVWUjm68qUWjlKfKiysOXOvrF7J4ErD9xUZPq2c0fnYR1zc-wo-VWfmYY/s1600/btrix_arrow-icon.png) no-repeat ;  display:block;  list-style-type:none;  margin-bottom: 13px;  padding-left: 30px;  padding-top:0px;  height: 20px;  margin-top: -5px;}   #related-posts ul li:hover{  background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie-GGzz9Ir1ga8gKtCKJZbzHE1MsupJGEiWz8_Hdm0cSXP84sNieZq6coIeirn1xIpqiGUg9WCgjWMaV0Y3bb0boLz_9GWBNo7xbtO4jFT500_k7LJWDF0G5RpKJwy4PoUw-oBCHguB8s/s1600/btrix_arrow-icon2.png) no-repeat ;  display:block;  list-style-type:none;  margin-bottom: 13px;  padding-left: 30px;  padding-top:0px;} </style> <script type='text/javascript'> var relatedpoststitle=&quot;Related Posts&quot;; </script> <script src='http://codepen.io/thebloggerguide/pen/ENWdJo.js' type='text/javascript'/> </b:if>

5. Cari kode berikut <data:post.body/> dan tempelkan kode di bawah ini sempurna di atasnya

 <b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'> <b:loop values='data:post.labels' var='label'>  <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=6&quot;' type='text/javascript'/></b:if></b:loop>  <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> <a style="font-size: 10px; color: #bcbcbc; float: right;" href="http:www.thebloggerguide.com/simple-related-posts-widget-blogger/" rel="nofollow" >Get Related Post widget</a></div></b:if>

6. Seting kode yang aku tandi merah tersebut maxresults=10,kode tersebut ialah jumlah daftar yang akan di tampilkan.

7. Save template dan lihat hasilnya.

Mungkin ibarat itu lah Simple Related Posts Widget For Blogger Ala Agan,Thanks.
Sumber https://infoandrocodax.blogspot.com/