Membuat Random Banner

26/07/2009Javascript   16 Comments

125x125 Membuat Random BannerApa kamu pernah melihat sebuah iklan banner yang setiap kita reload/refresh maka banner ini berubah layaknya iklan acak. Untuk lebih jelasnya silahkan lihat pada demo di bawah, lalu refresh halaman nya maka akan terlihat gambarnya berubah-ubah. 15 Membuat Random Banner

Cocok banget tuh untuk dipasang di blog kamu yang tidak memiliki ruang banner yang banyak karena dengan ini anda bisa memasang banyak banner dengan 1 tempat, maka banner yang kamu pasang akan tampil berurutan dengan berbeda gambar. 15 Membuat Random Banner

Kali ini ciebal akan mencoba menjelaskan cara pembuatan yang ciebal dapatkan dari o-om.com 15 Membuat Random Banner

Demo : http://www.ciebal.web.id/demo/random-banner.html >> Refresh untuk melihat iklan lainnya

Tulisan Lengkap »

[Script] Mesin Penghitung Jumlah Karakter dan Kata

21/07/2009Javascript, Tools Online   No Comments

coding [Script] Mesin Penghitung Jumlah Karakter dan KataKamu pernah diberi tugas oleh guru untuk membuat riview atau tulisan yang memiliki batas minimal kata..? atau kamu pernah mengikuti kontes riview dengan syarat ada minimal jumlah kata juga..? Apa kamu masih menghitungnya secara manual, bahkan hanya mengira-ngira saja..? cape deh.. :P

Kini tidak perlu khawatir kesulitan lagi karena ada sebuah untuk menghitung jumlah kata dan karakter dengan akurat, kali ini ciebal coba berbagi opensource yang bisa kamu gunakan dengan bebas, dan akan mendapat pahala jika memasang link blog ciebal di web/blog kamu. hehehe..

Tulisan Lengkap »

Membuat Efek Mouse Berputar

28/05/2009Javascript, Web Development, Wordpress   7 Comments

Artikel ini adalah request teman YM saya (saya lupa namanya) yang ingin membuat efek mouse berputar agar tampilan blog menjadi lebih indah. icon e biggrin Membuat Efek Mouse Berputar
Undek Demo silahkan lihat http://www.ciebal.web.id/demo/mouse.html

Mohon maaf untuk demo hanya halaman sederhana tapi pada prinsipnya sama dan bisa di aplikasikan pada semua halaman web/blog mana saja. OK, gak perlu panjang lebar berikut cara membuatnya :

Tulisan Lengkap »

Membuat Floating Feed Subcription Icon

20/04/2009Blogging, Javascript, Tips dan Trik, Web Development   4 Comments

Udah tau floating kan..?

Belum tw..? waduh, gini deh jelasnya, Floating itu efek terbang, jadi kali ini ciebal mencoba memberikan sedikit tutorial membuat Floating di WordPress, sebagain conto yang kamu liat di paling atas Site ini. 15 Membuat Floating Feed Subcription Icon klo yang sekrang ciebal pake itu pke plugins lagi, tapi sekarang kita membuat secara manual. Tutorial ini saya mengetahui dari http://blog.eches.net/. Oke kita mulai yah..

1. Copy CSS Code dibawah ini dan masukan di file CSS themes kamu.

#mini-nav { width: 20px; position:fixed; top: 180px; left:5px;}
* html div#mini-nav { width: 20px; top: 180px; left:30px; position:absolute; }
#mini-nav img{ margin: 0px; }

2. Trus Copy code ini dan edit seprlunya

<div id=”mini-nav”>
<a href=”http://feeds2.feedburner.com/BlogKamu” target=”_blank”>
<img src=”http://www.domainkamu.com/images/feed.png”
alt=”Subscribe Me!” title=”Subscribe Me!” /></a>
</div>

Sisipkan di file themes kamu, contohnya di file page.php, header.php, terserah yang enaknya dimana.. :P

Selamat mencoba.. 14 Membuat Floating Feed Subcription Icon