Cara memasang Artikel terkait keren di Blogger

Bookmark and Share
Cara memasang Artikel terkait – Memuaskan pengunjung blog adalah harapan semua pemilik blog, tak terkecuali saya. Cara membuat betah pengunjung di blog mungkin sudah anda lakukan dengan berbagai cara . Salah satu cara membuat betah pengunjung di blog adalah dengan memeasang Artikel terkait di blog kita. sehingga para pembaca dapat menemukan artikel yang sejenis dengan apa yang dicarinya. Sudah banyak sekali widget yang bertebaran tentang cara memasang artikel terkait di blog , salah satu yang pernah saya gunakan adalah dengan menggunakan widget linkwithin. Ternyata widget tersebut memiliki beberapa kekurangan menurut saya, salah satunya adalah terkadang muncul link rusak, sehingga para pembaca tidak dapat menemukan salah satu artikel di blog kita. Setelah beberapa lama saya menjelajah, akhirnya saya menemukan salah satu cara memesang artikel terkait khusus di blog platform blogger. terima kasih tuk agan  antigaptek yang telah memberikan tutorial lengkapnya.
Berikut ini cara memasang artikel terkait di blogger :
Masuk blogger > rancangan > edit html > centang expand template widget
cari kode </head> kemudian letakkan script di bawah ini tepat di atas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
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 < 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 < 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;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>
Kemudian cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Langkah terakhir adalah klik simpan template dan lihat hasilnya,
Dibawah ini adalah contoh gambar artikel terkait dengan menggunakan cara tersebut
artikel terkait
sangat mudah sekali membuat artikel terkait di blog. Beberapa kelebihan menggunakan cara diatas adalah tidak menampilkan artikel terkait berdasarkan label yang terkadang terlihat sangat panjang dan kurang menarik, selain itu loading blog juga menjadi lebih cepat. Semoga bermanfaat

{ 0 komentar... Views All / Send Comment! }

Posting Komentar