Cara Membuat Baca Juga Ala Analisyuki di Blogger

Cara Membuat Baca Juga Ala Analisuki.com – Kali ini saya akan membagikan tutorial cara membuat baca juga atau artikel terkait secara manual dengan menggunakan CSS.

Sebenarnya sudah banyak dari para blogger yang membahas tentang tutorial ini, yaitu membuat link artikel baca juga secara otomatis dengan menggunakan javascript. Dimana akan muncul beberapa link di semua artikel yang kita miliki.

Namun ada beberapa dari para blogger yang sebenarnya tidak terlalu menyukai artikel terkait yang ada di dalam postingan blog ini termasuk saya sendiri, selain memberatkan blog karena menggunakan script, tentunya kadang link artikel yang ditampilkan tidak sesuai dengan topik artikel yang dibahas, dengan kata lain tidak nyambung atau tidak relevan.

Karena seperti yang kita tau bahwa robot google lebih menyukai artikel yang relevan, nyambung dengan isi artikel yang sedang kita bawah sekarang. Oleh karena itu disini saya akan membagikan cara membuat kota baca juga dengan menggunakan css, dimana untuk membuat linknya perlu dilakukan secara manual yang tentunya agar bisa sesuaikan dengan topik yang kita bahas.

Cara Membuat Artikel Terkait (Baca Juga) Secara Manual di Blogger

Buka Blogger
Pilih Tema
Pada menu SESUAIKAN, pilih Edit HTML

Kemudian letakkan kode ini tepat berada diatas kode ]]></b:skin> atau </style>

.bluebox{padding:10px;font-size:14px;line-height:1.5;background:rgba(186,208,228,.37);border-radius:4px;border-left:4px solid;color:#000;border-color:#3b5998}

Kemudian pilih Simpan
Untuk menerapkannya di dalam postingan blog, buat postingan baru, kemudian salin kode ini pada mode Tampilan HTML (Bukan Tampilan Menulis)
```
<div class="bluebox"><b>Baca Juga</b>: <a href="Link-Artkel" target="_blank" title="Judul-Artikel">Judul-Artikel</a></div>
```