-
KLIK di SINI :
-
-
Widget Burung Twitter Terbang dg Effek CSS3 » Spesial Tutorial Blogdetik
Posted on April 13th, 2012 oleh gubhugreyot
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!
Widget animasi burung twitter terbang yang akan kita buat ini sudah mengalami beberapa perubahan dari widget yang sama yang ada di berbagai tutorial. Perubahan dilakukan dengan menambah beberapa effek seperti transparency effect, zoom effect serta rollover effect. Opacity effect berfungsi menciptakan burung twitter dengan transparency effect sehingga burung ini terlihat seperti terbang dibalik teks posting. CSS3 transform-scale berfungsi membuat si burung twitter terlihat lebih kecil dari ukuran sebenarnya agar tidak justru menjadi ganggunan bagi pengunjung ketika menikmati posting, sementara rollover effect dan zoom effect (juga menggunakan css3 transform-scale) akan membuat si burung twitter berubah menjadi “burung twitter animasi yang sesungguhnya disertai effek zoom” dengan menampilkan gambar berbeda berbentuk animasi gif. Burung twitter animasi gif akan terlihat saat cursor di arahkan di atas “burung twitter”.
DEMO Animasi burung twitter terbang di blogdetik:
17 Comments »
Filed under: Javascript, Tutorial BlogDETIK, Tutorial Blogger, Widget tagged Javascript, Panduan BlogDETIK, pasang widget, Tutorial BlogDETIK
Modif Lightbox Plugins menjadi Lightbox Slideshow
Posted on Desember 28th, 2011 oleh gubhugreyot
Ini adalah sebuah tips dan trick untuk menambahkan fungsi slideshow pada Widget Lightbox plugin Blogdetik. Dengan tambahan fungsi slideshow maka ketika sebuah image gallery pada lightbox diaktifkan dengan meng-klik salah satu thumbnail-nya, secara otomatis slideshow bekerja dan lightbox Image Viewer akan menampilkan semua image dalam gallery secara bergiliran. Untuk menghentikan dan mengaktifkan fungsi slideshow telah tersedia button text stop-slideshow dan play-slideshow. Sebuah javascript serta CSS baru harus ditambahkan agar lightbox yang sudah sampeyan pakai saat ini (yang baru mau pakai juga bisa) mempunyai fungsi extra slideshow. Silahkan copy javascript berikut CSSnya. Jika dipandang perlu, sebaiknya javascript diupload terlebih dahulu di file hosting agar lebih simple/ringkas saat disimpan di template. Untuk kode CSS letakkan tepat di bawah atau di atas javascript. Simpan ke-2-nya melalui Appearance-Widget-widgetize Any HTML.
DEMO lightbox-slideshow
4 Comments »
Filed under: Iframe & Media, Modifikasi BlogDETIK, Tips & Tricks Blogger, Tutorial BlogDETIK, Widget tagged Panduan BlogDETIK, Tips dan Trik BloGGeR
Trick Posting Blogdetik: Posting berbagai media dengan jQuery Media Plugin
Posted on Desember 27th, 2011 oleh gubhugreyot
Jika pada posting sebelumnya telah kita pelajari bersama cara membuat preview iframe yang berfungsi menampilkan video Youtube, Vimeo, DailyMotion, Google Maps, blog/web dan beberapa yang lain agar bisa ditampilkan sebagai materi posting di Blogdetik melalui jQuery Iframe Preview, maka untuk kali ini akan kita buat yang setingkat lebih di atasnya. Media Preview jQuery Plugin tak hanya sekedar membuat kita bisa memposting iframe dengan bentuk seperti yang tersebut di atas, namun beberapa media yang lain dalam bentuk video/movie (.mov, .mpg, .mpeg, .mp4, ogv, .wmv), audo/music (.mp3, ogg, dll), image(.jpg, .gif, .png), file flash (.flv, .swf) dengan leluasa dapat kita buat sebagai posting. Beberapa demo yang telah dipersiapkan dapat sampeyan buka agar lebih memperjelas maksud digunakannya Media Preview jQuery Plugins. Satu hal yang perlu diperhatikan, agar media preview dapat berfungsi sempurna maka PC harus dilengkapi dengan software QuickTime Player dan Window Media Player.
6 Comments »
Filed under: Iframe & Media, Tips & Tricks Blogger, Tips & Tricks Posting, Tutorial BlogDETIK, Widget, jQuery tagged Tutorial BlogDETIK
Free .swf (flash file) Hosting : Panduan lengkap upload di swfCabin
Posted on Desember 26th, 2011 oleh gubhugreyot
Sekalipun beberapa waktu berselang telah terpostingkan, namun karena sebagian situs telah mati, maka pada kesempatan ini hanya akan kita perlihatkan satu situs penyedia layanan penyimpanan file flash (.swf) gratis yang kita pandang dapat diandalkan sebagai tempat menyimpan flash (.swf) kita, yaitu swfCabin. Untuk menyimpan file sama sekali tak diperlukan prayarat atau formulir dalam bentuk apapun. Persiapkan saja file .swf sampeyan dan segera upload begitu saja. Tentang mengapa kita mesti pilih swfCabin , aku kira tak perlu sebuah jawaban yang macam-macam, yang jelas bahwa situs ini telah mampu memberikan layanan selama lebih dari satu tahun tanpa penah ada kendala dan terlebih pada saat ini tak banyak situs gratis lain (bahkan mungkin tak ada) yang bisa lita gunakan.
Cara upload dan mendapatkan URL file terupload
1 Comment »
Filed under: File Hosting tagged Flash
