Beranda > Tips Blogspot > Membuat Related Post di Blogspot

Membuat Related Post di Blogspot

namabah lagi ilmunya tentang blogspot, kemarin habis jalan-jalan dan nemuin trik membuat related post ( postingan yang berhubungan ) di blogspot. Kalau di wordpress sih 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 keren 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

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: