Skip to main content

Cara Membuat Efek Shadow/Bayangan pada Outer/Tepi Blog

Cara Membuat Efek Shadow Pada Tepi Blog - Setelah berkeliling di google.com untuk membuat Efek Bayangan di Bagian Pinggir Blog, kita sudah menyelesaikannya. Banyak sekali cara dan variasi yang digunakan para blogger untuk mempercantik tampilan blognya, seperti yang saya coba kemarin dengan membuat border putus-putus, ada juga yang membuat variasi garis berwarna atau tebal, ada juga yang tidak. Itulah variasi yang mempercantik dunia maya dengan kreativitas sesama penggila blog atau web.

Kali ini saya akan membagikan cara membuat efek shadow pada tepi blog atau lebih mudahnya efek bayangan di garis tepi blog. Untuk memasang fitur ini setelah saya buktikan mudah dalam penerapannya, saya yakin rekan-rekan blogger pun bisa memasangnya. Berikut cara membuat efek bayangan pada pinggir blog:

Cara Membuat Efek Shadow/Bayangan pada Outer/Tepi Blog

1. Login ke akun Blogger Anda terlebih dahulu.

2. Pada Dashboard Blog, pilih Template.

3. Selanjutnya, klik Edit HTML.

4. Carilah kode yang mirip dengan kode di bawah ini pada template blog HTML Anda content-outer atau content-wrapper atau outer-wrapper atau wrap (karena setiap template berbeda-beda, jika masih belum ada cari kode yang menunjukkan outer wrapper atau tepi luar pada blog).

5. Letakkan kode di bawah ini setelah atau di bawah kode content-outer atau content-wrapper.

border:2px solid #0000ff;

border-color:#9ecaed;

box-shadow:0 0 10px #666}

Keterangan untuk mengubah warna dan ukuran bayangan tepi blog:

2px = ketebalan Garis tepi blog.

#0000ff = warna Garis pinggir.

10px = ketebalan efek shadow/bayangan blog.

#666 = warna shadow/bayangan.

 6. Terakhir simpan kode tersebut untuk melihat hasilnya di blog Anda.

Sekian postingan saya tentang cara membuat efek shadow pada tepi blog, selamat mencoba dan semoga bermanfaat.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar