Single level dropdown menu ala Dynamic View Blogger Templates

Single level dropdown menu - blogger

Single leve; dropdown menu ala dynamic view blogger templates adalah sebuah menu horizontal dengan animasi saat membuka dan menutup yang disertai animasi putar pada arrow up/down yang terletak di menu title. Animasi pada membuka dan menutupnya anak menu dan arrow up/down dibuat menggunakan css3 transition dan css3 transform. Animasi single level dropdown ala menu template tampilan dinamis akan bekerja secara sempurna di browser yang sudah support terhadap css3. Mozilla Firefox merupakan browser yang paling sempurna menampilkan fungsi animasi single level dropdown menu ini.

D E M O

Membuat Header Blog dengan 3 Elemen

Header blog dengan 3 elemen akan lebih mempermudah pengguna saat ingin menampilkan berbagai widget (gadget), iklan, teks, image atau kode html lain ke dalam box header. 3 elemen header terdiri atas elemen header default yang berisi blog title dan blog description, elemen header kiri (baru) serta elemen header kanan (baru). Lebar elemen dapat dibuat sesuai selera dan kebutuhan dan diperhitungkan dalam persen. Elemen header baru kanan dan kiri akan mempunyai fungsi dan kegunaan tak berbeda seperti elemen-elemen yang telah tersedia sebelumnya, seperti elemen sidebar, main, crosscol atau footer.

Arahkan cursor ke arah screenshoot di atas maka akan terlihat 2 widget (slideshow dan profil) yang berada disamping kiri dan kanan header default blogger yang berisi blog title dan description title. Ke-2 buah widget (gadget) berhasil ditampilkan dengan sangat mudah setelah 2 elemen baru header kita buat. Bentuk penambahan elemen baru yang terdapat di Page Elements (Elemen Laman) bisa terlihat dalam screenshoot di samping!

Demo Penggunaan Elemen Baru di Header Blog

Dalam demo akan bisa dilihat sebuah gadget blogger (Tampilan slide - Album web Picasa) berhasil ditambahkan di header berkat elemen baru yang dibuat di bagian header. Blog demo ini menggunakan 1 buah elemen header baru di sebelah kanan!