Langsung ke konten utama

Postingan

Menampilkan postingan dari Januari, 2012

Costume CSS3 V2 Blogger templates

Apa kabar sobat?Kali ini saya mau share blogger template lagi nih.karena lagi banyak permintaan yang mau template yang sedang pakai,dan inilah awal dari blog saya.ok nih template costume css3 v2 dari template sebelumnya costume css3 yang sudah pernah saya share juga. tapi tema'a saya buat akatsuki deidara pula.template ini sudah banyak diperbaiki dari template sebelumnya karena masih ada kekurangan.beberapa saya ganti efek" css3'a dan tambahan pagenavi melayang serta efek animasi tombol readmore yang mirip dengan blog saya. -Home page-  -Post page- bila sobat mau mengganti gambar'a,sobat tinggal cari kode html dibawah ini.. <li><div class='kotak16animasi'> <div><a href=' http://djogzs.blogspot.com/ '><img alt='djogzs' src=' http://2.bp.blogspot.com/-pZoPqYUZ-bU/Tyahyp6j2YI/AAAAAAAABAI/IMLE8l3zf3o/s1600/Untitled-1.jpg '/></a></div><div> Welcome ^_^ </div> </div></li> Keter

Animasi Dengan Jquery Firefly Plugin

hai sobat,kali ini saya mau sharing cara memasang Jquery Firefly.Jquery Firefly,memungkinkan untuk menampilkan animasi pada background blog/webkita berputar" seperti nyamuk~xDD.contohnya bisa dilihat seperti blog saya sendiri,bila sobat perhatikan,ada bintang" yang bergerak mengelilingi blog saya.sebelum mencoba jquety ini,jaya ingatkan dahulu untuk membackup template kamu. Contoh Screenshot Ok,pertama buka blogger => rancangan => edit HTMl,lalu masukan script" dibawah ini, diatas kode </head> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/> <script src='https://sites.google.com/site/djogzs/js/less-1.1.3.min.js' type='text/javascript'/> <script src='https://sites.google.com/site/djogzs/js/jquery-firefly.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $.firefly({ /*images : [&#39;h

Trik membuat page navigasi melayang

Sekedar mau berbagi trik lagi,kali ini saya mau sharing cara membuat pagenavigasi seperti di blog saya.trik ini memungkinkan menu "posting lama,posting baru" melayang dan berada dibawah,yang bisa dibilang mirip taskbar. Oia,sabelumnya mau saya ingatkan,trik ini tidak semua template bisa,karena bisa saja css'a berbeda".tapi rata" saya pikir sama saja kq.dan sebelum menggunakan trik ini juga,saya sarankan pula untuk membackup dahulu template kamu/simpan /download dahulu template kamu. Disini yang sobat perlu lakukan buka blogger => rancangan =>edit Html,lalu copy css dibawah ini(pilih salah satu style) ke atas kode </b;skin> . Note:Sobat cari dahulu css #blog-pager,#blog-pager-older-link,#blog-pager-newer-link pada template sobat,bila ada hapus dahulu agar css'a tidak bentrok. Style 1 .home-link { background: white; padding: 10px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-left-radius: 20px; -webkit-bord

Tips Design menggunakan CSS3

Hai sobat,terima kasih sampai saat ini blog saya masih hidup karena masih banyak yang mengunjungi blog saya.pada kesempatan kali ini,saya mau kasih Tips tentang penggunaan CSS3 yang baik dan benar. setelah lama saya banyak melakukan experimen dengan CSS3,dan baca" juga tips" design web/blog dari situs" web ternama yang memang sudah ahli dengan CSS,html,coding dan sebagainya.Saya jadi mengerti bahwa CSS3 dibuat untuk tujuan yang sebenarnya untuk mengoptimalkan dan mempercantik kinerja web itu sendiri.tapi ada kalanya jika terlalu banyak menggunakan fitur" yang sebenarnya juga tidak terlalu penting,dan cuma pamer masang sesuatu yang gajelas,maka yang terjadi adalah crash pada browser saat membuka blog kita sendiri.mengapa? karena browser juga mempunyai batas untuk menampung semua efek" CSS3 yang sedang berjalan,apalagi kalau kita sedang membuka multitab,seperti facebook,youtube,dan sebagainya.coba sobat blogwalking ke situs" web orang asing.pernakah sobat m

Uchiha Sasuke Blogtemplates

Seperti yang saya janjikan,setelah buat template cosplay lovers V2,saya langsung buat template lagi dengan thema Uchiha sasuke.desainya lebih menarik,dan lebih berwarna,sesuai dengan warna kepribadian karakter Sasuke.yeahhh,me gusta~xD Seperti biasa pula,Template ini menggunakan CSS3 pada bagian sidebar kiri dan kanan serta pada posting,dengan desain transparant. Ganti Link pada menubar,buka Rancangan >> Edit Html lalu cari kode html seperti yang dibawah ini. <ul id='nav'> <li class='current-cat'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li> <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li> <li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li> <li><a href='http://dj

Trik membuat Fullscreen background slideshow dengan CSS3

Memasang wallpaper pada background blog kita,terlihat menarik dan unik.tapi menggunakan trik ini juga akan membuat blog sobat agak berat karena lamanya proses loading gambar yang akan ditampilkan. tapi itu juga tergantung dari size gambar yang dijadikan background,saya sarankan sebelum mengupload dan memasang background,cari gambar yang ukuran filenya kecil(100-200kb),dan bila perlu,edit dulu gambarnya di photoshop menjadi kecil.contohnya blog saya sekarang,mungkin masih agak berat saat pertama kali buka blog saya,tapi kalau cache sudah tersimpan di browser kamu,maka otomatis tidak akan terlalu berat lagi saat membuka blog saya.sebelum mencoba trik ini,saya ingatkan untuk membackup terlebih dahulu template blogger kamu. Contohnya kamu bisa liat blog saya,atau disini: dan ini contoh yang saya gunakan pada template blog experiment : http://akatsukimangaindo.blogspot.com/ ok,yang pertama buka rancangan=> edit HTML,lalu copy kode html dibawah ini di bawah kode <body> <ul class

Orange Minimalist Blogger templates

Orange Minimalist adalah template blogger sederhana dengan desain minimalis dan ditambah dengan sentuhan CSS3 pada post header.template ini tidak saya buat terlalu banyak menggunakan CSS3 ,hanya saja saya buat seminimalis mungkin penggunaanya,tetapi tetap mengutamakan desainya. Ganti Link pada menubar,buka Rancangan >> Edit Html lalu cari kode html seperti yang dibawah ini. <ul id='nav'> <li><a href='#' target='_blank' title='Home'>Home</a></li> <li><a href='#' target='_blank' title='About'>About</a></li> <li><a href='#' rel='nofollow' target='_blank' title='Contact'>Contact</a></li> <li><a href='#' target='_blank' title='Follow'>Follow</a></li> <li><a href='#' rel='author' target='_blank' title='Sitemap'>Sitemap</a><

Cosplay lovers V2 Blogger Templates

Akhrinya Selesai juga Template Blogger Cosplay Lovers V2 *.*.Mungkin sobat bingung,kenapa saya bikin template dengan warna dasar yang lembut.ini karena ada Request template dari seseorang , yang menyarankan buat template dengan warna dasar pink.gpplah,sekali" gw bikin aja,toh gambarnya moe gini.klo ga suka gambar cwe,berarti homo~xDD #Plakk. Oia,template ini sebenarnya bekas Template saya yang dulu "Naruto sage of the six template" mungkin sobat bertanya" kenapa saya tidak PERNAH memposting diblog saya?(dulu di blog akatsuki kagebunshin).itu karena templatenya belum sempurna dan banyak cacad'a.itu template gw buat waktu masih smp,jadi wajar aja kalau masih banyak kekurangan.nah,sekarang templatenya saya upgrade dengan design'a menggunakan css3 pada seluruh bagian template ini,tapi tidak terlalu detail,simple aja~ Ganti Link pada menubar,buka Rancangan >> Edit Html lalu cari kode html seperti yang dibawah ini. <ul id='nav'> <li class=

Naruto VS Sasuke Blogger Templates

Template Blogger Naruto VS Sasuke,mungkin terdengar aneh.tpi karena aneh itulah,menjadi unik.ini karena banyak dari teman saya yang request template anime,akhirnya kepikiran buat template ini. design'a menggunakan css3 pada seluruh bagian template ini. Ganti Link pada menubar,buka Rancangan >> Edit Html lalu cari kode html seperti yang dibawah ini. <div id='nav'> <ul> <li><a href='#'>Home<br/><span>Sweet home</span></a></li> <li><a href='#'>About<br/><span>My profile</span></a></li> <li><a href='#'>Contact<br/><span>My Facebook</span></a></li> <li><a href='#'>Messages<br/><span>Email me</span></a></li> <li><a href='#'>Video<br/><span>Naruto Shippuden</span></a></li> <li><a href='#'>Manga&l

Gumi Vocaloid Blogger Templates

Setelah sekian lama vacum dari dunia blog,kuliah makin berat n makin galau,daripada galau truz,yweslah,ngeblog lagi deh.hhaha,Oia,template anime ini,namanya Gumi vocaloid.kenapa? liat aja backgroundnya. :p template ini saya desain seaneh dan seunik mungkin,dilengkapi dengan hover effect pada header,posting dan footer.tidak lupa juga saya beri bubble javascript pada cursor.ok deh,semoga sobat senang.terima kasih~ Arigatou gozaimasu ^^ Download Demo