Membuat Related Post di Blogspot - Hallo sahabat NieRZeus, Pada Artikel yang anda baca kali ini dengan judul Membuat Related Post di Blogspot, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tips and Trik, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Related Post di Blogspot
link : Membuat Related Post di Blogspot

Membuat Related Post di Blogspot

Setelah beberapa lama mencari plugin untuk menampilkan related post pada blogspot akhirnya ketemu juga beberapa trik untuk menambah related post jika kita menggunakan blogspot. Kalau di wordpress lebih mudah tinggal pasang plugin tapi kalau di blogspot membuat related post tentunya memerlukan tambahan script. Apakah menambah beban loading ?? tentunya iya tapi kalau pakai related post kan lebih bagus untuk navigasinya.

Oke langsung aja saya berikan tipsnya..

1. Login ke account Blogger anda

2. Masuk ke Menu Layout>>Edit HTML

3. Klik Expand widget templates

4. Cari baris berikut : 

<data:post.body/></p>

setelah Anda menemukan code tersebut silahkan copy code dibawah ini

<b:if cond='data:blog.pageType == "item"'>
 <div class='similiar'>
 <div class='widget-content'>
 <h3>Related Posts by Categories</h3>
 <div id='jurugdotcom'/><br/><br/>
 <script type='text/javascript'>

 var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
 var maxNumberOfPostsPerLabel = 4;
 var maxNumberOfLabels = 10;

 maxNumberOfPostsPerLabel = 100;
 maxNumberOfLabels = 3;

 function listEntries10(json) {
 var ul = document.createElement('ul');
 var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
 json.feed.entry.length : maxNumberOfPostsPerLabel;
 for (var i = 0; i &lt; maxPosts; i++) {
 var entry = json.feed.entry[i];
 var alturl;

 for (var k = 0; k &lt; entry.link.length; k++) {
 if (entry.link[k].rel == 'alternate') {
 alturl = entry.link[k].href;
 break;
 }
 }
 var li = document.createElement('li');
 var a = document.createElement('a');
 a.href = alturl;

 if(a.href!=location.href) {
 var txt = document.createTextNode(entry.title.$t);    
 a.appendChild(txt);
 li.appendChild(a);
 ul.appendChild(li);    
 }
 }
 for (var l = 0; l &lt; json.feed.link.length; l++) {
 if (json.feed.link[l].rel == 'alternate') {
 var raw = json.feed.link[l].href;
 var label = raw.substr(homeUrl3.length+13);
 var k;
 for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
 var txt = document.createTextNode(label);
 var h = document.createElement('b');
 h.appendChild(txt);
 var div1 = document.createElement('div');
 div1.appendChild(h);
 div1.appendChild(ul);
 document.getElementById('jurugdotcom').appendChild(div1);
 }
 }
 }
 function search10(query, label) {

 var script = document.createElement('script');
 script.setAttribute('src', query + 'feeds/posts/default/-/'
 + label +
 '?alt=json-in-script&amp;callback=listEntries10');
 script.setAttribute('type', 'text/javascript');
 document.documentElement.firstChild.appendChild(script);
 }

 var labelArray = new Array();
 var numLabel = 0;

 <b:loop values='data:posts' var='post'>
 <b:loop values='data:post.labels' var='label'>
 textLabel = &quot;<data:label.name/>&quot;;

 var test = 0;
 for (var i = 0; i &lt; labelArray.length; i++)
 if (labelArray[i] == textLabel) test = 1;
 if (test == 0) {
 labelArray.push(textLabel);
 var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
 labelArray.length : maxNumberOfLabels;
 if (numLabel &lt; maxLabels) {
 search10(homeUrl3, textLabel);
 numLabel++;
 }
 }
 </b:loop>
 </b:loop>
 </script>
 </div>

 </div>
 </b:if>

5. Lalu letakkan dibawah code <data:post.body/></p>

langkah terakhir tinggal di save dan lihat hasilnya

Membuat Related Post di Blogspot - Hallo sahabat NieRZeus, Pada Artikel yang anda baca kali ini dengan judul Membuat Related Post di Blogspot, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tips and Trik, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Related Post di Blogspot
link : Membuat Related Post di Blogspot

Membuat Related Post di Blogspot