TutorWidget

Untuk membuat iklan melayang atau pop-up di kanan kiri blog sangatlah mudah. Anda pasti sudah pernah melihat pemasangan iklan disamping blog, yang digunakan oleh beberapa  blogger karena akan memperhemat tempat pada blog. Biasanya iklan ditempatkan di widget dan ada juga yang menempatkan iklan di dalam postingan, baik di atas, tengah, maupun di bawah postingan (artikel). Semua tergantung selera sipembuat blog tersebut. Tapi kali ini kita akan membahas cara memasang iklan melayang di samping kanan kiri blog . Lokasi penempatan iklan sangat berpengaruh terhadap iklan tersebut apakah berkinerja dengan baik atau tidak. Tampilan iklan jenis ini akan selalu kelihatan meskipun scroll browser di naik turunkan karena akan melayang dan berada di Samping kanan dan kiri Blog. Namun jika iklan ini sampai menghalangi konten Blog, maka akan sangat mengganggu  sipengunjung. Maka dari itu dilengkapi dengan tombol close agar dapat ditutup demi kenyamanan pengunjung Blog. Untuk Demonya bisa anda

     Sebelum masuk topik tentu sobat tahu apa itu Link ( URL ) ? Di dunia blogging (Blog) penggunaan link itu suatu hal yang tidak asing lagi, yang digunakan untuk mengarahan pengunjung ( visitor ) ke   sebuah alamat ( artikel ) yang dituju. Pernahkah sobat bloger mengklik sebuah link dan tenyata keluar dua halaman ? inilah topic yang akan kita bahas! Pada umumnya, bila kita mengklik sebuah link maka hanya link itu saja yang akan terbuka. Bagaimana bila kita ingin mengklik satu tapi yang terbuka malah 2 (dua) link sekaligus yang berbeda dan masing-masing akan muncul di jendela/ tab baru ? Sebagian blogger memang menggunakan cara ini, Mungkin tujuannya untuk meningkatkan page view atau sebagai trik dalam memaksimalkan usaha blog . Selain itu perlu diketahui, terkadang pengunjung malah tidak nyaman dengan keberadaan link seperti ini. Bagaimana Membuat Link dengan 2 (dua) Target Link , Caranya cukup mudah dan simple. Berikut langkah-langkahnya : Jika berada di Postingan blog 

Sebelumnya saya menuliskan artikel tentang cara membuat navigation menu accordion CSS3 sederhana dalam berbagai warna dan navigasi accordion menggunakan javascript yang biasanya diletakkan dibagian sidebar, Tapi pada kali ini saya akan membuat nav menu menggunakan CSS pada atas blog (header). Menu ini sering di gunakan pada template Responsive sehingga akan terlihat lebih cantik dan menarik. Menu ini hanya mengandalkan kombinasi antara CSS dan HTML5 ( No Javascript ), Sehingga tidak akan memberatkan loading blog anda ! Untuk Demonya bisa anda lihat dengan cara mengarahkan cursor anda : Archive Printing & Framing Photo Editing Storage & Backup Contacts Support Sales Buying Photographers Stockist General Stores Location South West Region North East Region Central Region Contact Us Email Addresses By Post Telephone Numbers Gallery Digital SLR Cameras Interchangeable Lenses Flash Guns & Accessories Professional Tripods Filters & Lens Hoods

Kalau pada tutorial sebelumnya kita membuat menu Accordion dengan sederhana , Maka pada tutorial kali ini kita akan membuat navigation menu accordion dengan menggunakan CSS dan JavaScript . Biasanya digunakan untuk menu/daftar yang panjang pada tampilan sidebar jadi dibuat lebih simpel/ringkas yang ketika diklik akan terbuka ataupun tertutup. Jika menu lainnya dibuka (diklik), maka menu sebelumnya yang terbuka akan otomatis tertutup. Selain hemat tempat, juga mempercantik tampilan pada website. Mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog sobat. Untuk Demonya bisa anda lihat dengan cara mengklik menu Accordion nya : Title 1 Isi konten 1 Title 2 Isi konten 2 Title 3 Isi konten 3 Title 4 Isi konten 4 Title 5 Isi konten 5 cara membuat menu Accordion nya. 1. Masuk ke Blogger.com 2. Klik Tata Letak => Tambahkan Gadget 3. Pilih HTML/JavaScript 4. Copy kode dibawah ini :  <style type=&quo