Skip to content Skip to sidebar Skip to footer
Home / All Tips / Blogger / Tutorial

Cara Membuat Related Post Di Tengah Postingan

Posted by Fighaz Mc Post a Comment
Cara Membuat Related Post Di Tengah Postingan
Cara Membuat Related Post Di Tengah Postingan


Membuat Related Post

Cara Membuat Related Post Di Tengah Postingan -  Related Post adalah fitur yang memungkinkan kamu untuk menampilkan artikel terkait di tengah-tengah postingan di website atau blog.

Fitur ini sangat berguna karena dapat meningkatkan interaksi pembaca dengan konten kamu serta memperpanjang waktu kunjungan pembaca di website atau blog kamu.

Manfaat Related Post

Related Post memiliki manfaat yang sangat penting untuk meningkatkan performa blog. Beberapa manfaat dari Related Post adalah:

1. Meningkatkan Jumlah Pageview

Dengan menampilkan post terkait di tengah postingan, pengunjung akan lebih tertarik untuk membaca post lain yang relevan, sehingga jumlah halaman yang dilihat akan meningkat.

2. Meningkatkan waktu tinggal pengunjung di blog

Pengunjung akan cenderung lebih lama tinggal di blog jika mereka menemukan post-post terkait yang menarik perhatian mereka, sehingga meningkatkan waktu tinggal pengunjung di blog.

3. Meningkatkan engagement pengunjung

Dengan menampilkan post terkait, pengunjung akan lebih terlibat dan aktif dalam membaca dan menjelajahi blog, sehingga meningkatkan engagement atau keterlibatan pengunjung dengan blog. Dengan begitu, peluang untuk mendapatkan pembaca setia dan meningkatkan traffic blog juga semakin besar.

Cara Membuat Related Post Di Tengah Postingan

Untuk membuat related post di tengah postingan, kamu bisa menggunakan beberapa cara berikut ini.

1. Memilih Plugin Related Post Yang Tepat

Untuk membuat Related Post di tengah postingan, kamu bisa menggunakan plugin yang bisa memudahkanmu dalam menampilkan post terkait.

Ada banyak pilihan plugin Related Post yang bisa kamu pilih, tergantung dari fitur yang kamu butuhkan.

Namun, sebelum memilih plugin, pastikan plugin tersebut kompatibel dengan platform blog yang kamu gunakan.

Beberapa plugin Related Post yang populer di antaranya adalah YARPP (Yet Another Related Posts Plugin), Jetpack, Related Posts for WP, dan Contextual Related Posts.

Setelah memilih plugin yang tepat, kamu bisa mengatur tampilan dan jumlah post yang ingin ditampilkan.

Jangan lupa untuk mengoptimalkan tampilan Related Post agar lebih menarik dan relevan dengan tema blog kamu.

Dengan begitu, pengunjung akan lebih tertarik untuk membaca post terkait dan menghabiskan lebih banyak waktu di blog kamu.

2. Menambahkan Kode HTML Untuk Menampilkan Related Post

Untuk menambahkan Related Post di tengah postingan blog kamu, kamu perlu menambahkan kode HTML yang sudah disiapkan oleh plugin Related Post yang kamu pilih.

Kode HTML ini berisi daftar postingan yang berkaitan dengan postingan utama dan akan muncul di antara paragraf-postingan utama.

Jangan khawatir, kamu tidak perlu jadi ahli dalam HTML untuk melakukan hal ini, sebab banyak plugin yang sudah menyediakan kode HTML-nya secara otomatis.

Kamu cukup menyalin dan menempelkannya di dalam postinganmu. Namun, kamu perlu memperhatikan posisi dan tampilan kode HTML-nya agar sesuai dengan tema blogmu dan mudah dipahami oleh pengunjung.

Jangan sampai kode HTML-nya terlalu besar atau terlalu kecil, dan pastikan daftar postingan yang muncul relevan dengan postingan utama.

3. Membuat Related Post Di Blog Secara Manual Dengan Kode HTML

Jika Kamu memiliki pengetahuan tentang kode HTML, Kamu dapat membuat daftar postingan terkait dengan menambahkan kode HTML di tengah postingan.

Gunakan tag "ul" dan "li" untuk membuat daftar bulat, dan tambahkan tautan ke postingan terkait di dalam tag "li".

Contohnya, untuk membuat daftar postingan terkait menggunakan HTML, Anda dapat menggunakan kode berikut:

<ul>
  <li><a href="tautan-postingan-terkait">Judul postingan terkait 1</a></li>
  <li><a href="tautan-postingan-terkait">Judul postingan terkait 2</a></li>
  <li><a href="tautan-postingan-terkait">Judul postingan terkait 3</a></li>
</ul>

Pastikan untuk mengganti "tautan-postingan-terkait" dengan tautan ke postingan terkait di blog Kamu dan "Judul postingan terkait" dengan judul postingan terkait di blog Kamu.

Cara Membuat Related Post Di Blogspot

Berikut adalah langkah-langkah untuk membuat Related Post di Blogspot menggunakan widget LinkWithin:

  • Buka situs https://www.linkwithin.com/ dan klik tombol "Get Widget!".
  • Masukkan alamat URL blog kamu dan pilih "Blogspot" di bagian "Platform". Lalu, klik "Continue".
  • Setelah itu, masukkan alamat email dan klik "Send me my widget!"
  • Buka halaman "Template" di blog kamu, lalu klik "Edit HTML".
  • Carilah tag </body> di kode HTML template blog kamu, dan letakkan kode HTML LinkWithin di atas tag tersebut.
  • Setelah itu, klik tombol "Save" dan "Lihat Blog" untuk melihat hasilnya.

jika langlah atau cara diatas sulit bagi kamu, coba gunkan cara dibawah ini.

Menampilkan Artikel Terkait Di Tengah Postingan Ala igniel.com ( related post igniel )

Salin Kode dibawah ini

<b:if cond='data:view.isPost'>
  <script> //<![CDATA[
    // Related Posts Middle by igniel.com
    var jumlah = 4;
    eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('c a=["\\e\\d\\s\\Q\\f\\C","\\d\\s\\f\\h\\W","\\B\\d\\d\\I","\\V\\f","\\f\\k\\f\\e\\d","\\e\\k\\s\\S","\\h\\d\\e","\\r\\e\\f\\d\\h\\s\\r\\f\\d","\\C\\h\\d\\B","\\h\\r\\s\\I\\F\\U","\\B\\e\\F\\F\\h","\\m\\O\\e\\l","\\T\\h\\k\\f\\d","\\m\\e\\k\\l\\m\\r\\K\\C\\h\\d\\B\\P\\w","\\w\\K\\f\\k\\f\\e\\d\\P\\w","\\w\\l","\\m\\D\\r\\l\\m\\D\\e\\k\\l","\\m\\D\\O\\e\\l"];c g=x y();c v=0;c j=x y();z R(H){u(c b=0;b<H[a[2]][a[1]][a[0]];b++){c p=H[a[2]][a[1]][b];g[v]=p[a[4]][a[3]];u(c q=0;q<p[a[5]][a[0]];q++){A(p[a[5]][q][a[6]]==a[7]){j[v]=p[a[5]][q][a[8]];v++;18}}}}z X(){c n=x y(0);c o=x y(0);u(c b=0;b<j[a[0]];b++){A(!J(n,j[b])){n[a[0]]+=1;n[n[a[0]]-1]=j[b];o[a[0]]+=1;o[o[a[0]]-1]=g[b]}};g=o;j=n}z J(G,L){u(c t=0;t<G[a[0]];t++){A(G[t]==L){M 1b}};M Y}z 19(){c i=N[a[10]]((g[a[0]]-1)*N[a[9]]());c b=0;E[a[12]](a[11]);Z(b<g[a[0]]&&b<1c){E[a[12]](a[13]+j[i]+a[14]+g[i]+a[15]+g[i]+a[16]);A(i<g[a[0]]-1){i++}1a{i=0};b++};E[a[12]](a[17])}',62,75,'||||||||||_0x22c4|_0x6c56x6|var|x65|x6C|x74|relatedTitles|x72|_0x6c56x11|relatedUrls|x69|x3E|x3C|_0x6c56xa|_0x6c56xb|_0x6c56x7|_0x6c56x8|x61|x6E|_0x6c56xf|for|relatedTitlesNum|x22|new|Array|function|if|x66|x68|x2F|document|x6F|_0x6c56xd|_0x6c56x5|x64|contains|x20|_0x6c56xe|return|Math|x75|x3D|x67|related_results_labels|x6B|x77|x6D|x24|x79|removeRelatedDuplicates|false|while|||||||||break|ignielBacaJuga|else|true|jumlah'.split('|'),0,{}));
  //]]></script>
  <div class='ignielRelatedMiddle'>
    <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>
    <span class='judul'><span>Baca Juga</span></span>
    <script> //<![CDATA[
      eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('L b=["\\i\\p\\e\\i\\a\\c\\K\\a\\c\\m\\d\\a\\h\\J\\i\\h\\h\\c\\a","\\p\\a\\d\\S\\c\\a\\s\\a\\e\\d\\j\\v\\r\\R\\c\\m\\j\\j\\t\\m\\s\\a","\\x\\n\\f\\j\\d\\y\\o\\f\\h\\r\\u\\o\\k\\Q\\u\\x\\n\\f\\j\\d\\y\\o\\f\\h\\r\\u\\n","\\P\\D\\a\\k\\r\\w\\a\\c\\a\\E\\d\\f\\k\\F\\c\\c","\\c\\a\\e\\p\\d\\G","\\e\\f\\h\\a\\t\\m\\s\\a","\\C","\\i\\e\\j\\a\\k\\d\\v\\a\\H\\f\\k\\a","\\n\\m\\k\\a\\e\\d\\t\\f\\h\\a","\\e\\a\\I\\d\\w\\i\\o\\c\\i\\e\\p"];O();(N(){A q=z[b[1]](b[0])[0];B(q){A g=z[b[3]](b[2]),l=M(g[b[4]]/2);B(g[l][b[5]]==b[6]){g[l][b[8]][b[7]](q,g[l])}T{g[l][b[8]][b[7]](q,g[l][b[9]])}}})()',56,56,'||||||||||x65|_0x9301|x6C|x74|x6E|x6F|_0xa209x2|x64|x69|x73|x72|_0xa209x3|x61|x70|x62|x67|_0xa209x1|x79|x6D|x4E|x20|x42|x53|x2E|x2D|document|let|if|x50|x75|x63|x41|x68|x66|x78|x4D|x52|var|parseInt|function|ignielBacaJuga|x71|x2C|x43|x45|else'.split('|'),0,{}));
    //]]> </script>
  </div>
</b:if>

Letakkan atau pastekan kode diatas tepat dibawah kode <data:post.body/>

Setelah itu, salin kode dibawah ini.

/* Related Posts Middle by igniel.com */
.ignielRelatedMiddle {background-color:#f5f5f5; border:1px solid #e5e5e5; display:block; margin:20px 0px; padding:10px 20px;}
.ignielRelatedMiddle .judul {color:#f44336; font-size:120%; font-weight:600; text-transform:uppercase}
.ignielRelatedMiddle ul {margin:10px 0px 0px !important; padding:0px !important;}
.ignielRelatedMiddle ul li {list-style:none; padding:5px 0px !important; border-bottom:2px dotted #aaa !important; text-align:left !important; line-height:1.25em !important;}
.ignielRelatedMiddle ul li:first-child {padding-top:0px; !important;}
.ignielRelatedMiddle ul li:last-child {padding-bottom:0px !important; border:0px !important}
.ignielRelatedMiddle ul li a:before{content:''; display:inline-block; width:17px; height:17px; margin-right:3px; vertical-align:-3px; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23333'/%3E%3C/svg%3E") center / 20px no-repeat;}

Letakkan atau pastekan kode diatas tepat diatas kode </style> atau diatas kode ]]></b:skin>

Setelah itu simpan perubahan dan lihat hasilnya.

Tips Untuk Memilih Postingan Terkait Yang Relevan

Berikut adalah beberapa tips untuk memilih postingan terkait yang relevan dalam daftar postingan terkait di tengah postingan:

Relevansi Topik

Pastikan postingan terkait yang dipilih memiliki topik yang relevan dengan postingan utama. Postingan terkait harus menambah nilai tambah pada pembaca dan memperkaya topik yang sedang dibahas.

Kesesuaian Dengan Audience

Pertimbangkan audiens Anda ketika memilih postingan terkait. Apakah mereka memiliki minat yang sama atau masalah yang sama dengan pembaca saat ini? Pilih postingan terkait yang mungkin menarik bagi mereka dan membantu mereka menyelesaikan masalah atau mencari jawaban.

Popularitas

Pilih postingan terkait yang populer dan telah dilihat banyak pembaca. Postingan yang populer cenderung memiliki konten yang berkualitas dan menarik minat pembaca.

Tanggal Publikasi

Periksa tanggal publikasi postingan terkait. Pastikan postingan yang dipilih masih relevan dan up-to-date. Hindari memilih postingan yang terlalu tua dan sudah tidak relevan atau usang.

Jenis Konten

Pertimbangkan jenis konten pada postingan terkait, apakah itu video, infografis atau artikel. Pilih jenis konten yang sesuai dengan kebutuhan pembaca dan topik yang dibahas.

Kesimpulan

Menambahkan daftar postingan terkait di tengah postingan blog kamu itu sangat membantu pengalaman baca pembaca dan juga bisa meningkatkan pengunjung blog kamu.

Ada beberapa cara yang bisa kamu pakai untuk bikin daftar postingan terkait, kayak pakai plugin, bikin daftar manual atau pakai kode HTML.

Nah, tapi jangan lupa ya buat pilih postingan terkait yang relevan supaya daftar postingan terkait kamu lebih efektif dan bisa nambahin lalu lintas blog kamu.

Dengan mengikuti tips dan trik yang udah dijelasin, kamu bisa bikin daftar postingan terkait yang keren dan mudah dibaca supaya pembaca kamu bisa nemuin konten yang relevan dan lalu lintas blog kamu makin naik.

Selamat Mencoba!

Fighaz Mc
Fighaz Mc Halo! Saya adalah pemilik blog fighazmc.com, sebuah ruang pribadi saya untuk berbagi tips, informasi, dan pengetahuan seputar dunia internet dan teknologi. Mari jelajahi dunia digital bersama!

Post a Comment for "Cara Membuat Related Post Di Tengah Postingan"