Join Us : Agus Istiqlal Agus Istiqlal Agus Istiqlal Agus Istiqlal
Info dahsyat Info dahsyat

Membuat Artikel Terkait Terbaik untuk Blogger

Membuat artikel terkait
Dari Sebagian para blogger mungkin sudah banyak sekali yang membahas tentang masalah pembuatan related post atau artikel terkait , namun dari pengalaman saya kebanyakan yang dibahas atau dipaparkan adalah artikel terkait yang disertai munculnya  label diatas semua artikel yang berlabel sama , singkatnya tampilanya seperti ini :
Facebook
- Membuat facebook
- Mengatur facebook
- facebook otomatis
Tips Facebook
- Mengatur email blog
- Cara membuat blog
- Mengatur blog 
Dengan tampilan Seperti itu menurut saya kurang profesional atau menarik. Pada kali ini saya akan berbagi tentang pembuatan related post / artikel terkait tanpa menampilkan label diatas artikel , tepatnya seperti artikel terkait punya saya ( Lihat Dibawah )

Untuk pembuatanya cukup silahkan tambahkan kode berikut ini di dalam struktur template anda dan pasang dibawah kode ini : <data:post.body/>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</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 = 50;
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>

Klik simpan dan Lihat hasilnya . Semoga Bermanfaat !!
1

--- Share Yaa Bro ----
Artikel Yang Lain :
Isi Lengkap Blog Ini Lihat :Daftar Isi Blog
Hubungi saya jika Anda menemukan konten yang rusak, aneh atau tidak berhasil Anda terapkan. Silahkan beritahu kami dengan klik : Contact Me! . Kami akan berusaha membalas atau memperbaiki konten secepatnya. Terima Kasih.

2komentar:

--------------- IKUTI BLOG INI --------------