Cara Memberi Border atau Kotak sekaligus Efek Bayangan Border, termasuk trik yang sangat gampang diterapkan. Gampang, karena kita tidak terlalu dipusingkan oleh kode-kode yang semrawut dan rumit. Saya sudah mencoba dan menerapkankannya pada kotak postingan dan widget sebelah kanan. Lihat, lumayan keren khan? Ingat kode CSS ini hanya berlaku untuk browser Mozila/Firefox, Google chrome atau Safari terbaru.
Kalu mau nyoba, berikut langkah-langkahnya.
Pertama silakan masuk ke dashboard , klik RANCANGAN lalu klik EDIT HTML, cari kode kotak postingan atau widget yang anda inginkan. Silakan kopi kode berikut dan pasang setelah kode Padding
Berikut contoh penempatannya:
Kode yang seperti ini 6a6a6a adalah kode warna garis sekaligus warna bayangannya. Silakan lihat kode warna di sebelah sini , angka 5px adalah besaran sudut, Anda bisa menggantinya sesuai selera. Sementara angka 40px adalah besaran bayangan.
Setelah ditempelkan silakan lihat “Pratinjau” dulu untuk memastikan apakah pekerjaan kita berhasil atau tidak. Biasanya sih langsung tok-cer. Kemudian bila sudah, silakan klik “Simpan” atau “Save”
Lihat hasilnya.
Selamat malam, saya mau tidur dulu. Ngantuk banget!
Kalu mau nyoba, berikut langkah-langkahnya.
Pertama silakan masuk ke dashboard , klik RANCANGAN lalu klik EDIT HTML, cari kode kotak postingan atau widget yang anda inginkan. Silakan kopi kode berikut dan pasang setelah kode Padding
Berikut contoh penempatannya:
Kode yang seperti ini 6a6a6a adalah kode warna garis sekaligus warna bayangannya. Silakan lihat kode warna di sebelah sini , angka 5px adalah besaran sudut, Anda bisa menggantinya sesuai selera. Sementara angka 40px adalah besaran bayangan.
Setelah ditempelkan silakan lihat “Pratinjau” dulu untuk memastikan apakah pekerjaan kita berhasil atau tidak. Biasanya sih langsung tok-cer. Kemudian bila sudah, silakan klik “Simpan” atau “Save”
Lihat hasilnya.
Selamat malam, saya mau tidur dulu. Ngantuk banget!
Tags:
Tutorial
thanks boz untuk tutorialnya
Terimakasih bro! sebetulnya boks postingan dan widget blog ini pernah menggunakan kotak dengan efek lengkung seperti ditutorialkan di atas. Tapi dasar saya orangnya tak pernah tentram dengan keadaan, ya gitu deh, gonta-ganti mulu....
makasih kang..
brmanfaat bnged..
Terimaksih Mas Fajar udah meluangkan waktu mampir. Happy blogging!
thx gan,, ane masih nyubie neh,, jd msh nyari2 artikel..
Blogwalking Gan. Saya ingin buat border lengkung tapi koq gagal terus gan. apa penyebabnya gan. kunjungi my blog ya gan and follow back
thanks mas info nya.. izin nyoba !
Makasi gan