form#searchform2{display: block;float:right;margin: 30px 14px 10px 5px;}input.searchinput{background:#fff;border: 1px solid#006699;color:#006699;height:30px;}.searchsubmit{background:#006699;border:1px solid#006699;color:#fff;height: 32px;} .post {-moz-border-radius: 20px ; -webkit-border-radius: 2; border-radius: 20px ; padding:20px; border: 5px solid #ff0000; } #navbar-iframe { height:0px; visibility:hidden; display:none } #Label1 li { float:left; width: 48%; } -->

Lencana Facebook

Selasa, 08 Januari 2013

Membuat Judul Posting dengan Efek Glow Keren


Hallo sob, membawa artikel Trik CSS buat pemula nih sob, Membuat Judul Posting dengan Efek Glow Keren. Sebenarnya ini dinamakan dengan teks shadow, contohnya seperti blog Technology Tower ini sob, atau lihat gambar berikut:
nah udah tau kan? langsung aja sob, check this on:

1. Masuk ke Dashboard Blogger, Klik Rancangan, lalu pilih Edit HTML
2. Karena struktur setiap template berbeda-beda, maka cari salah satu dari kode berikut yang ada di template sobat:
kode 1: .post h1
kode 2: .post h2
kode 3: .post-title

3. Lalu tambahkan kode berikut didalam kurung kurawal '{ }' dalam kode diatas
text-shadow:0 0 3px #54ff00;
#kode yang berwarna kuning adalah warna glow atau shadow nya, bisa anda ganti sesuka hati :D

4. Klik Pratinjau, jika berhasil, Simpan Template anda

keyword: membuat efek glow pada judul artikel blog, memberi glow pada judul artikel, memberi efek cahaya pada judul artikel blog, membuat efek shadow pada judul artikel blog, 

Tidak ada komentar:

Posting Komentar

Ainan Tasneem

http://picasion.com
create an animated gif here at http://picasion.com gif maker