Untuk membuat Efek se[erti pada judul posting saya ini sangatlah mudah, sobat tinggal menambahkan sedikit kode CSS3 pada Template Blog kawan semua maka Efek bayangan akan muncul di Teks Blog sobat.
Untuk lebih jelas silahkan ikuti langkah-langkah berikut :
Sebagai contohnya sobat ingin memberi Efek bayangan pada judul postingan
Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
cari kode seperti berikut
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
.post h3 {
color: #444;
font-size: 22px;
font-weight:normal;
line-height:1.4em;
margin: 0 0 5px;
padding: 10px 0 10px;
}
Jika sudah ketemu tambahkan kode text-shadow: 2px 2px 2px #DDD; kedalamnya
maka hasilnya akan menjadi seperti dibawah :
color: #444;
font-size: 22px;
font-weight:normal;
text-shadow: 2px 2px 2px #DDD;
line-height:1.4em;
margin: 0 0 5px;
padding: 10px 0 10px;
}
Silahkan diatur nilai propertynya untuk mendapat Efek Shadow yang sobat inginkan.
Efek ini juga bisa ditambahkan pada Teks di bagian sidebar, form komentar, footer, dan lain-lain.
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Selamat mencoba
eh,ak nanya,kau pnya kode kode efek shadow gk?
BalasHapuskalo efek shadow text= text-shadow: 2px 2px 2px #DDD
BalasHapustinggal rubah angka 2px