Cara Membuat Cloud Kategori Dan Blogroll Untuk Css Mobile Mywapblog

Setelah beberapa percobaan yang saya lakukan dengan Css Mywapblog, seperti percobaan Membuat Kategori Flat UI Keren Untuk Css Desktop Mywapblog yang telah saya posting kemarin. Kali ini saya coba untuk membuat kreasi lagi dengan css mobile mywapblog.
Terinspirasi oleh percobaan sebelumnya, kali ini saya juga masih mengkreasikan kategori blog supaya lebih cantik dan tampan :). Seperti apakah tampilannya, mari kita lihat gambar dibawah ini :

Cloud Kategori dan Blogroll Mywapblog

Cloud kategori sendiri banyak ditemukan pada blog dengan platfrom Blogger dan Wordpress. Tapi tidak menutup kemungkinan di MyWapBlog pun bisa diterapkan, mulai dari Css Mobile maupun Css Desktop. Kali ini saya coba kreasikan dengan Css Mobile MyWapBlog tipe DEFAULT.

Pertama; Salin semua kode css yang ada dibawah ini :
#category-bottom ul:after, #blogroll ul:after {margin :0;padding :0;display :block;content :"";clear :both;}#category-bottom li {background :#222;border-bottom :0;color :#FFF;display :inline-block;float :left;margin :0 2px 2px 0;padding :5px;}#category-bottom li a {background :#07acec;color :#fff;margin :0 0 0 -5px;padding :5px;}#blogroll li {background :#068abd;border-bottom :0;display :inline-block;float :left;margin :0 2px 2px 0;padding :5px;}#blogroll li a {color :#fff;margin :0;}

Kedua; Tempelkan kode css diatas dengan cara masuk ke MyWapBlog > Tema > MOBILE > Aktifkan Tipe DEFAULT > Klik Sunting > Tempelkan dibawah kode @import css anda lalu klik simpan.
Langkah terakhir tinggal kunjungi blog anda.

Share this post