Cara Menciptakan Related Post 5 Menit

Cara Membuat Related Post 5 Menit – Seseorang khususnya pemilik blog tentu saja ingin blog nya mempunyai navigasi yang lengkap dan temlpate yang cantik semoga sanggup menciptakan seseorang untuk “Mampir Ngopi”. 😀 Selain itu tentu saja seorang blogger ingin mempunyai elemen elemen tertentu seperi artikel terkait, daftar isi DLL.

Pada kesempatan kali ini saya akan pertanda bagaimana Cara Membuat Artikel terkait atau Related post pada Blog.

Artikel terkait atau Related Post Ini merupakan salah satu Nyawa yang terdapat dalam template blog, bila tidak ada Elemen ini dalam blog rasanya niscaya ,menyulitkan sekali, apalagi Kalau blog tersebut Blog Baru.

Trik nya sama ibarat membuat read more otomatis dengan gambar dan cara menghilangkan readmore di beberapa halaman pada postingan sebelumnya. dan tentu saja sangat gampang alasannya yakni ini juga Work Dengan Template Blog saya yang mempunyai Sistem HTML google terbaru.

Langsung saja, berikut tutorial Cara Membuat Related Post :

Catatan : Anda harus cermat dan teliti mengikuti setiap langkah yang dijelaskan, jikalau anda tidak cermat, kemungkinan template artikel terkait tidak akan muncul di blog anda. Saya sarankan Backup Template anda Terlebih Dahulu Seperti pada gambar.

1. Masuk Ke Blogger dengan akun Google anda

2. Klik Menu “Template” Kemudian ada pilihan antara Sesuaikan dan Edit HTML. Klik di “Edit HTML”

3.Tekan CTRL+F/Search pada kotak HTML dan cari instruksi </head>

4. Jika Sudah menemukan instruksi </head> lalu Copy/Pastekan Kode dibawah ini sempurna diatas instruksi tersebut.Bila anda menjumpai beberapa instruksi </head>, anda pilih saja instruksi yang pertama.

<script type=”text/j4vascript”>

//<![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. Setelah itu, cari instruksi <data:post.body/> Menggunakan Search/CTRL+F, dan jikalau sudah ketemu lalu copy pastekan instruksi dibawah ini sempurna dibawah instruksi <data:post.body/>.

Penting : Biasanya terdapat 3 hingga 4 instruksi <data:post.body/>. sobat pilih saja instruksi <data:post.body/> yang terakhir. jikalau ada 3 ya yang ketiga, jikalau ada 4 ya yang ke empat.

<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/j4vascript’/>

</b:if>

</b:loop>

</b:if>

<b:if cond=’data:blog.pageType == “item”‘>

<h4>Artikel Terkait</h4>

<script type=”text/j4vascript”>

removeRelatedDuplicates();

printRelatedLabels();

</script>

</b:if>

7. Simpan Template dan Lihat Hasilnya. Reload salah satu halaman Artikel Sobat. Maka Cara Membuat Related Post akan berhasil.

Berikut Video Tutorialnya

 

Jika Nanti Cara Membuat Related Post Berhasil, Maka ScreenShot nya Seperti dibawah ini :

Baca Juga Membuat Tombol Join The Site dengan CSS Responsif

Sekian Tutorial Cara Membuat Related Post, Semoga berhasil ya sob. sering-sering mampir untuk mendapat artikel yang berguna. Sekian dari saya.

Terima Kasih Telah Berkunjung

Copyright by: Blog Riski Oktovan

Sumber https://dewailmu.id

Share this post

Berlangganan update artikel terbaru via email: