Skip to main content

Cara Membuat Baca Juga Ala Analisyuki

Cara Membuat Baca Juga Ala Analisyuki

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) Ala Analisyuki

1. Buka Blogger, Pilih Tema, Pilih Titik 3, Kemudian pilih Edit HTML

2. Letakkan kode ini tepat berada di atas 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}

3. Kemudian pilih Simpan

4. Untuk menerapkannya di dalam postingan blog, buat postingan baru, kemudian salin kode ini pada menu HTML (Bukan Compose)

<div class="bluebox"><b>Baca Juga</b>: <a href="Link-Artkel" target="_blank" title="Judul-Artikel">Judul-Artikel</a></div>
NamaKeterangan
Link-ArtikelIsi dengan link artikel blog kalian
Judul-ArtikelIsi dengan Judul artikel serta title tag

Itulah tadi Cara membuat note box artikel terkait dari analisyuki.com, semoga tutorial ini dapat bermanfaat, terimakasih.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar