Cara Memasang Multi Related Post di Postingan

Cara Memasang Multi Related Post di Postingan

Cara Memasang Multi Related Post di Postingan - Hallo sahabat Blog Atom Feeds, Pada Artikel yang anda baca kali ini dengan judul Cara Memasang Multi Related Post di Postingan, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogger, Artikel SEO Blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.



Judul : Cara Memasang Multi Related Post di Postingan
link : Cara Memasang Multi Related Post di Postingan

Baca juga


Cara Memasang Multi Related Post di Postingan


Selamat siang sahabat bloger.

Kalian pasti pernah mengunjungi suatu blog terkenal seperti blognya Mastimon, Arlinadzgn, Mbak Igniel atau malah pernah lihat di blog saya yang ini, Apa itu Multi Related Post?

Sama halnya dengan Artikel Terkait, Multi Related Post juga menampilkan Judul artikel pada halaman artikel yang sedang dibaca, Artikel yang muncul pada Multi Related Post adalah jenis udul artikel yang sama Labelnya dengan artikel yang sedang dibaca atau sedang dibuka, karena sistemnya sama dengan artikel terkait.

Q: Apa saja yang membedakan Artikel terkait dengan Multi Related Post?
A: Pada dasarnya sama saja, yang membedakannya adalah, jika artikel terkait hanya muncul sekali pada halaman Artikel yang sedang dibaca dengan sekaligus atau muncul 3 sampai 5 artikel.
sedangkan Multi Related Post Sama halnya dengan artikel terkait Multi Related Post juga menampilkan Judul artikel yang kategori atau labelnya sama dengan artikel yang dibaca atau dibuka, tetapi munculnya secara terpisah setelah beberapa pharagraf tertentu secara Random atau Acak dan judul artikelnya bisa di seting sesuai jumblah yang diinginkan.

Oke langsung saja ke Tahap cara membuat Multi Related Post.

Buka Halaman Bloger kemudian > Klik Tema kemudian Kemudian > Klik EDIT HTML > dan tambahkan kode CSS berikut sebelum kode </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>


Selanjutnya Cari kode <data:post.body/> Jika kalian banyak menemukan kode <data:post.body/> pilih saja kode yang paling tengah.

<b:if cond='data:view.isPost'><script type='text/javascript'>//<![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/javascript'>//<![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="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})(); //]]></script></b:if>

Keterangan:
var jumlah = 4 (isi sesuai yang kamu mau)
Also read (ganti juga sesuai yang kamu mau

langkah terakhir tinggal klik tombol Simpan Tema.


Semoga artikel ini bisa membantu kalian semua dan jika ada kesalahan atau belum mengerti, silahkan tanyakan pada kolom komentar.



Demikianlah Artikel Cara Memasang Multi Related Post di Postingan

Sekianlah artikel Cara Memasang Multi Related Post di Postingan kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Memasang Multi Related Post di Postingan dengan alamat link http://www.homesifery.online/2019/02/cara-memasang-multi-related-post-di.html
Baca Juga
SHARE

Related Posts

Subscribe to get free updates

Post a Comment