Trik merubah tampilan homepage dan halaman posting

Sobat bosen dengan tampilan blog sobat?sekedar berbagi ilmu,bagaimana caranya warna background pada home page berbeda dengan tampilan saat membaca posting blog,seperti blog saya.mau tau cara'a gan?Cekidot gan...Untuk dapat merubah tampilan blog,cara yang kita gunakan hanya CSS3 dan HTML b:if cond yang sudah saya kasih tau di artikel 5 Kode HTML Untuk Mengatur Tampilan Blog.yang kita lakukan sekarang,hanya merubah css pada tampilan posting,kita tidak...

Read More

Belajar CSS3

apa kabar sobat?sehat kan?sebelum'a saya mengucapkan natal dan tahun baru 2011 ^^ok,kali ini saya mau share tentang dasar - dasar tentang trik CSS3 yang sudah kita coba selama ini,mungkin sebagian dari sobat hanya copy paste css ke template,tanpa mengerti arti kode tersebut dan fungsinya,dan mengalami kesulitan untuk mengatur sendiri css'a.pertama kita harus tahu dulu apa itu CSS??Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman...

Read More

Membuat Menu Bubbles Dengan Jquery Dan CSS3

apa kabar sobat?kali ini saya mau share trik menarik lagi nih.membuat Menu Bubbles Dengan Jquery Dan CSS3,sebenarnya'a ini trik lama ,tapi beda'a disini saya menambahkan Sentuhan CSS3 agar lebih menarik.efek bubble akan muncul jika sobat arahkan kursor ke tombolnya.mau?cekidot gan....Pertama,cobat copy paste CSS di bawah ini di Rancangan =>Edit HTML =>lalu letakan css'a di template sobat di atas kode ]]></b:skin>.bubbles {margin: 100px...

Read More

Apa itu em,pt,dan px?

sobat mungkin terdengar agak asing dengan dengan em,pt,dan px?sekedar berbagi pengetahuan tentang apa itu em,pt,dan px,yang biasa kita temukan pada css template blog kita.ke tiga elemen itu berfungsi hampir sama kq ...langsung aja saya mau kasih tau aja nih ^^pertama,kita pejari pixel dulu ya ^^PX/PIXELDalam dunia blog,pixel digunakan untuk mengatur besar text,gambar,background,dan widget2 yang ada pada web/blog,tapi Dalam digital imaging,px atau...

Read More

Membuat Link hover warna - warni dengan CSS3

Mungkin sobat sudah pernah melihat atau menggunakan trik ini menggunakan javascript dan jquery yang membuat link jadi berkedip warna - warni,tetapi trik menggunakan javasript itu bisa membuat blog kita berat,bahkan jadi hang...nah,disini saya akan kasih tau gimana cara'a membuat kostum link hover dengan pilihan warna yang bisa kita atur sendiri menggunakan KEYFRAME CSS3.trik ini sangat mudah digunakan,dan tidak akan memberatkan blog sobat karena...

Read More

30 Trik menarik CSS3

ini dia kehebatan CSS3,effect'a yang keren dan mirip dengan effect jquery dan flash.menggunakan css3 tidak akan memberatkan blog sobat tergantung banyak'a pemakaian css pada blog sobat,nah..kali ini saya akan share 30 Kreasi css3 dari saya yang unik2 n_n ,terdiri dari jenis CSS3 border radius atau corner,CSS3 gradient,dan CSS3 animation.untuk menikmati CSS3 ini,disarankan sobat menggunakan browser versi terbaru,dan mendukung CSS3 agar tidak...

Read More

CSS3 Gradient Generator

Sobat bingung dalam menentukan warna saat membuat css gradient yang sobat buat?saya punya alternatif'a nih..CSS3 gradient generator.dengan generator ini,akan memudahkan kita untuk mengatur besar,radius dan warna yang kita inginkan.Cekidot gan.Sobat bisa kunjungi situs alternatif'a di http://csscorners.com/http://www.colorzilla.com/gradient-editor/http://www.westciv.com/tools/gradients/http://freehtml5templates.com/gradientgenerator/gradient-generator.phpSemoga...

Read More

Membuat menu melayang dengan sentuhan Jquery dan CSS3

Apa kabar sobat?udah pernah lihat menu melayang belum?pasti sudah kan..kali ini saya mau share trik menu melayang,tetapi menu ini dilengkapi jquery dan css3.effect animasi hover'a dengan css3 dan effect melayang dengan jquery yang selalu mengikuti layar kita.contoh'a bisa sobat lihat disini mau tau cara'a?lets go...Pertama,buka blogger sobat, Rancangan => Edit HTMLlalu masukan css dibawah ini ke template sobat#floatMenu {position:absolute;top:150px;left:50%;margin-left:235px;width:80px;}#floatMenu...

Read More

RetroPop Template blogger

Untuk sobat yang suka template simple,tapi bagus dan penuh warna,saya mau share template buatan saya sendiri nih n_n.daripada disimpen di flashdisk berhari2,mending saya share aja buat sobat.template ini full CSS3 tanpa menggunakan gambar sama sekali,kecuali untuk logo dan background'a.tpi untuk dapat merasakan css3,disarankan menggunakan browser versi terbaru yang mendukung css3 seperti google chrome dan mozilla,tetapi untuk fasilitas readmore...

Read More

Cara menggunakan Google font di blogger

Ini dia sobat.google font api,google memberikan layanan kostum font dengan slogan - 'Making Beautiful Web!.dgn font dari google ini,sobat bisa mengganti font/gaya tulisan/tipografi yang unik-unik untuk blog sobat.mau tau cara menerapkan google font api di blog kita?cekidot gan..Sebelum menggunakan font ini,ada baik'a sobat backup dulu template'a..Pertama,sobat kunjungi gallery font'a di diSinidisana,sobat akan lihat kumpulan variasi font yang sudah...

Read More

Text 3 Dimensi dengan CSS3

hai sobat,saya mau share trik css3 lagi nih,kali ini saya akan share cara membuat 3D text atau text 3dimensi hanya dengan css3 hasil modifikasi saya dan ditambah dengan css hover efect animation.jadi text animasi dah n_n.Sobat bisa lihat contoh dan Css'a DISINI.Untuk menggunanakan trik ini,ada baik'a sobat backup dulu template sobat n_nSebelum sobat mencoba trik ini,sobat harus tau,kalau trik hover animation hanya muncul di browser yang mendukung...

Read More

Efek Cermin Dengan CSS3

hai sobat,kali ini saya akan kasih tau gimana cara'a menambahkan efek Cermin atau Reflections pada gambar yang kita inginkan.contoh'a bisa sobat lihat disini .ini dia cara'a,Cekidot gan...Cara'a mudah kq,sobat tinggal copy paste kode ini ke template kamu.kode dibawah ini adalah css yang mempengaruhi efek cermin pada gambar-webkit-box-reflect: below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent),...

Read More

Animasi Sharingan Dengan CSS3

hai sobat,kali ini saya mau share cara membuat animasi sharingan hasil experimen sendiri nih n_nsilakan sobat coba2 buat iseng2.tapi trik css3 animation ini,hanya akan terlihat di browser tertentu seperti google chorme.untuk mozilla firefox belum dapat mendukung animasi ini  .bila sobat mau lihat contoh'a,bisa dilihat Disiniini dia trik'aPertama,masukan CSS ini di template sobat.Sharinganmadara {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoaS8ZU8Ddh9-Pwd1BL4DZkMv0Uis7iZm2pmerlgNc_t7ImePJ7mXYBa9ZxeuGJqQCpnKBV4mlv5f2dh01-cSJ1KjGjWOUA3qyFx_Y8IyctqgdwHmlQccmBtPcWiCEKM9xfTFX320M4z2c/s320/300px-Mangekyou_Sharingan_Madara.svg.png)...

Read More

5 kode HTML untuk Mengatur tampilan blog

Saya dapat pertanyaan dari teman saya,bagaimana bisa sidebar hanya bisa tampil di home page?sedangkan pada saat membaca artikel,sidebar'a menghilang??ini dia trik'a. .trik'a adalah kode logika/html/if. dengan kode ini kita bisa menambahkan sedikit kode sehingga menjadi b:if cond=, dalam artinya, jika kondisi...guna'a agar kita dapat menghilangkan elemen yang berat di halaman tertentu yang kita inginkan,Macam2 kode...Ada 5 macam yang yang bisa saya...

Read More