Background Css Blog Keren Anti Lemot

Background Css Blog Keren Anti Lemot. Yup, benar sekali Mas yusa kali ini akan share Tutorial blog lagi. Setelah kemaren kemaren Turorial blognya absen, akhirnya Mas yusa punya ide untuk membuat postingan. Post kali ini isinya tutorial cara membuat background css yang mengurangi berat blog. Kok bisa? Jika sobat memakai background gambar, dan sobat beralih ke background css. Perbedaanya akan terasa.

Okelah langsung saja kita bahas intinya :

Style 1

Kodenya :

background-color: #0ae;background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);-webkit-background-size: 100px;-moz-background-size: 100px;

Style 2

Kodenya :

background-color: #f90;background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);-webkit-background-size: 100px;-moz-background-size: 100px;

Style 3

Kodenya :

background-color: #ac0;background-image: -webkit-gradient(linear, 0 100%, 100% 0,color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),to(transparent));background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);-webkit-background-size: 100px;-moz-background-size: 100px;

Style 4

Kodenya :

background-color: #c16;background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),to(transparent));background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent); -webkit-background-size: 100px;-moz-background-size: 100px;

Keterangan : Untuk yang berwarna merah bisa diganti. Artinya yang berwarna merah adalah besar kecilnya ukuran per garis.

Cara pemasangan di backround blog :

• Cari kode body (Ctrl+F)
• Contoh :

background: #EEEEEE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM0ChAeAQk_ZqwxhAbUmdUtD-ADgNRyxSSYmHKX5eQlkxMzAoUsX52wBmBGxrG42jTGfHGoT-UFOtnJrM4_p1s1dHfJCUMHZQrwO8NnUCxYxzCF69TyHMGQ4XH3dp-xajjkZV8-u9LMEE/s1600/bg.png) top center no-repeat;
color: #333333;
width: 980px;
font-size: 12px;
font-family: Tahoma, Arial, Verdana;
margin: 0 auto 0;
padding: 0;
line-height: 20px;
}

• Ganti semua yang berwarna merah dengan kode pilihan background css di atas.

Selesai... :) Komentarnya ya...

Source code : Djogzs.blogspot.com

Tweet

Baca Peraturan Copy Paste !

Anda sedang membaca artikel tentang Background Css Blog Keren Anti Lemot dan anda bisa menemukan artikel Background Css Blog Keren Anti Lemot ini dengan url http://masyusa.blogspot.com/2012/08/background-css-blog-keren-anti-lemot.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Background Css Blog Keren Anti Lemot ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Background Css Blog Keren Anti Lemot sebagai sumbernya. Jika tidak saya akan laporkan Google ! Yusa Syihab Akbar

About Me-->