Skip to main content

Cara membuat artikel terkait di bawah posting

Cara membuat artikel terkait di bawah posting. Pada saat kita membaca suatu artikel terkadang pembaca ingin membaca juga postingan yang ada hubungannya dengan artikel tersebut. Dengan adanya artikel terkait, pembaca akan dengan mudah melihat judul artikel yang ada hubungannya. Hal ini akan sangat mempermudah pembaca untuk menjelajahi seluruh isi artikel kita.

Artikel terkait bisa diletakkan di sidebar maupun di bawah postingan. Saya sendiri menggunakan pilihan yang ke-2, yaitu artikel terkait di bawah postingan. Menurut saya ini lebih efektif, karena setiap pembaca sehabis membaca seluruh artikel kita, maka di bawahnya ditampilkan artikel terkait yang ada hubungannya dengan artikel tersebut.

Untuk membuatnya sangat sederhana, langkahnya sebagai berikut:
1. Pastikan anda telah masuk ke Account blog anda.
2. Kik Rancangan.
3. Klik Edit HTML.
4. Download Template Lengkap untuk berjaga-jaga jika terjadi kesalahan
4. Klik Klik Expand Template Widgets.
5. Tekan Ctrl + F untuk pencarian cepat.
6. Copy code <data:post.body/>
7. Paste pada kotak Find hasil tekan Ctrl + F tadi.
Kode yang anda cari akan terblock warna hijau.
8. Setelah ketemu copy code di bawah ini dan paste setelah code <data:post.body/>

<textarea><b:if cond='data:blog.pageType == "item"'><br /> <strong>Artikel Terkait</strong><br /> <div class='rbbox'><div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'><div id='ardi33'/><script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < 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 < 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<20; k++) label = label.replace("%20", " "); 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('ardi33').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&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 = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script><br /> </div><script type='text/javascript'>RelPost();</script><br /> </div></b:if>

 Atau code detailnya seperti ini:

<textarea rows="5" cols="25" onclick="this.focus(); this.select();"><textarea><b:if cond='data:blog.pageType == &quot;item&quot;'>
<strong>Artikel Terkait</strong>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='ardi33'/>
<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;ardi33&#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></textarea></textarea>

9. Save template, selesai.

Note:
Artikel terkait: berwarna merah bisa anda ganti dengan dengan "Baca juga yang ini" atau "Yang sering dibaca " atau yang lainnya, terserah anda. 

height:200px:tinggi kolom, silahkan edit sesuai selera anda.

Untuk mengecek apakah artikel terkait anda sudah berjalan atau belum, coba anda buka salah satu artikel anda. Jika sudah benar Artikel terkait akan tampak persis di bawah artikel anda.

"Selamat mencoba"

Popular posts from this blog

75 istilah ekonomi lengkap

Setelah sebelumnya admin telah memberikan informasi tentang istilah bidang kesenian dan kebudayaan, selanjutnya admin akan menuliskan info tentang istilah ekonomi lengkap. Dalam artikel tentang ekonomi atau berita ekonomi indonesia sering kita dengar istilah-istilah yang kurang kita mengerti, atau sebenarnya kita mengetahui maksudnya namun tak mampu menjelaskan atau menjabarkannya secara rinci kepada orang lain.

Untuk itu, berikut kami tuliskan daftar istilah dalam bidang ekonomi dalam 75 istilah ekonomi : Aset : kekayaan.Akumulasi : proses penambahan modal (uang tunai, mesin-mesin, dsb.Bankir : orang yang memperdagangkan uang ; cukong.Bank : kantor penyimpanan, perkreditan keuangan.Banker : direktur bank.Barter : perdagangan dengan saling menukar barang.Bonanza : sumber rejeki (keuntungan, kebahagiaan).Bonus : honor tambahan di luar gaji (uang ekstra).Brankas : lemari tempat menyimpan uang, barang-barang berharga.Bursa : tempat memperjualbelikan saham.Butik : toko yang menjual barang…

67 Istilah Pertanian Lengkap

Dalam bidang pertanian dikenal banyak istilah pertanian yang biasa diterapkan dalam kalimat yang tentunya berhubungan dengan dunia pertanian. Namun, meski kita sering mendengar dan tahu maksud istilah tersebut, saat kita ditanya dan disuruh mendeskripsikan ternyata kesulitan. Untuk itu, kali ini Enjangcom akan memberikan informasi tentang istilah-istilah dalam bidang pertanian dan penjelasannya. Istilah-istilah tersebut kami rangkum dalam 67 istilah pertanian, selengkapnya sebagai berikut : Agrobisnis : melakukan usaha perdagangan dalam bidang hasil-hasil pertanian.Agraria : urusan pertanian atau tanah pertanian.Airdas : pengairan dasar.Amubu : alat memupuk dan menabur.Amuru : alat memupuk dan menggaru.Apiani : peternak lebah.Agrisilvikultur : pertanian rakyat yang dilakukan di areal kehutanan.Agroindustri : industri di bidang pertanian.Ammonifikasi : proses peruraian bahan organik oleh mikro-organisme menjadi amoniak.Benih : bibit tanaman yang akan ditebar, diternak, dan lain-lain.Da…

7 perbedaan koperasi dengan badan usaha lain

7 perbedaan koperasi dengan badan usaha lain. Selain koperasi, ada beberapa badan usaha lain yang bergerak dalam bidang ekonomi, antara lain toko, firma, persekutuan komanditer (CV), dan perseroan Terbatas (PT). Usaha yang dilakukan koperasi berbeda dengan yang dilakukan badan usaha lain tersebut.
Perbedaan koperasi dengan badan usaha lain ada tujuh, yang tentu saja jika dibandingkan lebih menguntungkan koperasi, perbedaan yaitu sebagai berikut :
NoKoperasiBadan Usaha Lain1Mengutamakan kesejahteraan anggotaMengutamakan kepentingan perusahaan2Keanggotaan bersifat sukarelaKeanggotaan terbatas3Modal dari simpanan anggotaModal dari penjualan saham, perorangan, atau kelompok4Berbadan hukumAda yang tidak berbadan hokum5Pengurus dipilih anggotaPengurus ditentukan oleh pemegang saham6Terdapat pembagian SHU menurut jasa anggotaTidak ada pembagian SHU7Keuangan bersifat terbukaKeuangan bersifat tertutup
Dari, ketujuh perbedaan tersebut, mungkin anda terdorong untuk mendirikan usaha koperasi? Jika…