Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasang Multi Artikel Terkait Dalam Postingan Blog

Hai teman. Saya Khalis. Pada kesempatan kali ini saya menyambut semua orang ke situs web saya Sumekar31. Semua tips yang akan saya sampaikan hari ini akan sangat bermanfaat bagi semua orang. Teman Anda memiliki situs web. Dan Anda melakukan banyak hal untuk memeringkatnya setiap hari. Desain seperti ini Agar pengunjung Anda tidak memiliki masalah membaca posting Anda. Dan dia bisa membaca postingan situs Anda sebanyak mungkin. Topik Hari Ini kami sedang membahas Cara Memasang Multi Artikel Terkait dalam Posting Blog Blogger.

Cara Memasang Multi Artikel Terkait Dalam Posting Blog

Teman, Anda tahu bahwa ketika Anda menulis konten apa pun, maka Anda melihat posting yang sama terkait dengan posting yang sama di situs Anda. Teman, Anda tahu bahwa ketika Anda menulis konten apa pun, maka Anda melihat posting yang sama terkait dengan posting yang sama di situs Anda.

Wilayah terbesarnya adalah Pengunjung sekarang tidak membaca seluruh konten. Karena itu dia tidak turun ke konten. Dan karena ini, pos terkait tidak dapat mencapai acara di situs Anda.

✍️✍️✍️✍️✍️✍️✍️

Saya akan memberi Anda tips yang dapat Anda gunakan untuk secara otomatis menampilkan tautan posting di 4 tempat di semua posting Anda. Jadi mari kita mulai sekarang. Dan memberi tahu Anda cara menambahkannya.

✍️✍️✍️✍️✍️✍️✍️✍️

Cara Memasang Multi Artikel Terkait di Blog

Pertama-tama saya memberikan gambar di bawah ini. Lihat foto ini. Dengan cara ini Anda akan muncul di semua konten Anda.


 ✓ Apakah Anda melihat semua? Sekarang beri tahu saya caranya? Apakah Anda menyukai widget ini? Jika jawabannya ya maka ikuti langkah di bawah ini ...........

Dan satu hal untuk semua, saya ingin memberi tahu Anda jika Anda ingin mengetahui informasi tentang artikel baru di email Anda, maka Berlangganan ke situs saya sekarang. Sehingga informasi dari setiap konten baru segera tersedia ......

Cara Menampilkan Multi Artikel Terkait dalam Posting Blogger


Jadi teman. Silakan ikuti Langkah 👇

✓ Pertama, Anda pergi ke blogger.com

✓ Sekarang cukup klik Opsi tema.

✓ klik Edit / Html

✓ Sekarang Anda akan melihat kotak penuh kode di depan Anda. Sekarang Anda dapat di mana saja dengan menyentuh dengan mouse. Dan ketik ctrl + f

✓ Sekarang kotak pencarian akan terbuka di depan Anda.

✓ Sekarang cari di dalam kotak ini </head> tag.

✓ Cukup SALINKAN KODE DI BAWAH ini dan rekatkan tag di atas </head> 👇

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style type='text/css'>
/* Multi Related Post */
.gourabdesignmultiRelated{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}
.gourabdesignmultiRelated:hover{background-color:#222}
.gourabdesignmultiRelated .content{padding:12px 15px}
.gourabdesignmultiRelated .content .text{margin-right:5px}
.gourabdesignmultiRelated .content a{color:#fff;text-decoration:none;line-height:1.5em}
.gourabdesignmultiRelated .content a:hover{text-decoration:underline}
.gourabdesignmultiRelated .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>

===============================

✓ Pencarian selanjutnya <data: post.body /> tag

✓ Salin kode yang sama di bawah ini dan tempel tag <data: post.body /> di bawah ini 👇

<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'] = 'gourabdesignmultiRelated';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 gourabdesignmultiRelated() {var text = 'Also read :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.gourabdesignmultiRelated');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>


============================

Ingatlah :-

✍️ jumla = 4: - Ubah nomor 4 untuk menentukan jumlah konten yang ditampilkan.

✍️ var text = 'Also read': - Ubah Kata Juga baca yang Anda inginkan ...

==============================

TERAKHIR SIMPAN TEMPLATE ......... 😉 Sekarang Anda mengunjungi situs Anda. Dan periksa apakah bekerja dengan baik?.

===============================

Jadi teman-teman, saya harap Anda semua menyukai tip ini. Jika jawabannya ya, maka bagikan di media sosial ..... Terima kasih.

Akhir Kata

Terima kasih teman-teman telah mengunjungi Sumekar31 dan telah membaca artikel Cara Memasang Multi Artikel Terkait Dalam Postingan Blogger ini. Silakan terus kunjungi situs ini untuk lebih banyak artikel dan informasi baru. Sampai nanti selamat tinggal. Semoga harimu indah dan menyenangkan.
Menarik untuk Anda