CSS3 Gradient Warning Line

http://cdn.tripwiremagazine.com/wp-content/uploads/2010/04/CSS3.jpg
Tutorial CSS yuk ..
udah beberapa Minggu ini saya mengisi hari saya dengan Posting Tutorial CSS, Bukan karenasaya Master, Tetapis, Saya cuma ingin share Pengetahuan CSS yang saya Kuasai.
Nah, Kali ini saya mau bagi ke kalian Cara membuat Gradient Warning Line pake CSS, Mau liat ?
Nee di bawah ini ada :

Teks kamu

Tau kan apa Maksudnya ?
kalo Gk tau, mendingan lewatin aja Tutorial ini heheheh ..
Okeh .. Kita langsung Aja ke Tutorialnya, Cekidot

1. Login Blog Masing2
2. Rancangan --> Edit HTML
3. Cari Kode ]]></b:skin>
4. Masukan Kode CSS di bawah ini di atas Kode b:skin tadi

.medeni {
  background:yellow;
  background:-webkit-repeating-linear-gradient(45deg, yellow 15px, yellow 35px, black 30px, black 60px);
  background:-moz-repeating-linear-gradient(45deg, yellow 15px, yellow 35px, black 30px, black 60px);
  background:-ms-repeating-linear-gradient(45deg, yellow 15px, yellow 35px, black 30px, black 60px);
  background:-o-repeating-linear-gradient(45deg, yellow 15px, yellow 35px, black 30px, black 60px);
  background:repeating-linear-gradient(45deg, yellow 15px, yellow 35px, black 30px, black 60px);
}
5. Simpan Template
6. Untuk Mengaktifkan Kode CSS Di atas, di butuhkan Kode HTML, Masukan Kode HTML di bawah Ini di mana aja, di postingan di widget, and Many More

<div class='medeni'>
Tulisan Loe
</div>

7. Selesai Deh Tutorialnya ..

15 ... Skip ke Kotak Komentar

21 Januari 2012 17.06

weh.. kok pertamak yoo?? :D

wkwkwk.. ngakak ane liat clss nya.. medeni wkwkwkw..
wah nice post nih.. bacaan mingguan nich gan.. maturnuwun ngih mas.. :D

21 Januari 2012 17.13

wakaka ..
Di sesuaikan karo Judul Postingane, "Danger" wakakakak .. :D

21 Januari 2012 17.33

nice sob,, :D

21 Januari 2012 17.48

makasih kk ..
bila perlu, praktrkin ya :D

21 Januari 2012 18.08

seep, makin keren aja nih blognya :)

sukses selalu gan :)

21 Januari 2012 18.25

Makasih sob ..
:D =))

21 Januari 2012 18.28

Waahhh..mantef banget nih bang..amankan dulu nih...hahahyyy

21 Januari 2012 18.39

ya silahkan kk... hahayyyy ....

21 Januari 2012 19.28

Wah keliatannya kerennih kk tpi mau tanya ni aman ga??????

21 Januari 2012 21.10

nice tutor kakk
nambah ilmu nih :D

21 Januari 2012 21.25

@Afterlife : Aman ..
@Nando : wkwkw .. saya juga sob, Bila perlu Praktekin ya ehehehe .. :D =))

21 Januari 2012 22.11

Makasih Tutorialnya, dapat ilmu baru lagi ni :D

21 Januari 2012 22.32

sama samasob .. :D

22 Januari 2012 10.19

ijin pake di blockquote ku sob.. :)

22 Januari 2012 11.34

oh ..
Monggo .. :D

Tambahkan Komentar Anda

Peraturan :
1. Dilarang berkomentar dengan kata-kata yang kotor, Pornografi, SARA
2. Dilarang Poskan Spam
3. Dilarang poskan URL yang tidak perlu
Sekian Pemberitahuan Dari Saya
Hati-hati dengan Komentar Anda, anda Komentar Bukan Spam, Saya Pasti akan Follow anda, This Blog Dofollow

 
Yahoo Messenger
Send Me IM!
Google Plus
Add Me To Your Circle!
Twitter
Follow Me!
Facebook
Add My Facebook
Original Template By Belajar SEO Blogspot - Himajiesized By Dayz Hidayat - Converted By [./Forbiden-403]