Garis lurus pada postingan blog berfungsi untuk membatasi antara artikel diatas dengan artikel yang berada di bawahnya.
Contohnya seperti ini :
Caranya sangat mudah dan tidak perlu ke settingan tamplate, kalian cukup menggunakan kode dibawah ini untuk membuat garis lurus...
Cara membuat garis lurus :
- Kode dasar dari garis adalah <hr/>
- Untuk menambahkan warna kita gunakan kode "color"seperti ini ...
Code color dapat berupa tulisan dalam bahasa inggris atau dalam bentuk kode warna seperti #ffffff untuk warna putih, #ff0000 untuk warna merah dan silahkan kunjungi ColorHex untuk pilihan warna lainnya.
- Kita juga bisa mengubah ukuran garis dengan menambah kode "width"dan mengubah ukuran panjangnya . . .
<hr color ="red" width="500px"/>
- Untuk posisi gari kita bisa menggunakan kode "align" dengan nilai atributnya right, left dan center
<hr color ="red" width="500px" align="center"/>
- Lihat hasilnya ....
Nah bagi kalian yang ingin membuat garis putus - putus gunakan kode deibawah ini ...
<div style="border-bottom:2px dotted #0000ff;"></div>.
- Lihat hasilnya ....
Silahkan dicoba dan semoga artikel ini bermanfaat ...
Always Pray and Stay Creative...

8 Comments
Wah, postingan-postingannya bermanfaat banget untuk pemula yang baru belajar nge-blog seperti saya, mas. Makasih banyak untuk tutorialnya ya mas :D
ReplyDeleteIya sama sama, semoga bermanfaat ya
Deletenah materi yang sedang saya cari nih, pas banget.
ReplyDeleteBagaimana caranya agar garisnya pas dengan lebar artikel ya ?
thank dan salam kenal
Widthnya diganti ukuranya menyesuaikan lebar artikelnya
DeleteKalau disertai teks gimana caranya?
ReplyDeleteTeks di atas ya tau di dalamnya gan?
DeleteBermanfaat gan...
ReplyDeleteMin, ada gak cara buat garis vertikal di tengah2??
ReplyDeleteMau saya pake di blog saya