Membuat efek shadow pada template blog merupakan salah satu cara untuk mempercantik tampilan blog kesayangan anda. Memberi efek shadow itu seperti kita memberikan bayangan pada objek tertentu, ngerti kan ?Kalo gk ngerti disanping ada gambar kotak putih, dan dia mempunyai bayangan,
sekarang sudah tau kan ?
kalau anda ingin menerapkannya pada blog anda ikuti langkah-langkah membuat shadow ( bayangan ) berikut :
>> Klik Rancangan
>> Edit Html
Cari kode #outer-wrapper ...bla..bla... (gunakan ctrl+f agar pencarian lebih mudah)
tambahkan kode-kode ini disamping kode #outer-wrapper tadi...
box-shadow:0 0 20px #6d5d96;Kode yang berwarna merah di atas dapat sobat ganti dengan kode warna lain,
-webkit-box-shadow:0 0 10px #6d5d96;
-moz-box-shadow:0 0 20px #6d5d96;
-o-box-shadow:0 0 10px #6d5d96;
Setelah selesai, simpan templatenya
Selain kode #outer-wrapper,
anda bisa cari kode .post dan .post-body, itu kalau untuk badan postnya...
Selain itu anda bisa cari #sidebar atau .sidebar juga dan menambahkannya serta #footer-wrapper, dan lain-lainnya masih banyak lagi tergantung dari defaultnya templatenya...,
tapi anda bisa mengaturnya sendiri tinggal mengerti tentang pemahamannya.
Cukup sekian dulu postingan Membuat Efek Bayangan (Shadow) Pada Blog ini. Semoga postingan ini bisa bemanfaat :)
Artikel Terkait:
Blog tutorial
- Cara PALING mudah membuat blog
- Cara paling mudah membuat tombol search keren
- Cara memasang widget alexa terbaru
- Membuat artikel terpancing dibawah postingan
- Membuat daftar isi keren
- Membuat Efek Zoom Pada Gambar Di Blog
- Cara menampilkan hanya judul posting di homepage
- Merubah tulisan "postingan lama" menjadi angka
2 comments
Akan saya coba.
MAkasih banyak ilmunya.
Gak work gan , sudah saya coba
Posting Komentar