Jumat, 14 September 2012

Cara Membuat Related Post Ringan dan Simple




Related Post adalah sesuatu bentuk bagian beberapa dari artikel yang didalam terdapat postingan yang pernah kita posting bro, selain itu related post yang berbentuk tulisan ini menguraikan artikel menurut LABEL masing - masing bro, untuk yang berminat silahkan simak aja ya bro tips berikut :

1. Login Ke Blog Lo Bro
2. Klik Rancangan
3. Klik Edit HTML, Jangan lupa Lo Bro Mencentang Expand Template Widget

4. Lalu lo cari bro kode html <data:post.body/>Lalu letakkan Kode dibawah ini tepat 
    diBawah <data:post.body/> bro.

bila terdapat lebih dari 1 biasanya 2, kalo Lo bro tak pake AUTO READMORE   maka pilih yang pertama ya bro , jangan lupa yang pertama ya bro.


tetapi jika lo pake READMORE bro ,lo letakkan bro kode dibawah ini dan tarok dibawah <data:post.body/> yang ke 2 ya bro , jangan lupa ya bro.


<b:if cond='data:blog.pageType == "item"'><div class='similiar'><div class='widget-content'><h3>Related Post</h3><div id='data2007'/><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(&#39;ul&#39;);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==&#39;alternate&#39;) {alturl=entry.link[k].href;break;}}
var li=document.createElement(&#39;li&#39;);var a=document.createElement(&#39;a&#39;);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==&#39;alternate&#39;) {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(&#39;b&#39;);h.appendChild(txt);
var div1=document.createElement(&#39;div&#39;);div1.appendChild(h);
div1.appendChild(ul);document.getElementById(&#39;data2007&#39;).appendChild(div1);}}}
function search10(query,label){var script=document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);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. Untuk tulisan yang berwarna HIJAU bro silahkan lo ganti bro sesuka hati lo ya bro.

selamat mencoba bro.

6 komentar:

  1. terimakasih trik nya bos. langsung di coba nih
    #jangan lupa berkunjung yaa Kang Nemo

    BalasHapus
  2. Bro Pinginya yang related post yang berubah ubah kayak yang di bawah judul postingan punya mas bro !!!

    BalasHapus
    Balasan
    1. oke bro, silahkan baca yang ini bro : http://raxterbloom.blogspot.com/2012/11/cara-membuat-slider-teks-artikel.html

      Hapus
  3. Wau artikel nya mantap Bro,,,makasih bro klau boleh numpang sedot ya bro,,,,

    BalasHapus
    Balasan
    1. tapi janagn kuatir bro, saya akan tampil kan asal nya bro ok. bro,,,
      salam bloger bro,

      Hapus