Semua Tentang Seni

Sejak kemarin dan beberapa hari sebelumnya saya rasa tidak ada masalah pada beberapa template yang saya kemarin,tapi hari ini , Selasa 30 januari,ada keanehan pada blog saya,saya sendiri bingung dan kaget.entah kenapa tiba" tombol reply/balas menghilang dan digantikan dengan tombol delete.padahal sebelumnya baik" saja.tetapi tiba" saja berubah seperti gambar dibawah ini,setelah saya cek,ternyata tombol delete menutupi tombol reply,sehingga tombol reply/balas tidak terlihat dan tidak dapat diklik,padahal sebelumnya seingat saya tombol delete sudah saya sembunyikan~xD,mungkin karena ada perubahan sytem thread comment pada blogger,maka beberapa struktur css dan html ada yang berubah juga. Setelah saya cek,Semua kejanggalan ini hanya terjadi pada template dibawah ini secara global : Metrominimalist Robotic Notes Fansuber Otaku Solusi Buka Account Blogger kamu => Template =>Edit HTML , lalu cari css dibawah ini: .comments .comment .comment-actions a { dibawah css terse

Template kali ini bertema minimalist,dan terinsprasi dengan konsep style Metro UI dari windows 8.karena saya rasa sudah ada yang membuat template metro UI untuk blogger dan terlalu mainstream,karena itu saya membuat dengan cara saya sendiri dan kreasi style saya sendiri dengan warna dasar putih,blueDark dan color-blueLight dan css yang digunakan pun sederhana,tentunya membuat template ini ringan dan fast loading.yang paling indentik dengan metro style pada template ini terletak pada Tipografi font ini sendiri yang sama dengan windows 8 ,Segoe UI Light.dan pada bagian posting gambar auto readmore,saya berikan juga CSS3 Filter saturasi dan di beri nilai 0.0 agar warna pada gambar menjadi hilang,tetapi menggunakan hover efek dan diberi nilai 1.1 agar warnanya timbul kembali,lalu pada bagian descripsi,dibuat hover efek juga,dan akan menampilkan tanggal,jumlah comment,author dan label posting. Screenshot *jika menggunakan browser Mozilla,efek filter saturasi tidak akan berfungsi karena b

Hello sobat,akhirnya saya ada waktu juga untuk merekam proses editing template dengan kualitas video yang lumayan dan tidak kaku,karena dari dahulu masih banyak yang penasaran bagaimana saya bisa membuat template ini itu,nah video ini akan menjadi salah satu project template yang pernah saya rekam. di video ini nanti jika kalian menyaksikan sampai selesai,akan menampilkan layar dekstop saya selama kurang lebih 5 jam.yang saya tunjukan didalam video ini adalah proses atau demonstrasi cara saya untuk merombak template shinpuru v2.3 yang belum dishare dan menjadi template sword art online v2 yang sederhana secara santai tapi tepat~.di video ini menunjukan beberapa tutorial yang mungkin sudah ada beberapa yang sudah tau dan mungkin juga ada yang belum tahu dan terjawab selama ini yang selalu anda pertanyakan kepada saya tetapi tidak saya pernah jawab,karena jika hanya dijelaskan teori saya rasa akan kurang paham dan mengerti,jadi semoga video ini cukup membantu untuk yang masih belum menge

Untuk kalian yang mungkin sudah familiar dengen efek filter yang ada photoshop pasti tentunya sudah tahu bagaimana efek filter seperti blur,sepia,grayscale,dll pada gambar.nah kali ini saya mau berbagi informasi,trik dan tutorial menarik lagi tentang CSS3 - Filters untuk Gambar dengan penerapan yang sederhana dan dasar.mungkin sudah ada beberapa yang tahu tentang trik ini,tapi bagi yang belum,bisa kalian coba dan mempelajari tentang dasar" syntax css Filter ini.semoga bermanfaat ^^ Untuk Penerapanya nanti cukup sederhana hanya sesuaikan css name pada class html,atau copy paste syntax css pada class/id html yang anda inginkan,misalkan contoh sederhana-nya : HTML <div class=' nama-filter '> <img border="0" height="400" src="http://4.bp.blogspot.com/-BKUd4ayf0do/UQFKBXmlGzI/AAAAAAAAFGM/h-5QkXyu-84/s400/30059960.jpg" width="283" /> </div> nama-filter diganti dengan css name yang ada di contoh dibawah,misalkan saya pilih

Hello lagi Minna-san,kali ini saya mau sharing template terakhir untuk bulan ini,kenapa?karena minggu depan saya UAS ,dan belum belajar sama sekali @___@. Screenshot Template kali ini Bertema Robotic notes,tentunya buat yang sudah nonton anime ini sudah tau siapa gunvarrel,robot mecha~xD.pada template ini,apa yang unik?kalau kalian sudah melihat demo/mencoba template ini langsung,saat pertama melihat template ini,mata akan tertuju pada header yang bertuliskan please wait,apakah itu? itu adalah css animasi loader yang saya modifikasi agar selalu ada di header hanya sekitar 10 detik,lebih lengkap'a bisa dilihat disini . Screenshot lalu apa lagi yang aneh dari template ini?yang pastinya Style postingnya,bentuknya tidak biasa,tetapi tetap rapih.dan lagi jika kalian perhatikan thumbnail pada posting ukuran gambar hanya sekitar 70px,tetapi ketika kita arahkan kursor ke thumbnail,maka gambar akan membersar,tetapi untuk lebar gambar max 600px dan min 200px,sedangkan untuk tingginya auto,s

Hello sobat,pada kesempatan kali ini,saya akan berbagi trik cara memasang Efek loading page dengan CSS3 Animasi hasil modifikasi saya sendiri full menggunakan CSS3 dan dan css3 keyframe animation dengan menggunakan timing yang tepat~xD ScreenShot: Awal mula membuat trik ini saya mendapat ide dari banner slider/photo slider yang dulu saya post.jadi saya punya ide untuk menggunakan efek loadingnya saja dan dibuat melayang pada blog kita pada tiap halamanya,ya sudah,saya hapus gambar slidenya,dan dibuat lebih simple dan menyisakan css loadernya saja.efek loadernya sendiri saya atur timing standart'a selama 15 detik dan efek fade-out/efek menghilangkan slider setelah waktu habis,dan jadilah PAGE LOADER palsu~xD. LOL Mengapa saya sebut palsu? karena menggunakan trik ini bukan benar" loading konten yang ada di blog kita,tetapi hanya membuat pengunjung bertahan selama kurang lebih dari 15 detik~xDD. Oia,sebelumnya saya ingatkan,untuk memasang loader page ini,lebih baik diterapkan pa

Hello soat,karena saya rasa ditahun 2013 ini banyak pendatang baru yang ingin memasuki dunia blogger,dan masih bingung cara menggunakan template-template buatan saya,meskipun ini sangat dasar,tapi saya rasa cukup penting,maka saya buatkan tutorialnya,silakan disimak dan dipahami,semoga bermanfaat ^^ xD 1. Login ke account Blogger,lalu pilih menu template seperti gambar dibawah ini. 2. Pilih Menu Backup/restore yang ada di sebelah kanan,atas. 3. kalau sudah,tampilan akan seperti gambar dibawah ini.segera minimize browser,lalu siapkan file yang sudah kalian download,misal di dekstop. 4. lalu buka file yang berformat zip/rar.bila tidak bisa,silakan download software WINRAR Atau Winzip untuk membuka file tersebut.bila dapat dibuka,didalam file tersebut ada 3 yaitu cover,read me dan file yang memili ekstensi xml.nah,file itulah yang harus diupload. 5.Extrak file templatenya yang bertipe data xml ke dekstop anda. 6. Buka kembali Browser anda,lalu klik tombol Choose File. 7. Pilih file xml

Hello sobat,sudah cukup puaskah dengan template" yang baru saja saya buat kemarin? nah kali ini saya akan menunjukan beberapa Analisa saya tentang dasar-dasar CSS Clip property yang mungkin menjadi kategori tingkat menengah-lanjut dari sekian banyak css property yang diketahui,karena masih sangat jarang css ini digunakan penerapanya,tetapi kalau kita akali,mungkin sangat bermanfaat. Apakah itu CSS Clip property,dan apakah fungsinya? Awalnya juga saya kurang mengerti tentang css ini,tetapi setelah melihat hasil contoh penggunaanya,ternyata dapat memotong gambar,atau kalau menurut saya sebagai masking pada gambar karena gambar bukan benar-benar dipotong tetapi hanya menampilkan sebagian gambar yang dapat diatur berapa pixel gambar dipotong dari sisi atas,bawah,kanan dan kiri. penggunaan css ini mendukung pada semua browser dengan versi terbaru. Seperti apakah perintah CSSnya ,contohnya seperti dibawah ini : clip: rect(50px, 450px, 250px, 200px); Yang berarti : clip: rect(Atas, kanan