• 13

    Apr

    Widget Burung Twitter Terbang dg Effek CSS3 » Spesial Tutorial Blogdetik

    Widget animasi si burung twitter terbang atau animated flying Twitter bird memang telah terpostingkan oleh banyak blogger, namun yang satu ini secara khusus aku persiapkan untuk tutorial di blogdetik yang selama beberapa waktu sedikit terabaikan. Bukan karena aku sudah bosan atau jenuh ngeblog di blogdetik. Yah … bagaimana mungkin aku bisa meninggalkannya?! Bagiku blogdetik adalah yang terbaik dan terhebat karena “blogdetiklah yang membangkitkan gairah ngeblogku yang hampir padam setelah selama berbulan-bulan ngeblog di tempat lain tak pernah dapat kemajuan berarti”. Ya … dan hal seperti ini masih berlangsung hingga kini. Mau bukti? Lihat pagerank gubhugreyot blogdetik dan gubhugreyot yang di blogger. He… padahal umur blognya berselisih lebih dari 1 tahun! W
  • 30

    Aug

    Create Animated Tooltip using CSS and CSS3 only

    Membuat sebuah alternatif baru untuk menampilkan sebuah tooltip tentu akan sangat menarik, terlebih bila yang digunakan untuk menampilkan tooltip hanya kode CSS saja. Pembuatan sebuah desain pelengkap blog/web yang hanya memanfaatkan kode CSS tanpa bantuan javascript atau mungkin background image pasti membuat blog tak akan terbebani secara berlebihan. Yah…, perlu ditegaskan di sini bahwa tooltip yang akan kita buat ini memang sama sekali tak melibatkan javascript sekaligus background image! CSS yang dipadukan dengan CSS3 membuat kita tak hanya perlu memanfaatkan background image dari CSS3 background linear gradient. Mungkinkah CSS3 tootips ini akan mampu menandingi kehebatan tooltip yang menggunakan javascript atau bahkan jQuery? Mungkin sampeyan akan tak pernah percaya ketika jaw
  • 16

    Aug

    Buat Box Anti Copy Paste dg Kode CSS (no right Click using CSS)

    Membuat anti copas (anti copy paste) atau anti jiplak yang dalam bahasa sontoloyonya disebut sebagai no-right click tak harus dilakukan dengan javascript. Kode CSS sederhana mampu menjadi sebuah perangkat ampuh untuk memberi keamanan pada beberapa materi posting, baik berupa gambar ataupun text dengan spesifikasi khusus :”tidak diperkenankan untuk meng-copy/menyalin!”. Penggunaan kode CSS untuk membuat anti klik kanan (anti copy paste, anti jiplak atau no right click) ini, bahkan bisa diterapkan hanya pada beberapa bagian posting saja. Materi posting yang akan kita amankan kita proteksi dalam sebuah box yang ukurannya bisa disesuaikan. Karena terpadu dalam sebuah kode CSS, maka box wadah “barang anda” yang akan diamankan untuk tidak dengan mudah dicopy paste ini da
  • 11

    Aug

    Lengkapi Blog dengan CSS3 Resize Property

    CSS3 Resize Property bisa dimanfaatkan untuk mengatasi keterbatasan ruangan blog, menyembunyikan atau menampilkan sebagian gambar dan teks, dan mungkin bisa juga dikembangkan lagi sesuai fungsi dan kebutuhan setiap blogger. CSS3 Resize Property berfungi seperti pada textarea, dimana ukuran (box) dapat diperbesar ataupun diperkecil secara vertikal dan horizontal dengan menarik (drag) bagian ujung box yang bertanda menggunakan mouse/cursor. CSS3 Resize bekerja dengan sempurna di Mozilla Firefox, Google Chrome, Safari dan SeaMonkey. Diharapkan, dengan dukungan dari beberapa browser besar ini, tak lama lagi browser yang lain segera mengaplikasikan fungsi CSS3 Resize Property ini di software mereka. Kode CSS3 Property Bentuk kode HTMl/CSS yang sangat simpel dari CSS3 Resize Property sudah mamp
- Next

Author

Follow Me