Semua Tentang Seni

Apa kabar sobat,kali ini saya mau sharing tips dan trik cara memasang @font face atau biasa disebut cufon font seperti template blogger saya Retropop v2 atau blog saya sendiri.mungkin banyak dari kalian yang mungkin agak kesulitan saat menggunakan font ini.harus uploadlah,inilah itulah,tapi disini saya akan kasih trik mudah'a menggunakan cufon font. tapi sebelum trik,saya jelaskan dulu tipsnya. Tips menggunakan Cufon font -Saya Sarankan jangan menggunakan cufont lebih dari 2 jenis font. -Terapkan cufon font HANYA pada Header text.misal judul blog,judul posting,judul sidebar,dan Readmore. -Jangan terapkan cufon font pada seluruh halaman blog. -Sebaiknya upload font pada hosting local / hosting yang koneksinya cepat dan lancar seperti https://sites.google.com/ ini kumpulan JS milik saya https://sites.google.com/site/djogzs/js keunggulan menggunakan cufon font yaitu: -Text lebih jelas -Tipografi sangat sempurna -Text'a tidak dapat di copy paste seperti text biasa karena menggun

Untuk yang kesekian kalinya,saya buat template lagi.template kali ini simple,tapi aneh tapi unik.jadi apa ya?wkwkwk.nahh,template kali ini saya beri nama Retropop V2 karena tema dari template ini sendiri masih sama dengan template sebelumnya Retropop ,tapi bedanya yang ini menggunakan warna dasar putih.Inspirasi warnanya sendiri saya dapat dari Colour lovers .kalau dari templatenya sendiri,saya beri border pada postinganya,dan hiasan css3 yang menarik.selain itu juga saya tambahkan Cufon costum font harabara.mungkin bagi yang koneksi'a agak lelet,akan membuat proses loading font'a sedikit lemot,tapi disini saya lebih mementingkan tipografi dan design'a.meskipun begitu,template ini menurut saya sangat ringan karena minim'a penggunaan gambar. Ganti Link pada menubar,buka Rancangan >> Edit Html lalu cari kode html seperti yang dibawah ini. <div class='toplevel' id='navigation'> <ul> <li><a href='#' title='Menu1'&

Sewaktu kemarin saya seharian nonton film anime Shinryaku ika musume,cerita'a kocak banget dan tokoh'a juga moe,lucu~xDD.nah akhirnya kepikiran buat template yang simple dengan thema ini deh~xD .template sederhana ini saya buat tampilan dengan style transparant rgba,mungkin karena sekarang lagi ngetrend juga model kek gitu.tapi bila sobat buka template ini dengan browser mozilla,mungkin agak berbeda dengan menggunakan browser google chrome.karena ada sebagian css yang belum bisa didukung oleh mozilla.dan untuk tampilan menu,'a saya buat seaneh mungkin,dengan membuat menu jadi bulat dan tambahan border radius 8px di kiri dan bagian bawah.masih fresh hasil dari tangan sendiri n_n oia,sebenarnya template ini adalah template editan dari template saya yang pertama black elegant blogger template .template itu jujur aja msh belum sempurna karena template itu saya buat waktu msh smp,jadi wajar aja klo kliatan'a asal banget ==v.beberapa element yang tidak penting saya hapus se

hai sobat,kali ini saya redesign template blogger saya yang lama"rukia template".template yang dulu menurut saya masih banyak penggunaan gambar dan jquery,sekarang templatenya saya design ulang menjadi lebih simple ,dan menggunakan rgba color pada backgroundnya.untuk thema'a sendiri saya pasang gambar black and white rock shooter. -Preview- Ganti Link pada menubar,buka Rancangan >> Edit Html lalu cari kode html seperti yang dibawah ini. <div id='nav'> <ul> <li><a href='http://#'>Menu1<br/><span>Black rock</span></a></li> <li><a href='http://#'>Menu2<br/><span>White rock</span></a></li> <li><a href='http://#'>Menu3<br/><span>Shooter</span></a></li> <li><a href='http://#'>Menu4<br/><span>Anime</span></a></li> <li><a href='http://#'>

Midori Hanabira.apa itu? kata Midori Hanabira saya ambil dari bahasa jepang yang berarti hijau daun.mungkin agak maksa namanya karena saya bingung sendiri.hhahaha,ywes,kali ini saya mau bagi" template saya sendiri,coz bntar lagi kuliah saya sudah masuk semester 2, dan mungkin saya ga akan update postingan lagi dikarenakan pula saya mau fokus belajar dulu.dari pada templatenya dianggurin dan berhubung banyak banget yang minta template ini,dan semakin banyak'a plagiat yang nyontek" template saya,saya kasih deh,saya mah orang'a ga pelit" banget kq.tapi saya harap sobat gunakan template ini dengan bijak,tidak mengaku" hasil karya saya.bolehlah edit",tapi tolong sadar diri ini adalah hasil jerih payah saya.dan catatan untuk NEWBIE yang tidak mengerti dasar" CSS html,saya sarankan jangan menggunakan template ini,kalau mau mengedit template ini editlah sendiri,karena saya tidak mau bertanggung jawab untuk membantu template kamu. Template ini saya design

Wahahaha,ini dia event pertama yang saya buat sendiri,Award CSS master.event'a sudah berlangsung dari tanggal 2 febuary sampai sekarang tanggal 5 febuary di grup deezclan .Event yang saya buat cukup simple,yaitu menjawab 20 pertanyaan seputar css yang saya buat dengan google doc ,ada yang mudah dan sulit.tapi buat saya pertanyaan'a itu sangat dasar sekali untuk orang yang sudah biasa otak - atik blog.dengan sistem penilaian poin,1 soal bernilai 5 poin dengan 20 pertanyaan.jadi total 20x5=100 poin nilai sempurna.pesertanya cukup banyak yaitu 22 orang.dan hasilnya lumayan memuaskan ada 14 orang yang lulus dengan nilai diatas 80.inilah yang membuat saya bangga pada sobat" blogger sekarang.CSS bukan lagi menjadi hal yang asing untuk anak" muda dari sd,smp,sma sudah tau cara'a bermain css.tujuan dari event ini pula untuk memotivasi mereka yang mengikuti agar mendapatkan ilmu" dasar dan paham betul cara kerja css.nahh,hadiah untuk yang menang,saya akan memberikan b

Postingan kali ini,saya mau share Simple Navbar dengan Efek Blur yang berasal dari Blog akb yang merupakan blog saya sendiri.karena ada banyak request yang minta di kasih tau cara memasang'a ywes saya kasih nih. ~xD Untuk menggunakan Navbar ini,pertama buka blogger => rancangan => edit HTML lalu masukan css dibawah ini diatas kode </b:skin> #nav { float:left; width:100%; overflow:hidden; background: -moz-linear-gradient(top, #25272C 0%, black 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25272C), color-stop(99%,black)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25272C), color-stop(99%,black));} #nav li{ float:left; display:inline; list-style:none; line-height:13px; margin-right:1px; color:#ddd;} #nav ul:hover, #nav li a {color: transparent;text-shadow: 0px 0px 3px white;} #nav li a:hover, #nav li a.selected{ color:#fff;} #nav li a { float:left; font-size:16px; font-family: 'Trebuchet MS', Trebu