Saturday, October 21, 2017

√ 5 Cara Menciptakan Multi Related Post Otomatis Di Postingan Blogger

komputerdia.com - Automatic Multi related post atau dalam bahasa indonesia dikenal dengan istilah " Multi Artikel Terkait Otomatis" merupakan salah satu cara atau teknik yang sanggup kalian lakukan untuk menciptakan SEO onpage pada blog yang kalian kelola.

Pada dasarnya di Blogger pun kita sanggup menambahkannya dengan menambahkan link tersebut di dalam postingan secara manual, namun akan sedikit dibentuk repot dan cukup menyita waktu kalian kalau setiap kali kita menciptakan postingan.

Dengan memasang script multi artikel terkait otomatis pada blog, kalian tidak perlu lagi melaksanakan pembuatan artikel terkait secara manual, namun artikel terkait ini secara otomatis akan terbentuk dengan sendirinya sesuai dengan label atau kategori yang sama pada artikel tersebut

Baca Juga Artikel Menarik Lainnya:

 Automatic Multi related post atau dalam bahasa indonesia dikenal dengan istilah  √ 5 Cara Membuat Multi Related Post Otomatis di Postingan Blogger

Membuat Fungsi Multi Artikel Terkait Otomatis di Blog

A. Style Multi Artikel Terkait 1

 Automatic Multi related post atau dalam bahasa indonesia dikenal dengan istilah  √ 5 Cara Membuat Multi Related Post Otomatis di Postingan Blogger
  • Pertama, kalian masuk ke akun blogger lalu pilih sajian Tema dan klik tombol Edit HTML
  • Cari isyarat </head> dan letakkan isyarat dibawah ini sempurna diatas isyarat </head>
<b:if cond='data:blog.pageType != &quot;index&quot;'> <style type='text/css'> /* Multi Related Post */ .arldzgnMultiRelated{background-color:#2a2a2a;color:#fff;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;transition:all .3s} .arldzgnMultiRelated:hover{background-color:#222} .arldzgnMultiRelated .content{padding:12px 15px} .arldzgnMultiRelated .content .text{margin-right:5px} .arldzgnMultiRelated .content a{color:#fff;text-decoration:none;line-height:1.5em} .arldzgnMultiRelated .content a:hover{text-decoration:underline} .arldzgnMultiRelated .icon{height:auto;min-width:55px;background:#f44336 url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z&#39; fill=&#39;%23fff&#39;/%3E%3C/svg%3E&quot;) center / 40px no-repeat;transition:all .3s} </style> </b:if>
  • Langkah selanjutnya, cari kode <data:post.body/> dan letakkan isyarat di bawah ini sempurna dibawah kode <data:post.body/>
  • Jika terdapat banyak kode <data:post.body/> , silahkan kalian cari isyarat tersebut pada bab tag kondisional postingan seperti <b:if cond='data:view.isPost'> … </b:if> atau <b:if cond='data:blog.pageType == "item"'> … </b:if>
<b:if cond='data:view.isPost'> <script type='text/j4vascript'> //<![CDATA[ // Multi Related Post (function() {var jumlah = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1); for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'arldzgnMultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})(); var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}} function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx} function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false} //]]> </script>   <b:if cond='data:post.labels'>     <b:loop values='data:post.labels' var='label'>       <b:if cond='data:view.isPost'>         <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>       </b:if>     </b:loop>   </b:if> <script type='text/j4vascript'> //<![CDATA[ (function arldzgnMultiRelated() {var text = 'Also read :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.arldzgnMultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="√ 5 Cara Membuat Multi Related Post Otomatis di Postingan Blogger">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})(); //]]> </script> </b:if>
  • Keterangan Script
  1. Untuk angka 4 (yang di blok warna merah) silahkan kalian ganti dengan banyaknya jumlah artikel terkait yang akan muncul di dalam setiap postingan
  2. Untuk goresan pena Also Read (yang di blok warna merah) silahkan kalian ganti dengan goresan pena yang kalian inginkan

B. Style Multi Artikel Terkait 2

 Automatic Multi related post atau dalam bahasa indonesia dikenal dengan istilah  √ 5 Cara Membuat Multi Related Post Otomatis di Postingan Blogger
  • Pertama, kalian masuk ke akun blogger lalu pilih menu Tema dan klik tombol Edit HTML
  • Cari kode </head> dan letakkan isyarat dibawah ini sempurna diatas kode </head>
<b:if cond='data:blog.pageType != &quot;index&quot;'> <style type='text/css'> /* Multi Related Post */ .arldzgnMultiRelated{color:#0984e3;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;border:1px solid rgba(0,0,0,0.2);transition:all .3s} .arldzgnMultiRelated .content{padding:12px 15px} .arldzgnMultiRelated .content .text{margin-right:5px} .arldzgnMultiRelated .content a{color:#000;text-decoration:none;line-height:1.5em} .arldzgnMultiRelated .icon{height:auto;min-width:55px;background:transparent url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z&#39; fill=&#39;%23000&#39;/%3E%3C/svg%3E&quot;) center / 40px no-repeat;border-left:1px solid rgba(0,0,0,0.2);transition:all .3s} .arldzgnMultiRelated:hover .icon,.arldzgnMultiRelated .content a:hover{color:#0984e3} </style> </b:if>
  • Langkah selanjutnya, cari kode <data:post.body/> dan letakkan isyarat di bawah ini sempurna dibawah kode <data:post.body/>
  • Jika terdapat banyak kode <data:post.body/> , silahkan kalian cari isyarat tersebut pada bab tag kondisional postingan seperti <b:if cond='data:view.isPost'> … </b:if> atau <b:if cond='data:blog.pageType == "item"'> … </b:if>
<b:if cond='data:view.isPost'> <script type='text/j4vascript'> //<![CDATA[ // Multi Related Post (function() {var jumlah = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1); for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'arldzgnMultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})(); var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}} function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx} function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false} //]]> </script>   <b:if cond='data:post.labels'>     <b:loop values='data:post.labels' var='label'>       <b:if cond='data:view.isPost'>         <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>       </b:if>     </b:loop>   </b:if> <script type='text/j4vascript'> //<![CDATA[ (function arldzgnMultiRelated() {var text = 'Also read :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.arldzgnMultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="√ 5 Cara Membuat Multi Related Post Otomatis di Postingan Blogger">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})(); //]]> </script> </b:if> 
  • Keterangan Script
  1. Untuk angka 4 (yang di blok warna merah) silahkan kalian ganti dengan banyaknya jumlah artikel terkait yang akan muncul di dalam setiap postingan
  2. Untuk tulisan Also Read (yang di blok warna merah) silahkan kalian ganti dengan goresan pena yang kalian inginkan

C. Style Multi Artikel Terkait 3

 Automatic Multi related post atau dalam bahasa indonesia dikenal dengan istilah  √ 5 Cara Membuat Multi Related Post Otomatis di Postingan Blogger
  • Pertama, kalian masuk ke akun blogger lalu pilih menu Tema dan klik tombol Edit HTML
  • Cari kode </head> dan letakkan isyarat dibawah ini sempurna diatas kode </head>
<b:if cond='data:blog.pageType != &quot;index&quot;'> <style type='text/css'> /* Multi Related Post */ .arldzgnMultiRelated{background-color:#eaeaea;color:#000;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;transition:all .3s} .arldzgnMultiRelated:hover{background-color:#e3e3e3} .arldzgnMultiRelated .content{padding:12px 15px} .arldzgnMultiRelated .content .text{margin-right:5px} .arldzgnMultiRelated .content a{color:#000;text-decoration:none;line-height:1.5em} .arldzgnMultiRelated .icon{height:auto;min-width:55px;background:#f5f5f5 url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z&#39; fill=&#39;%23888&#39;/%3E%3C/svg%3E&quot;) center / 40px no-repeat;transition:all .3s} .arldzgnMultiRelated:hover .icon{background-color:#f9f9f9} </style> </b:if>
  • Langkah selanjutnya, cari kode <data:post.body/> dan letakkan isyarat di bawah ini sempurna dibawah kode <data:post.body/>
  • Jika terdapat banyak kode <data:post.body/> , silahkan kalian cari isyarat tersebut pada bab tag kondisional postingan seperti <b:if cond='data:view.isPost'> … </b:if> atau <b:if cond='data:blog.pageType == "item"'> … </b:if>
<b:if cond='data:view.isPost'> <script type='text/j4vascript'> //<![CDATA[ // Multi Related Post (function() {var jumlah = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1); for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'arldzgnMultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})(); var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}} function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx} function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false} //]]> </script>   <b:if cond='data:post.labels'>     <b:loop values='data:post.labels' var='label'>       <b:if cond='data:view.isPost'>         <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>       </b:if>     </b:loop>   </b:if> <script type='text/j4vascript'> //<![CDATA[ (function arldzgnMultiRelated() {var text = 'Also read :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.arldzgnMultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="√ 5 Cara Membuat Multi Related Post Otomatis di Postingan Blogger">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})(); //]]> </script> </b:if> 
  • Keterangan Script
  1. Untuk angka 4 (yang di blok warna merah) silahkan kalian ganti dengan banyaknya jumlah artikel terkait yang akan muncul di dalam setiap postingan
  2. Untuk tulisan Also Read (yang di blok warna merah) silahkan kalian ganti dengan goresan pena yang kalian inginkan

D. Style Multi Artikel Terkait 4

 Automatic Multi related post atau dalam bahasa indonesia dikenal dengan istilah  √ 5 Cara Membuat Multi Related Post Otomatis di Postingan Blogger
  • Pertama, kalian masuk ke akun blogger lalu pilih menu Tema dan klik tombol Edit HTML
  • Cari kode </head> dan letakkan isyarat dibawah ini sempurna diatas kode </head>
<b:if cond='data:blog.pageType != &quot;index&quot;'> <style type='text/css'> /* Multi Related Post */ .arldzgnMultiRelated{background-color:#c0392b;color:#fff;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;transition:all .3s} .arldzgnMultiRelated:hover{background-color:#e74c3c} .arldzgnMultiRelated .content{padding:12px 15px} .arldzgnMultiRelated .content .text{margin-right:5px} .arldzgnMultiRelated .content a{color:#fff;text-decoration:none;line-height:1.5em} .arldzgnMultiRelated .icon{height:auto;min-width:55px;background:rgba(255,255,255,.25) url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z&#39; fill=&#39;%23fff&#39;/%3E%3C/svg%3E&quot;) center / 40px no-repeat;transition:all .3s} .arldzgnMultiRelated:hover .icon{background-color:rgba(255,255,255,.15)} </style> </b:if>
  • Langkah selanjutnya, cari kode <data:post.body/> dan letakkan isyarat di bawah ini sempurna dibawah kode <data:post.body/>
  • Jika terdapat banyak kode <data:post.body/> , silahkan kalian cari isyarat tersebut pada bab tag kondisional postingan seperti <b:if cond='data:view.isPost'> … </b:if> atau <b:if cond='data:blog.pageType == "item"'> … </b:if>
<b:if cond='data:view.isPost'> <script type='text/j4vascript'> //<![CDATA[ // Multi Related Post (function() {var jumlah = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1); for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'arldzgnMultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})(); var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}} function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx} function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false} //]]> </script>   <b:if cond='data:post.labels'>     <b:loop values='data:post.labels' var='label'>       <b:if cond='data:view.isPost'>         <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>       </b:if>     </b:loop>   </b:if> <script type='text/j4vascript'> //<![CDATA[ (function arldzgnMultiRelated() {var text = 'Also read :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.arldzgnMultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="√ 5 Cara Membuat Multi Related Post Otomatis di Postingan Blogger">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})(); //]]> </script> </b:if> 
  • Keterangan Script
  1. Untuk angka 4 (yang di blok warna merah) silahkan kalian ganti dengan banyaknya jumlah artikel terkait yang akan muncul di dalam setiap postingan
  2. Untuk tulisan Also Read (yang di blok warna merah) silahkan kalian ganti dengan goresan pena yang kalian inginkan

E. Style Artikel Terkait 5

 Automatic Multi related post atau dalam bahasa indonesia dikenal dengan istilah  √ 5 Cara Membuat Multi Related Post Otomatis di Postingan Blogger
  • Pertama, kalian masuk ke akun blogger lalu pilih menu Tema dan klik tombol Edit HTML
  • Cari kode </head> dan letakkan isyarat dibawah ini sempurna diatas kode </head>
<b:if cond='data:blog.pageType != &quot;index&quot;'> <style type='text/css'> /* Multi Related Post */ .arldzgnMultiRelated{background:#ffeaa7;color:#000;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;border-left:4px solid #d63031;transition:all .3s} .arldzgnMultiRelated .content .text{margin-right:5px} .arldzgnMultiRelated .content{padding:10px 15px} .arldzgnMultiRelated .content a{color:#000;text-decoration:none;line-height:1.5em} .arldzgnMultiRelated .content a:hover{color:#111;text-decoration:underline} </style> </b:if>
  • Langkah selanjutnya, cari kode <data:post.body/> dan letakkan isyarat di bawah ini sempurna dibawah kode <data:post.body/>
  • Jika terdapat banyak kode <data:post.body/> , silahkan kalian cari isyarat tersebut pada bab tag kondisional postingan seperti <b:if cond='data:view.isPost'> … </b:if> atau <b:if cond='data:blog.pageType == "item"'> … </b:if>
<b:if cond='data:view.isPost'> <script type='text/j4vascript'> //<![CDATA[ // Multi Related Post (function() {var jumlah = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1); for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'arldzgnMultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})(); var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}} function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx} function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false} //]]> </script>   <b:if cond='data:post.labels'>     <b:loop values='data:post.labels' var='label'>       <b:if cond='data:view.isPost'>         <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>       </b:if>     </b:loop>   </b:if> <script type='text/j4vascript'> //<![CDATA[ (function arldzgnMultiRelated() {var text = 'Also read :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.arldzgnMultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="√ 5 Cara Membuat Multi Related Post Otomatis di Postingan Blogger">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})(); //]]> </script> </b:if> 
  • Keterangan Script
  1. Untuk angka 4 (yang di blok warna merah) silahkan kalian ganti dengan banyaknya jumlah artikel terkait yang akan muncul di dalam setiap postingan
  2. Untuk tulisan Also Read (yang di blok warna merah) silahkan kalian ganti dengan goresan pena yang kalian inginkan
  • Selesai, dan biar bermanfaat untuk kalian semuanya

Sumber http://www.komputerdia.com