Cara Pasang Script Aba-Aba Related Post Atau Artikel Terkait Di Bawah Postingan
Jika anda yakni seorang blogger yang mencari arahan atau script untuk related post dan artikel terkait, maka disini aku akan menunjukkan arahan script artikel terkait / related post yang clasic yang biasa di gunakan oleh para blogger.
Jika dilihat maka Termasuk tampilan artikel terkait yang aku gunakan ketika ini.
Banyak sekali script atau arahan related post yang bertebaran di internet. Ada yang bergambar, ada yang bergaris miring, ada yang di tengah artikel, ada juga yang memakai artikel terkait dengan menampilkan gambar oval. Ada yang bergambar link kotak,ada yang kotak panjang mirip video dan masih banyak lagi.
Di samping itu berbagai yang menampilkan kelebihan dan kekuranganya masing-masing.
Namun disini aku akan menjelaskan script atau arahan artikel terkait yang cukup sederhana. Tidak menciptakan berat ketika loading jikalau di tampilkan di handphone atau gadget yang versi bawah.
Namun kembali lagi pada cita-cita sahabat untuk menampilkan jenis script/kode yang diminati, sudah banyak yang menunjukkan tutorial cara pemasangan arahan script RELATED POST.
Apa laba memasang related post / artikel terkait??
Jika sahabat blogger belum tau apa itu manfaat dari related post/artikel terkait, maka aku akan menjelaskan dari related post tersebut.
- Manfaaat dari memasang arahan atau script related post/artikel terkait yaitu untuk memaksimalkan page view yang berafiliasi dengan postingan tersebut yang masih satu label.
Makara setiap blogger akan merasa terbantu dan mencicipi manfaat dari pemasangan script related post ini. Seperti Untuk memaksimalkan dan menambah daya tarik visitor/pengunjung untuk membaca artikel selanjutnya yang masih satu label.
Bisa di katakan pemasangan artikel terkait ini meningkatkan jumlah PAGE VIEW (PV).
Jika sahabat blogger menginginkan dan meningkatkan PV blog sobat. Maka sahabat perlu menambahkan arahan script untuk menampilkan RELATED POST / ARTIKEL TERKAIT tersebut untuk meningkatkan jumlah Page view pada blog.
Karena dalam penerapan / pemasangan artikel terkait/related post menunjukkan efek yang sangat baik bagi blogg sobat.
Lihat rujukan gambar.
Langkahnya sangat gampang sekali..
Silakan ikuti step by step langkah berikut ini :
1. Login ke blog terlebih dahulu
2. Pilih theme
3. Edit HTML
4. Cari arahan di bawah ini
</head>Silakan gunakan CTRL+F untuk mencari arahan tersebut pada kolom pencarian.
5. Jika sudah ketemu kode </head>.
Silakan copy dan pastekan arahan di bawah ini sempurna di atas </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>
6. Silakan save
Sampai sini belum menampilkan related post. Maka sahabat harus cari kode
<data:post.body/>Silakan gunakan CTRL+F untuk mencari arahan <data:post.body/>.
Jika sudah ketemu biasanya ada 3 arahan tersebut. Silakan gunakan yang pertama. Atau dapat anda gunakan arahan di bawahnya yang ke 2 atau 3.
Langkah selanjutnya silakan sahabat copy dan pastekan arahan di bawah ini sempurna di bawah arahan <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&callback=related_results_labels&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>
Jika sudah silakan SAVE.
Keterangan
1. Silakan ganti goresan pena artikel terkait dengan goresan pena yang anda inginkan.
Misal:
-silakan baca postingan
-related post
-artikel yang di sarankan untuk anda
-dll
2. Silakan ubah max-result=5 dengan jumlah postingan yang anda ingin tampilkan. Misal dapat ubah dengan 7 sampai 10.
Nah itulah cara memasang script / arahan artikel terkait.
Sangat gampang bukan??
Semoga bermanfaat..