Web Development Blog Shannenpio

Pembaharuan: 24 Februari 2012 Kali ini Saya akan memperkenalkan widget daftar isi untuk Blogger dengan konsep akordion JQuery . Script widget ini sendiri sebenarnya merupakan hasil modifikasi dari widget Tabel Konten Blogger buatan Abu Farhan : Lihat Demo Pertama-tama, masuklah ke tab Posting/Entri , kemudian pilih Edit Laman Tambahkan sebuah halaman baru: Tambahkan sebuah halaman statis Klik mode HTML pada formulir posting: Pilih mode HTML Salin script di bawah ini, kemudian letakkan di dalam formulirnya: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/acc-toc-datesort-default.css" type="text/css" /> <script type="text/javascript"> var accArchive = true, modeID = true, sDownSpeed = 600, sUpSpeed = 600; </script> ...

Pembaharuan: 25 Februari 2012 Galleria adalah widget daftar isi dengan tema fotografi. Setiap artikel akan ditampilkan sebagai foto-foto dengan judul yang akan tampil saat disentuh. Masonry adalah salah satu kelengkapan utama untuk membangun widget ini. Menjaga agar setiap elemen tampak berjajar dengan rapi dan responsif: Lihat Demo Pembaharuan: Lihat Galleria V2 Buat widget daftar isi ini dengan mengikuti langkah-langkah berikut: Pertama-tama klik menu Laman pada sidebar. Kemudian, pada menu Laman Baru pilihlah Laman Kosong : Menambahkan halaman statis baru Setelah itu Anda akan melihat formulir halaman statis seperti ini. Klik mode HTML : Pilih mode HTML Salin kode di bawah ini kemudian letakkan di dalam formulirnya: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blo...

Ini adalah widget yang sederhana, namun cukup efektif untuk sekedar meringkas bagian-bagian yang biasanya dianggap terlalu panjang atau terlalu lebar. Kamu bisa menggunakan widget ini untuk meletakkan foto, video, daftar teman atau apapun, yang menurutmu terasa sedikit mengganggu penampilan. Pertama-tama masuklah ke halaman tata letak widget kemudian tambahkan sebuah elemen halaman HTML/JavaScript . Salin kode di bawah ini, kemudian letakkan di dalam formulirnya: <style type="text/css"> /* Juli 2011 :: Taufik Nurrohman Visit: http://hompimpaalaihumgambreng.blogspot.com */ #paneltovik {display:block} #panel { background-color:#96BC43; border:2px solid #a7cc54; border-width:2px 2px 0 2px; height:250px; overflow:auto; margin:0; padding:10px; color:#111; font:normal 12px Times,Serif; -webkit-box-shadow:inset 0 0 7px #222; -moz-box-shadow:inset 0 0 7px #222; box-shadow:inset 0 0 7px #222; display:none; } .tombolpanel { position:relative; curso...