Furniture

Search This Blog

Perawatan Dinamo Kipas Angin

July 23, 2020

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

Comments

Membagi Kolom Widget Secara Horizontal

Jika beberapa waktu yang lalu telah terpostingkan tentang cara membagi kolom widget dalam arah vertical dan horizontal serta di posting sebelum ini juga telah terpostingkan "Membagi Kolom Widget Secara Vertical", maka agar lebih lengkap hingga bisa dipergunakan sebagai pembanding dalam menggunakan kode, maka kali ini coba kita bahas salah satu cara membagi kolom widget dalam arah horizontal. Karena telah terdukung oleh dua artikel yang telah terposting dan karena permainan kode yang digunakan sebenarnya juga tak jauh berbeda, maka untuk yang ini kita tidak akan bongkar secara detail. Satu prisip yang menjadi patokan saat kita berusaha membuat kolom berderet horizontal adalah penggunaan kode float-left, float-right, margin, height, width dan overflow yang dipergunakan untuk membentuk scroll box. Sampeyan dapat menggunakan semua xHTMl dengan bantuan kode float-left saja, float-right saja atau dengan memadukan float-left dan float-right. Jika ukuran tinggi kolom berbeda-beda d

Membagi Kolom Widget Secara Vertical

Sebuah widget tak harus hanya diisi dengan sebuah widget saja. Hanya dengan menggunakan xHTML maka kolom tersebut bisa dimanfaatkan untuk menempatkan beberapa buah widget, gambar dan/atau teks sekaligus. Bahkan, jika scroll box digunakan, maka setiap box dapat dibuat dengan ketinggian yang kecil sehingga kolom mampu memuat lebih banyak lagi scroll box yang didalamnya berisi widget serta teks dan/atau gambar. Sebagai contoh sampeyan bisa melihat gambar di bawah ini yang memperlihatkan cara pembagian kolom menjadi beberapa box/scroll box dengan ukuran yang bisa di atur. Dalam gambar disebelah terlihat bahwa box pertama mempunyai ketinggian terendah dan dilengkapi scroller (scroll box-1). Box yang di tengah merupakan box yang tertinggi dan dilengkapi scroller juga (scroll box-2). Box yang terabawah sedikit berbeda dengan box pertama dan ke-2 karena box ini dibuat tanpa sebuah scroller. Jika kita ingin menggunakan box seperti ini kita hanya perlu membuang kode height: ..px; dan overflow:

Tampilkan Text, Images atau link di bawah Posting dengan CSS3

Teks, gambar atau image dan link bisa sampeyan tampilkan di bawah posting tanpa setiap kali menuliskan kode HTML-nya, atau dengan istilah lain membuat sebuah box yang secara permanen akan terlihat di bawah posting. Tentu saja sampeyan dapat mengembangkan menjadi fungsi lain seperti menampilkan profil pribadi (author), emak sampeyan atau mungkin wajah nenek supaya bisa mejeng di blog. Membuat desain ini supaya mampu disuguhkan secara menarik, cantik dan membuat air ludah mengalir sederas "air terjun" sudah menjadi kewajiban. CSS3 kita manfaatkan dengan melibatkan CSS3 drop shadow, CSS3 text shadow, CSS3 border-radius, CSS3 background gradient dan CSS3 transition. Untuk mengoptimalkan tampilan agar terlihat "jreng" dan bisa dipadukan dengan berbagai background blog, kita juga berusaha mensuportnya dengan pemanfaatan warna yang "mudah padu" di semua blog. Sampeyan bisa melihat "wajah" desain menarik ini dengan membuka link di bawah (DEMO). Setelah

Powered by Blogger

Perawatan Dinamo Kipas Angin

Comments

Post a Comment