Tips Menciptakan Site Informasi Responsive Dan Rapih

Pada tutorial kali ini aku ingin membahas perihal site info. Apa sih site info itu? Sesuai dengan namanya, site info yaitu isu perihal blog/web yang Anda miliki. Anda dapat menaruhnya pada widget dan tentunya akan terlihat lebih manis jika rapih dipandang. Gimana caranya semoga widget-widget dalam site info ini tertata rapih? Silahkan ikuti tutorialnya hingga selesai.

Cara yang diharapkan untuk menciptakan tampilan site info menjadi lebih rapih yaitu dengan menambahkan kode <div style='float:left;margin:5px;'> sebelum widget dan letakkan element </div> sebagai penutup. Agar lebih memahami, silahkan lihat preview berikut.

<div style='float:left;margin:5px;'>       widget 1 </div> <div style='float:left;margin:5px;'>       widget 2 </div> <div style='float:left;margin:5px;'>       widget 3 </div> <div style='float:left;margin:5px;'>       widget 4 </div> <div style='float:left;margin:5px;'>       widget 5 </div>

Seperti yang Anda lihat, ada 5 widget yang dimasukkan dalam satu HTML/JavaScript. Anda dapat menambahkan atau menguranginya sesuai dengan kebutuhan. Saran aku semoga menyimpan widget dengan ukuran yang lebih besar pada widget pertama semoga tampilannya lebih rapih. Silahkan lihat site info pada blog ini untuk previewnya. Tidak hanya itu, Anda juga dapat memakai arahan di atas untuk menciptakan widget lainnya menjadi lebih rapih. Sekian tutorial kali ini, semoga dapat bermanfaat bagi Anda.