Image Slider Web/Blog

Trik Membuat Slider Image (Gambar) Pada Web/blog Tentu saja web/blog lebih terlihat menarik dengan menambahkan animasi, seperti contoh yang akan dibahas di sini adalah membuat dan menambahkan slide image (gambar) pada website / blog. Seperti apa contoh slider image, langsung lihat saja contohnya pada halaman ini. Slider Image yang akan dibuat akan mempunyai beberapa fitur antara lain: Slideshow dengan gambar disertai deskripsi singkatnya Tombol "Play, Pause, Next, dan Previous". Kecepatan / delay waktu slideshow yang dapat disesuaikan Script...

Selengkapnya

Auto Scrolling "Back To Top"

Jika pada artikel sebelumnya saya menulis cara 'Membuat Link Back to Top', nah sekarang saya akan sharing cara membuat link back to top pada blogspot, kurang lebih hampir sama dengan postingan saya sebelumnya. Yang membedakan hanyalah pada artikel ini hanya sedikit menambahkan 'auto scroller effect' dan 'Rollover Image' pada linknya. Seperti apa nanti jadinya, langsung saja ke tkp. Bagaimana tahap pembuatannya, ikuti langkah-langkahnya berikut ini; Pertama, Sign in ke akun blogger anda. Klik pada...

Selengkapnya

Membuat "Link Back To Top"

Bayangkan jika anda mengunjungi website atau blog dengan halaman yang panjang sampai capek untuk scroll ke akhir halaman, kemudian setelah selesai anda ingin kembali lagi ke halaman paling atas. Umumnya visitor akan scroll halaman secara manual kembali ke halaman paling atas, cara ini kurang efektif. Tips berikut ini akan memudahkan visitor untuk dapat lompat ke halaman paling atas tanpa harus scrolling (menggulung) mouse secara manual.Syarat yang diperlukan adalah menambahkan tombol atau link yang mengarah pada halaman paling atas. Tambahkan sedikit...

Selengkapnya

Membuat Marquee Text

.marq {border: solid 1px #999; background: #fff; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color:#444; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius:3px;} Jika pada artikel sebelumnya saya menulis tentang bagaimana "Membuat...

Selengkapnya

Blinking Text Effect

Banyak cara dapat dilakukan untuk menarik perhatian pembaca pada tulisan blog mulai dari mengubah ukuran huruf text, memberi atribut tebal pada text, text miring, marque text, ataupun memberi warna text yang lebih mencolok dari warna text lainnya. Ada juga yang yang memberikan efek tertentu pada blog seperti misalnya membuat efek blink (berkedip) seperti tulisan yang hilang lalu muncul lagi, hilang lagi, muncul lagi, dan seterusnya seperti ini. Kok bisa ya! Caranya simpel.Untuk pengguna mozilla firefox cukup dengan menuliskan sedikit kode, text...

Selengkapnya

Walking Text Title Tab Blogspot

Trik Membuat Walking Text Title Tab BlogspotTips kali ini tentang cara membuat text title blog yang berjalan pada tab interface browser. Trik ini tidak banyak memberikan kontribusi yang berarti pada kualitas blog, hanya sebatas untuk mempercantik blog. Bagaimana cara membuatnya, cukup sederhana. Ikuti step di bawah;Login ke blogspot.Navigasikan ke 'LayOut' (tata letak) → pindah ke tab 'Edit HTML'Copy dan pastekan kode di bawah tepat di atas tag '<'head>'<script type='text/javascript'>//<![CDATA[msg = "Tulis Text-1";msg = " .:Tulis...

Selengkapnya