Jumat, 07 Maret 2014

Cara Membuat Related Post / Artikel Terkait di Bawah Postingan Blog

0 komentar
Cara Membuat Related Post / Artikel Terkait di Bawah Postingan Blog

Cara Membuat Related Post / Artikel Terkait di Bawah Postingan Blog - Penggunaan link related post / artikel terkait ini sangat diperlukan untuk para blogger semuanya. Kenapa begitu?? Dikarenakan, dengan adanya link artikel terkait ini dapat memudahkan bagi pengunjung untuk membaca postingan lainnya dari suatu blog. Dengan begitu pengunjung blog sobat akan betah di blog sobat. Paling tidak baca 2-3 artikel lah. Hehehe..

Langkah-langkah cara membuat related post / artikel terkait bisa dibaca di bawah ini :
1. Sobat login dulu ke akun bloggernya
2. Kemudian klik menu Template > Edit HTML
3. Sobat search kode (gunakan Ctrl+F untuk memudahkan)

<data:post.body/>

Kalo ada beberapa yang semacam itu, sobat pilih yang paling bawah. 
4. Setelah ketemu kode di atas tadi letakkan script kode ini di bawahnya :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post | Artikel Terkait</h3>
<div style='border: 2px solid rgb(230, 230, 230); width:100%; height:300px; overflow:auto;'>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

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

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>
<small>Get this widget [ <a href='
http://oplosanblog.blogspot.com/2014/03/cara-membuat-related-post-artikel.html' target='new'>Here</a> ]</small>

</div>
</b:if>

5. Kemudian klik Simpan. Sobat tinggal lihat hasilnya. 

Demikian postingan saya mengenai Cara Membuat Related Post / Artikel Terkait di Bawah Postingan Blog, kalau ada yang bingung bisa berkomentar di bawah. Good Luck.

Diposting Oleh : Boeztanoel ~ Blogging, Trik, Tips, Free Software

Sobat sedang membaca artikel tentang Cara Membuat Related Post / Artikel Terkait di Bawah Postingan Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya.

:: Oplosanblog ! ::

Artikel Terkait



Get this widget [ Here ]

Leave a Reply

Berkomentarlah di blog ini dengan cerdas dan sopan :
* Dilarang mencantumkan link aktif, contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya, contoh: :D
* Karena banyaknya SPAM, terpaksa kami tampilkan verifikasi kata
Jangan sampai komentar sobat dihapus karena tidak mematuhi aturan!!