Blog Helmykediri – Meskipun terlihat sederhana, namun saya melihatnya cukup menarik dan beberapa ada yang menanyakan bagaimana cara menampilkan sumber artikel dengan dropdown di postingan blogger 🙋
Sebenarnya, W3S sudah banyak memberikan pelajaran tentang html dari A – Z yang beberapa bisa anda manfaatkan untuk mengubah tampilan dan memperindah blog
Biar bagaimanapun setiap artikel blog ditulis berdasarkan sumber-sumber terpercaya sehingga anda mungkin ingin menampilkannya sebagai bentuk penghargaan. Tampilan keterangan sumber artikel biasanya terletak di paragraf akhir setiap postingan
Kita bisa memanfaatkan fungsi tag <details> dan <summary>. Gabungan 2 tag html ini menampilkan list sumber artikel dengan icon panah kebawah yang akan terbuka ketika di klik.
Ini dapat meringkas isi artikel sekaligus merapikannya. Di blogger, ketika mengedit artikel, buka tab html, sedangkan di wordpress, buka tab teks.
Salin Kodenya lalu simpan dan posting :
<details><summary>
Referensi:
</summary>
wwww.helmykediri.com
</details>
Hasilnya:
Skin Diamond adalah seorang mantan aktris penyanyi, dan model asal Amerika Serikat. Dia mulai karirnya di industri film pada tahun 2009 dan terkenal karena penampilannya yang eksentrik dan tato-tato di seluruh tubuhnya. Dia juga telah muncul dalam beberapa film mainstream dan televisi, termasuk film “The Girl with the Dragon Tattoo” dan serial TV “Sons of Anarchy”. Selain itu, Skin Diamond juga seorang penyanyi dan telah merilis beberapa lagu dan video musik. Namun, ia telah mengumumkan pada tahun 2016 bahwa ia telah pensiun dari industri film.Aktris Skin Diamond
<details><summary>Referensi artikel:</summary><ul><li>www.helmykediri.com</li><li>www.tutorialpedia.net</li><li>www.ilmusemu.com</li></ul></details>
Hasilnya:
Buka referensi:
- www.helmykediri.com
- www.tutorialpedia.net
- www.ilmusemu.com
Anda juga dapat mengganti listnya menjadi angka dengan tag <ol><li>…</li></ol>
<details><summary>Buka sumber</summary><ol><li><a href=”https://helmykediri.com”>Blog Orang IT</a></li><li>Daftar sumber link 2</li><li>Daftar sumber link 3</li></ol></details>
Buka sumber
- Blog Orang IT
- Daftar sumber link 2
- Daftar sumber link 3
