Cara membaca bahkan di tengah artikel blog – Salah satu cara agar blog penuh pengunjung adalah dengan menulis artikel yang bagus dan juga membuat widget bacaan. Jadi, artikel ini akan menjelaskan cara membacanya bahkan di tengah-tengah artikel blog.
Baca juga atau related post adalah link yang berisi artikel terkait di halaman postingan blog. Umumnya, bacaan juga disisipkan di tengah artikel agar pengunjung dapat menemukan artikel lain yang relevan dengan lebih mudah.
Membaca di tengah artikel blog pun sangat penting untuk diketahui bagi seorang blogger pemula, baik yang menggunakan platform Blogspot maupun WordPress. Selain membuat tampilan blog lebih menarik, widget reading juga dapat mengurangi bounce rate sehingga meningkatkan performa blog.
Contents
Cara membaca bahkan di tengah artikel blog
Untuk membuat widget baca di tengah postingan blog, setidaknya ada dua cara yang bisa digunakan, yaitu manual dan otomatis. Berikut pembahasannya.
A. Baca juga secara manual
Sambil membaca juga secara manual, kita harus bisa memilih artikel lain yang relevan. Sehingga akan meningkatkan minat pengunjung untuk membacanya. Selain itu, tampilan juga harus menarik dan tidak mengganggu pengunjung.
Buatlah bacaan bahkan manualnya bisa diletakkan dimana saja sesuai keinginan. Bisa di awal, tengah atau akhir postingan. Ini sangat mudah untuk dilakukan. Kita tidak perlu mengubah kode HTML atau CSS pada template blog.
Langkah-langkahnya adalah sebagai berikut:
- Menulis artikel seperti biasa
- Kemudian kunci teks kalimat yang akan dijadikan related post
- Setelah itu, klik tautan sisipkan di menu terkait
- Masukkan tautan artikel yang sesuai, lalu pilih Buka tautan ini di jendela baru, lalu klik Ok/Kirim
- Jika penempatannya di luar paragraf, tambahkan juga teks bacaan di awal
Membaca juga dapat dilakukan secara manual di platform Blogger dan WordPress. Misalnya, seperti yang ditunjukkan di bawah ini:
B. Jadikan Baca Juga Otomatis
A. Jadikan Baca Juga Secara Otomatis di Blogger
Untuk membuat widget baca otomatis di Blogger juga, pertama-tama Anda perlu memodifikasi template untuk memasukkan kode HTML dan skrip lainnya. Namun, kedepannya tidak ada salahnya untuk membuat link satu per satu di postingan seperti cara manual.
Langkah-langkah membuat membaca juga otomatis di Blogger adalah sebagai berikut:
Silahkan login ke Blogger > Pilih Template > Klik Edit HTML. Kemudian letakkan kode berikut di akhir file
.Selanjutnya, paste kode HTML berikut untuk CSS sebelum ]]> untuk melampirkan. Setelah itu, cari kodenya Setelah semuanya terpasang, klik Simpan Membaca otomatis di WordPress lebih mudah daripada di Blogger. Karena WordPress memiliki plugin yang dapat membantu melakukannya. Salah satunya adalah plugin Inline Related Posts. Langkah-langkah membuat related post secara otomatis di WordPress adalah sebagai berikut: Demikian pembahasan tentang membaca bahkan di tengah-tengah artikel blog, baik platform Blogger maupun WordPress. Semoga bermanfaat.
/* Gaya Posting Terkait 1 */
.related-sederhanakan{position:relative;padding:0;margin:15px auto;width:100%;}
.related-simplify h4{background:#3498db;padding:8px 12px;margin:0;font-size:15px;font-weight:400;color:#fff;border:1px solid #2e88c5}
.related-sederhanakan ul{margin:0;padding:0}
.related-simplify ul li{background:#f6f6f6;position:relative;list-style:none;padding:9px;margin:auto;line-height:1.4em;border:1px solid rgba(0,0,0,0.1 );border-bottom:0;transisi:semua .3s}
.related-simplify ul li:nth-child(odd){background:#fefefe}
.related-simplify ul li:last-child{border-bottom:1px solid rgba(0,0,0,0.1)}
.related-simplify ul li:before{content:’\f138′;font-family:fontawesome;position:absolute;margin:0 9px 0 4px;color:#2ecc71;overflow:hidden;transition:all .3s}
.related-simplify ul li:hover:before{content:’\f138′;font-family:fontawesome;-webkit-animation:bounceright .3s kemudahan alternatif tak terbatas;animasi:bounceright .3s alternatif kemudahan tak terbatas}
.related-simplify a{color:#0383d9;font-size:13px;margin:0 0 0 30px;}
.related-simplify a:hover{color:#0383d9;text-decoration:underline}
.related-simplify ul li:nth-child(n+4) {display:none;}
@-webkit-keyframes bounceright{dari{-webkit-transform:translateX(0)}ke{-webkit-transform:translateX(3px)}}
@keyframes bounceright{dari{transform:translateX(0)}ke{transform:translateX(3px)}}
B. Jadikan Baca Juga Otomatis Di WordPress
website Pelajaran SD SMP SMA dan Kuliah Terlengkap
mata pelajaran
jadwal mata pelajaran mata pelajaran sma jurusan ipa mata pelajaran sd mata pelajaran dalam bahasa jepang mata pelajaran kurikulum merdeka mata pelajaran dalam bahasa inggris mata pelajaran sma jurusan ips mata pelajaran sma
bahasa inggris mata pelajaran
bu ani memberikan tes ujian akhir mata pelajaran ipa
tujuan pemberian mata pelajaran pendidikan kewarganegaraan di sekolah adalah
dalam struktur kurikulum mata pelajaran mulok bersifat opsional. artinya mata pelajaran smp mata pelajaran ipa mata pelajaran bahasa indonesia mata pelajaran ips mata pelajaran bahasa inggris mata pelajaran sd kelas 1
data mengenai mata pelajaran favorit dikumpulkan melalui cara
soal semua mata pelajaran sd kelas 1 semester 2 mata pelajaran smk mata pelajaran kelas 1 sd mata pelajaran matematika mata pelajaran ujian sekolah sd 2022
bahasa arab mata pelajaran mata pelajaran jurusan ips mata pelajaran sd kelas 1 2021 mata pelajaran sbdp mata pelajaran kuliah mata pelajaran pkn
bahasa inggrisnya mata pelajaran mata pelajaran sma jurusan ipa kelas 10 mata pelajaran untuk span-ptkin mata pelajaran ppkn mata pelajaran ips sma mata pelajaran tik
nama nama mata pelajaran dalam bahasa inggris mata pelajaran pkn sd mata pelajaran mts mata pelajaran pjok
nama nama mata pelajaran dalam bahasa arab mata pelajaran bahasa inggrisnya mata pelajaran bahasa arab
seorang pengajar mata pelajaran akuntansi di sekolah berprofesi sebagai
nama mata pelajaran dalam bahasa jepang
hubungan bidang studi pendidikan kewarganegaraan dengan mata pelajaran lainnya
dalam struktur kurikulum mata pelajaran mulok bersifat opsional artinya mata pelajaran dalam bahasa arab
tujuan mata pelajaran seni rupa adalah agar siswa
