Menambah Box Shadow untuk Percantik Tampilan Blog Menambah Box Shadow untuk Percantik Tampilan Blog
POSTING Menambah Box Shadow untuk Percantik Tampilan Blog ini dibentuk untuk memperjelas tanggapan atas pertanyaan seorang pengunjung di halaman Konsultasi.

Ditanyakan, bagaimana cara menciptakan gradasi/stroke pada tepi kanan-kiri halaman menyerupai CB ini. Maksudnya ialah "bayangan kotak" (box shadow) di tepi kiri-kanan tampilan blog.

Box Shadow tidak mempengaruhi SEO dan kecepatan loading. Ia hanya berfungsi "mempercantik" tampilan blog. Itu pun hanya muncul di tampilan Desktop, tidak di versi mobile.

Nah, jikalau blog Anda ingin juga menampilkan Box Shadow menyerupai blog CB ini, berikut ini kodenya:

.outerpic-wrapper {
box-shadow: 0 10px 10px #999;
-moz-box-shadow: 0;
overflow: hidden;
-webkit-box-shadow: 0 10px 10px #999;
}

Kode "outerpic-wrapper" ialah isyarat CSS yang ada di template ini, yaitu area utama blog. Tiap template mungkin berbeda, dapat saja yang lain berjulukan "outer-wrapper" atau "main-content". 

Maka, cek template blog Anda lebih dulu, dan tambahkan isyarat tersebut jikalau ingin Menambah Box Shadow untuk Percantik Tampilan Blog. Cara ngeceknya, arahkan mouse ke area konten utama, kemudian klik kanan, dan pilih "inspect elemen". Akan muncul nama isyarat CSS-nya. 

New Johny Wuss V2
Sebelumnya, banyak pengunjung yang bertanya, template apakah yang dipakai CB ini? Sudah diposting bahwa CB memakai Template New Johnuy Wuss V2 dan gratis download!

Good Luck!
Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours