Membuat Artikel Yang Berhubungan

Malam Sobat...!! ^^ Yuk menghias Blog lagi! :D Agar tampak manis dan friendly blog dihiasi dengan JavaScript atau widget biasanya juga seh diletakkan di bawah postingan. Tips kali ini bisa memudahkan sobat biar nggak bingung cari artikel yang saling berhubungan. Nah,, di bawah ini Phin mau kasih tips membuat "Artikel Yang Berhubungan Berdasarkan Label" dan ditempatkan tepat di bawah postingan. :)

1. Login ke Blog Sobat
2. Masuk ke Layout => Edit HTML
3. Centang Expand widget template
4. Cari kode di bawah ini. Lebih mudahnya memakai shortcut Ctrl+F. :)

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

5. Istirahat sebentar... Ditinggal naek Tower dulu.. :D Minum susu trus tidur.. :p
6. Lanjut lagi..!! Ayam sudah berOk-Ok. Masukkan script-script dibawah ini tepat di bawah script tadi.
** Jika sobat sudah menggunakan fasilitas script "Read More" terdapat dua script seperti diatas. Letakkan script ini setelah script pertama.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Posts By Categories (^_^)</H2>
<DIV class='rbbox'>
<DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<DIV id='albri'/>
<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;albri&#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>
<script type='text/javascript'>RelPost();</script>
</DIV>
</b:if>

7. Finish!! \(^o^)/ Simpan perubahan.. :D Nglanjutin liat Doraemonnya.. o_o

** Gimana?? Nggak bingung lagi kan Sob??!!
Atu-atu.. Lutuna.. Anak siapa seh ini.. :D ~o~

at 21.40 by phinst4r

Share |

Related Posts by Categories Ψ( ●｀▽´● )Ψ