TutorWidget

Salah satu fungsi dari menu Accordion adalah dapat meringkas dan juga mempercantik tampilan pada blog sehingga terlihat lebih keren. Karena dengan efek accordion maka yang akan ditampilkan secara utuh hanya satu widget saja sementara yang lain akan tersembunyi. Yang saya share disini, hanya menu sederhana saja. Anda bisa mengutak-atik sesuka hati. jadi blog Anda akan kelihatan lebih ringkas dan rapi. Untuk Demonya dengan mengarahkan cursor dibawah ini: Menu Acordion Vertikal Slide Judul 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel

Suatu peristiwa penting hingga akhirnya tiba pada puncak waktu peringatan pasti ditunggu-tunggu oleh semua orang. Biasanya hal yang paling ditunggu-tunggu yaitu waktu hingga akhirnya sampai pada puncak peringatan tahun baru itu hadir, detik demi detik kita menghitung waktu hingga akhirnya sampai pada puncak waktu. Selagi menunggu hari itu tiba, tidak ada salahnya kita memberikan pesan kepada pengunjung mengenai peristiwa penting tersebut. Untuk Demonya bisa anda lihat dibawah ini. Untuk membuat timer hitung mundur atau biasa disebut Countdown Timer, fungsinya tidak lain sebagai pengingat detik detik menjelang hari itu tiba. Cara membuat widget pesan dalam hitungan mundur: 1. Masuk ke Blogger.com 2. Klik Tata Letak => Tambahkan Gadget 3. Pilih HTML/JavaScript 4. Copy kode dibawah ini : <style scoped="scoped" type="text/css"> .peristiwa{color:#FFC200;background: #603B24; font-size: 120%; text-transform: uppercase;text-align: center;marg

Bagi sobat pemula atau newbie yang baru bergabung dalam dunia blogging seperti saya, kalian harus tahu bahwa kotak pencarian dalam blog itu sangat penting. Hal ini untuk mempermudah pengunjung dalam mencari artikel postingan yang ada di dalam blog kita dan terlihat user friendly. Seperti mesin pencari yang biasa kita gunakan di mesin pencari seperti Google, Yahoo, dan MSN , mesin ini mempermudah kita dalam mencari data yang kita butuhkan. Lalu bagaimana kalau kita ingin mencari data hanya pada blog kita saja? Hal ini akan sangat membantu para pengunjung untuk mencari data-data atau alamat website dengan memasukkan kata kunci yang ingin di cari. Cukup dengan menulis kata kunci yang ingin dicari lalu klik tombol pencarian atau Enter. Di beberapa Template , banyak yang sudah mendukung widget pencarian/search box ini atau sudah dicantumkan (langsung tersedia). Namun bagi template yang belum dilengkapi dengan fasilitas ini jangan khawatir, Untuk itu saya akan memberikan tips bl

Sticky Notification Bar juga sangat penting dipasang pada suatu situs atau blog. Ini bermanfaat untuk menempatkan link atau menulis pesan penting kepada pengunjung. Notification bar ini bisa anda letakkan dibagian head atau footer di blog dan disertai close button (tombol penutupnya) sehingga tidak mengganggu pengunjung ketika berkunjung di blog anda. Hal ini juga membantu dalam meningkatkan tampilan halaman blog. Sticky Notification Bar mempunyai beberapa fitur keren yang bisa anda coba, mungkin anda sering melihat di beberapa web atau blog besar juga terdapat pesan text di header atau footernya. Widget ini tidak memiliki konten flash atau gambar yang berat sehingga tidak akan membuat halaman anda menjadi lambat. Fitur ini meliputi : Tombol tutup inbuilt untuk menyembunyikan bar. CSS ringan dan kode JavaScript kecil. Mudah disesuaikan sesuai dengan desain blog Anda. Untuk Demonya bisa anda lihat disini Cara membuat Sticky Notification Bar diblog . 1. Masuk ke Blogg

TutorWidget kali ini akan membahas tentang Cara membuat gambar melayang dipojok halaman blog . Berbagai macam cara untuk mempercantik tampilan blog agar pengunjung tidak bosan berkunjung ke blog kita. Seperti di halaman ini, bisa kalian lihat ada gambar cewek lagi joget dibagian kiri bawah layar. Cara ini bisa menjadi salah satu cara untuk mempercantik blog kamu. Untuk membuatnya sangat mudah, kita hanya menyisipkan kode CSS ke dalam gambar. Pertama anda harus memiliki gambar/animasi yang ingin ditampilkan diblog nantinya. Silahkan buat desain gambar anda terlebih dahulu, lalu upload. Tempat upload gambar bisa di photobucket.com, imageshack.com, flickr.com, dan lain-lain. Untuk tipe file terserah anda, baik jpg, gif, png, dll. Atau jika anda malas membuat gambarnya anda bisa browsing di internet, lalu copy kan link gambarnya terlebih dahulu. Cara membuat gambar melayang di pojok blog kita. 1. Masuk ke Blogger.com 2. Klik Tata Letak => Tambahkan Gadget 3. Pilih HTML/JavaSc

Pasang Iklan Fload Melayang Di Bawah Blog Dengan Tombol Close - Mengenai Penempatan Iklan dengan efek floating di dalam blog memang sering kita jumpai di blog-blog yang sudah populer. Tujuannya apa lagi kalau bukan untuk mencari keuntungan dari hasil ngeblognya. Namun, iklan juga dapat mengganggu pengunjung apabila penempatan iklan tidak sesuai pada tempatnya karena akan mengganggu pembaca blog yang kita kelola. Selain itu google juga tidak suka sebagian konten terhalang oleh iklan. Dengan adanya tombol close maka akan membantu pengunjung untuk membaca dan melihat secara full konten tampilan blog kita. TutorWidget akan membagikan tutorial cara memasang iklan dibawah blog . Yang ingin membuat iklan dibawah blog ikuti langkah dibawah ini : 1. Masuk ke Blogger.com 2. Klik Tata Letak => Tambahkan Gadget 3. Pilih HTML/JavaScript 4. Copy kode dibawah ini : <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'