Modifikasi Blog Archive dengan CSS3 Transition | Buku Catatan si Ugi

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.




0 komentar:

Post a Comment



Catatan :

Untuk menyisipkan gambar kedalam komentar, gunakan tag : [img]URL_Gambar[/img]
atau <i rel="image">URL_Gambar</i>
Untuk Video Youtube : [youtube]URL_Video[/youtube]
atau <i rel="youtube">URL_Video</i>
Untuk "Kutipan", gunakan : [blockquote]Kutipan_Anda[/blockquote]
atau <b rel="quote">Kutipan_Anda</b>
Untuk menyisipkan Kode: [code]KODE[/code]
atau <i rel="code">KODE</i>
atau <i rel="pre">KODE</i>
Dan untuk menyisipkan smiles/ emoticon, lihat kode Emoticon







 

Anda sudah mengaktifkan penyaringan konten ( AdBlocker di Aktifkan )

Mohon maaf untuk sementara Anda tidak dapat melihat halaman ini, silahkan kembali lagi setelah Anda menonaktifkan filter yang Anda gunakan. Abaikan