|
| Membuat Related Post Shadow Melayang di Template Plus UI 2.6.2 |
Related Post
Related post atau artikel terkait adalah sekumpulan link yang menuju ke postingan atau konten lain yang memiliki kesamaan topik dengan artikel yang sedang dibaca. Keberadaannya sudah cukup lumrah dan sepertinya belakangan ini menjadi wajib karena dapat membuat pengunjung tertarik untuk menjelajahi postingan lainnya.
Jadi related post itu merupakan salah satu cara yang dapat digunakan oleh seorang blogger untuk menjaga pengunjung untuk dapat lebih lama lagi berada di situs/blognya. Hal tersebut terjadi karena related post atau lebih dikenal dengan artikel terkait sengaja memunculkan artikel lain di blog yang memiliki kesamaan.
Related Posts
Related Post Shadow
Bagaimana cara memberi shadow pada related Post ?. Cara memberi efek bayangan pada related post pada Template Plus UI , ikuti langkah-langkahnya berikut ini.
Kode Script CSS Related Shadow
- Pertama-tama Login ke Dashboard Blogger Anda.
- Pilih Tema.
- Klik icon panah ke bawah di sebelah tombol 'Sesuaikan'
- Klik Edit HTML, Anda akan diarahkan ke halaman pengeditan.
- Cari kode ]]></b:skin>
- Kemudian salin kode css di bawah ini, dan tempelkan di atas kode ]]></b:skin>
- Terakhir Simpan
/* Related post shadow */
.rPst ul.s-3 .i >*{margin:0 7px 0 0 !important}
.rPst{margin-top:10px!important;padding:10px 10px 0!important}
.rPst ul.s-2 li,.rPst ul.s-3 li,.rPst ul.s-4 li{box-shadow:0 2px 8px #212121;padding:8px;margin:0 10px 10px!important;border-radius:8px}
Demo
B. Demo Related Post Shadow
Demo tampilan related post dengan efek shadow bayangan disini.Demikian cara membuat related post shadow melayang di Template Plus UI , semoga bermanfaat.