Home » » Menambah Box Shadow untuk Percantik Tampilan Blog

Menambah Box Shadow untuk Percantik Tampilan Blog

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

Ditanyakan, bagaimana cara membuat gradasi/stroke pada tepi kanan-kiri halaman seperti CB ini. Maksudnya adalah "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, jika blog Anda ingin juga menampilkan Box Shadow seperti 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" adalah kode CSS yang ada di template ini, yaitu area utama blog. Tiap template mungkin berbeda, bisa saja yang lain bernama "outer-wrapper" atau "main-content". 

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

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

Good Luck!

Thanks for reading & sharing Menambah Box Shadow untuk Percantik Tampilan Blog

Previous
« Prev Post

4 comments:

Comment Page:
  1. nanti saya terapkan di blog saya gan, thanks ya :)

    ReplyDelete
  2. terimakasih atas ilmunya mas

    ReplyDelete
  3. tutorialnya sangat bermanfaat,

    ReplyDelete
  4. Saya kira ngga ada tutorial tentang shadow. Eh ternyata ada di sini. Anyway thanks min!

    ReplyDelete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox