Cara Memasang Artikel terkait (Related Post) dengan Scroll A Z K A V E I R O: Cara Memasang Artikel terkait (Related Post) dengan Scroll
2

Cara Memasang Artikel terkait (Related Post) dengan Scroll

Share on :

Ada banyak cara untuk mengoptimalkan halaman blog, diantaranya dengan Membuat Artikel Terkait dengan Scroll dan penempatannya dibawah postingan. Sebenarnya fungsi scroll ini sudah pernah saya bahas sebelumnya, namun berbeda konteks dan fungsinya yaitu membuat arsip blog dengan scroll. Dengan memasang artikel terkait dalam setiap postingan blog kita,maka serp setiap postingan kita akan mendapat tempat yang bagus di mesin pencari seperti google, selain itu, dengan kita memasang artikel terkait di bawah postingan maka pageview atau trafik blog kita akan semakin tinggi.

Disamping itu dengan memasang Artikel Terkait di blog akan lebih memudahkan lagi bagi para visitor blog membaca dan melihat artikel-artikel yang berhubungan dengan artikel yang dibaca. Nah sekarang bagaimana, tertarik menerapkannya kedalam blog Anda ? tentu duonk, oh iya untuk contohnya Anda bisa melihat seperti punya saya. Ok, sekarang untuk membuatnya silahkan Anda perhatikan penjelasan dibawah ini :

1. Login ke akun blog
2. Selanjutnya edit HTML lalu centang Expand Template Widget dan jangan lupa download template untuk berjaga-jaga jika terjadi kesalahan.
3. Kemudian carilah kode berikut ini (gunakan ctrl+f untuk mempermudah pencarian)

<data:post.body/>

4. Jika sudah letakkan kode di bawah ini tepat di bawah kode <data:post.body/>
[ setiap template blog berbeda-beda, seperti template blog ini memiliki 4 <data:post.body/> ] 
coba letakkan kode setelah kode yang kedua. atau tepatnya diantara <data:post.body/> dan <div style='clear: both;'/> <!-- clear for photos floats --> . 
Jangan takut salah dulu sob, coba tes satu-satu klo diletakkan di <data:post.body/> yang kedua ga bisa coba di <data:post.body/> yang selanjutnya.


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div style='border: 0px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 300px; background-color: #fcf7f7;'>
<div class='widget-content'>
<h3>Artikel Terkait Lainnya :</h3>
<div id='data2007'/><br/><br/>
<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('data2007').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>
</div>
</div>
</div>
</b:if>

Sesuaikan kode yang berwana merah dan biru dengan blog Anda, (Untuk melihat kode warna silahkan klik disini)

7. Klik pratinjau sebelum disave

PPC Iklan Blogger Indonesia

Ditulis Oleh : Azka Latif Noor ~ Tips dan Trik Blogspot

Azka Latif Noor Sobat sedang membaca artikel tentang Cara Memasang Artikel terkait (Related Post) dengan Scroll. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

2 komentar:

Ramzi mengatakan...
Reply

script ini belum pernah aku pasang di blog
terima kasih mas bro atas sharingnya

syaefudin mengatakan...
Reply

terima kasih atas informasi serta ilmunya
sangat berguna dan bermanfaat
semoga yang lain uga dapat memanfaatkanya yah

Posting Komentar

BLOG INI DOFOLLOW .
Silahkan tinggalkan komentar dan kritik sobat, tapi mohon jangan SPAM ya..!
Komentar SPAM akan di HAPUS oleh admin.
Komentar yang membangun sangat dibutuhkan oleh blog ini.
Terima Kasih.

Back to Top