Langsung ke konten utama

Postingan

Menampilkan postingan dari Maret, 2012

Guilty Crown Blogger template

Hai sobat,kali ini ini saya buat template anime lagi nih,tema'a Guilty crown dengan Icon'a Inori :).pasti pada taukan guilty crown,film anime yang lagi populer sekarang karena ceritanya yang menarik dan keren.disini saya buat template Guilty Crown ,hasil Editan dari template Another yang pernah saya share minggu lalu.sperti yang sudah saya janjikan,saya merombakya jadi template css,tapi tetap mendapat tema guilty crownnya.design'a yang cukup simple dan paduan warna yang ga terlalu girly. Untuk gambar headernya,saya edit sendiri,asli editan sendiri dari hasil gambar scan yang saya temukan di Website minitokyo.net .hasilnya seperti gambar dibawah ini~xD kembali lagi soal templatenya,kali ini saya buat 2 versi,yaitu versi 1 sidebar dengan 2 sidebar.dikarenakan banyak client yang selera'a berbeda minta ini itu bikin pusing =__=" berikut preview'a -1 Sidebar- -2 Sidebar- Lanjut ke pengaturanya,sama" mirip dengan template Another ,tapi disini menggunakan menub

Animasi Text dengan CSS3

Entah kenapa akhir" ini lagi seneng"a main animasi,mungkin lagi bosen buat template kali ya?wkwkwk,padahal dari dulu paling males pakai keyframe karena agak berat,apalagi kalau di browser mozilla. ggrrrr malesin bgt deh=___=".saya buat beberapa experimen coba" dan hasil'a ada yg seperti hedaer saya,dan efek menarik lainya.tapi yang seperti di header saya tidak bisa dishare,karena udah nyatu ama header blog saya,mana yg dicopas jg udah lupa,n ribet==v,tapi contoh" dibawah ini tidak kalah menarik juga loh.daripada css HTMLa dibuang sayang,saya share aja deh.beberapa animasi diantara'a,mungkin cenderung lebih bagus di browser google chrome daripada mozilla firefox.meskipun udah diupdate browser mozilla'a ke yang paling baru,tp tetap aja masih menang google chrome kalau soal CSS3. nah,langsung aja saya dah sediain demo + CSS + HTMLnya.masih ada yang gatau css sama html'a mau ditaruh dimana?ckckck==" #Indonesian ._. Htmlnya bisa di masukan di

Trik Memasang Avatar penulis blog

Trik Memasang Avatar penulis blog,Mungkin sobat sering melihat avatar" atau foto penulis blog yang penulis blognya berbeda,dan mempunyai avatar'a masing" yang berbeda seperti template Anime" orang luar negeri yang tiap design'a menggunakan sistem postingan seperti itu.sebenarnya Ini trik lama dan untuk memasang'a sangat simple,tapi trik saya kali ini agak berbeda dengan yang lain ,karena trik yang saya berikan valid HTML dan penempatan CSS'a yang benar.penggunaan css Inline Styles yang salah contoh'a seperti dibawah ini. <div style="color=#fff;background:#fff;">...</div> Sebisa mungkin hindari penggunaan inline style seperti diatas. Lebih baik menggunakan stylesheet bawaan blogger,diantara <b:skin> isi css </b:skin>. cara ini akan sangat memudahkan kamu pada saat mengedit CSS'a. Untuk mencoba trik ini saya sarankan untuk membackup template kamu agar tidak terjadi hal yang tidak diinginkan.sebenarnya cara'a c

Black Rock Shooter Blogger Templates

Hai sobat.kali ini saya mau share template experimen saya nih,tema'a black rock shooter.design'a yang unik dan aneh kalau diperhatikan dari struktur template yang saya buat 1 kolom 3 footer.pada tampilan homepage dan halaman posting berbeda,tampilan'a saya buat semenarik mungkin dengan penempatan widget" teratur dan penempatan background'a juga sudah saya atur pada halaman depan,sedangkan pada halaman posting saya buat lebih simple.ada baiknya sebelum mengunakan template ini,backup dahulu template kamu.dan saat memasang template ini saya sarankan untuk menghapus semua widget lama anda karena dapat menyebabkan salah penempatan widget pada awal pemakaian template ini.sebelum'a saya jelaskan dulu pengaturan template ini. Pengaturan 1 Cara mengganti pesan diatas: buka blogger=> rancangan=>edit HTML lalu cari kode html dan text seperti dibawah ini,lalu kamu ganti pesan'a <div class='herder'> <p>Blog ini berisi tentang info seputar Des

Ribbon menu CSS3

Apa kabar sobat?sudah lama nih saya share css3 karena sekarang sibuk kuliah,tapi kalau ada waktu senggang ,manfaatin aja deh~xDD thx sudah sering" mampir.nah kali ini saya mau share css ribbon menu.design menubar yang menyerupai pita,karena menarik dan ringan.ok langsung saja~ Pertama,buka blogger kamu => Rancangan=> edit HTML lalu masukan kode html di bawah ini. <div class='menu'> <a href='#'><span>Home</span></a> <a href='#'><span>About</span></a> <a href='#'><span>Services</span></a> <a href='#'><span>Contact</span></a> </div> Ganti tanda pagar # dengan url link kamu kemudian,masukan css dibawah ini di atas kode ]]></b:skin> .menu:after, .menu:before { margin-top:0.5em; content: ""; float:left; border:1.5em solid rgba(0, 159, 234, 0.3 );} .menu:after { border-right-color:transparent;} .menu:before { bord