Popular Posts

Modifikasi Blog Archive dengan CSS3 Transition

Share it:
Sebuah widget dengan tampilan standar, mungkin akan terkesan baku, monoton, bahkan terkadang kurang menarik dan membosankan. Lantas bagaimana untuk menghilangkan paradigm tersebut? ya, salah satu caranya adalah dengan membuat ulang atau menciptakan sendiri widget sesuai dengan yang kita inginkan.

Lalu bagaimana jika kita tidak familiar juga untuk melakukan hal tersebut? Banyak jalan menuju roma, banyak cara yang dapat kita lakukan, salah satunya adalah dengan meng-edit widget yang sudah ada atau kita dapat mengkloning widget-widget yang banyak bertebaran diluar sana dan mengintegrasikannya kedalam blog atau halaman website kita.

Dan satu hal yang akan saya lakukan kali ini adalah meng-edit style Blog Archive ( Arsip Blog )yang sebelumnya sudah tertanam dalam halaman blog saya dengan sedikit sentuhan CSS3 Transition.

Contoh Widget Blog Archive :

S e b e l u m

S e s u d a h


Cara Modifikasi Blog Archive dengan CSS3 Transition

Untuk langkah awal, terlebih dahulu kita Install Widget Blog Archive.


Kemudian Konfigurasikan dengan opsi seperti berikut ini


Langkah terakhir, letakan kode CSS berikut ini kedalam tag <head>:

<link href='https://sites.google.com/site/archivesiugi/home/2012/Blog_Archive_CSS.css' rel='stylesheet' type='text/css'/>

kemudian simpan template, selesai dan lihat hasilnya.
Share it:

Blogs Tutorial

css

Widgets

Post A Comment:

0 comments: