• About
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact

BELAJAR BERSAMA

Info Terkini tentang Dunia Teknik dan Perkembangan Pendidikan Teknik Informasi dan komputer pelajaran tips trik bahasa pemrograman Teknologi

  • Home
  • Menu1
    • Submenu1
    • Submenu2
    • Submenu3
    • Submenu4
  • Menu2
    • Submenu1
    • Submenu2
  • Menu3
  • Menu4
  • Menu5
  • Menu6
Home » tips blogspot » Cara Membuat Artikel Terkait Di dalam Postingan Terbaru

Cara Membuat Artikel Terkait Di dalam Postingan Terbaru

Pada topik cara memasang related post / artikel terkait pada blogger yang saya sajikan untuk anda yaitu related post berada di dalam artikel blog.

Nah tentunya dengan penampilan yang bisa dikatakan baru ini, akan mudah dilihat oleh pengunjung untuk mencari artikel yang akan mereka cari / dibaca.

Di samping Contoh tampilan Related Post / artikel terkait di lokasi postingan.


Berikut langkah-langkah Cara Membuat Artikel Terkait
1. Masuk ke Dasboard
2. Pada menu Design => Edit Html
3. Backup dulu template anda => centeng Expand widget template
4. Cari kode </head> dan letakkan kode script dibawah ini di atas kode </head>

<script type='text/javascript'>
//&lt;![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i &lt; json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i &lt; relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j &lt; a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
while (i &lt; relatedTitles.length &amp;&amp; i &lt; 20) {
document.write(&#39;&lt;li&gt;&lt;a href=&quot;&#39; + relatedUrls[r] + &#39;&quot;&gt;&#39; + relatedTitles[r] + &#39;&lt;/a&gt;&lt;/li&gt;&#39;);
if (r &lt; relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
}
//]]&gt;
</script>5. Kemudian cari kode <div class='entry entry-content'>
6. Lalu copy kode di bawah ini dan letakkan di bawah kode <div class='entry entry-content'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;'>
<div class='related-posts'>
<p>TERKAIT :</p>
<ol>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
</b:if>
</b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</ol>
</div>
</div>
</b:if>
7. Selesai, simpan template anda
Nah sekarang anda sudah punya Related post / artikel terkait pada blog anda, tapi untuk tampil lebih keren dan lebih menarik, saya akan beri tambahan sedikit sentuhan kode css,caranya yaitu :
- Cari kode ]]></b:skin>
- Lalu copy kode dibawah ini dan letakkan sebelum kode ]]></b:skin>

.related-posts {
border:1px solid #ddd;
background:#D8DFEA;
font-weight:bold;
width: 80%;
float:right;
}
.related-posts p {
margin:5px 10px 5px;
}
.related-posts ol {
font-weight:normal;
margin:0 0 0 25px;
}
.related-posts li {
margin-bottom: 2px;
}
Begitulah Tips Cara Membuat Artikel Terkait semoga bermanfaat untuk anda dan selamat mencoba.
Posted by A-Z on - Rating: 4.5
Title : Cara Membuat Artikel Terkait Di dalam Postingan Terbaru
Description : Pada topik cara memasang related post / artikel terkait pada blogger yang saya sajikan untuk anda yaitu  related post berada di dalam ...

Share to

Facebook Google+ Twitter

1 Response to "Cara Membuat Artikel Terkait Di dalam Postingan Terbaru"

  1. UnknownJune 1, 2013 at 6:29 AM

    thanks infonya gan ... semoga sukses

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

Post Populer

  • Cara Menjadi Nomor 1 di Mesin Pencari Google
    Cara Agar Pstingan/Artikel Blog Menjadi Nomor 1 di Mesin Pencari Google. Setelah anda mendaftarkan Blog anda di Mesin Pencari google, lang...
  • Tutorial Cara Mendeteksi dan Menanggulangi Virus VBS/VBE
    Tutorial Cara Mendeteksi dan Menanggulangi Virus VBS/VBE - Virus VBE atau juga sering disebut virus VBS pada saat ini masih merupakan virus...
  • Kumpulan 15 Materi Motivasi Dalam Bentuk PPT dan Word
    Kumpulan 15 Materi Motivasi Dalam Bentuk PPT dan Word . Kali ini sahabat Bloger Belajar bersama membagikan info tentang motivasi Pembelajara...
  • Tips Instalsi Server ( 1 cpu multi monitor ) Double
    Cara Instalsi Server ( 1 cpu multi monitor ) Double click setupserver.exe Next ==> next hingga finish Kemudian sebelum finish silahkan ce...
  • ANIMASI LENGKAP TAMPILAN POWER POINT CANTIK DAN KEREN
    Kali ini kita akan melihat berbagai animasi yang akan mempercantik tampilan power pion anda, Silahkan pilih dan coment yach di bawah. bila a...
  • Tutorial rangkaian Ring Counter Teknik digital UNM PTIK 06
    BAB 1 PENDAHULUAN Counter merupakan rangkaian logika pengurut, karena counter membutuhkan karakteristik memori, dan pewaktu memegan...
DMCA.com Instagram
Copyright © 2012 BELAJAR BERSAMA - All Rights Reserved
Design by Mas Sugeng - Blogger Templates - Powered by Blogger