Cara Buat Kotak Border Keren Dalam Postingan, Ringan.
wonkdesain | Kebutuhan para blogger sangatlah banyak untuk membuat tampilan blog mereka semakin kerren, salah satunya dengan menggunakan kota dengan border yang cantik agar tampilan blognya akan kerren.
Cara Buat Kotak Border Script Keren Dalam Postingan
Untuk kalian para bloger, tampilan yang cantik nan elok, adalah salah satu dari beribu strategi agar blog bisa ramai, dan para pengunjung bisa betah dan tidak sakit di waktu membaca isi artikel.
Untuk membuat kotak border script (entah apa nama dari bagian ini yang sesungguhnya) sangatlah mudah dan tidak akan membuat loading blog kalian berat.
karna wonkdesain sudah menggunakanya dan hasilnya sama saja tanpa ada pengaruh dan cocok untuk kalian gunakan.
tampilanya akan seperti ini
Ini adalah border semua sisi
Ini adalah border bawah
Ini adalah border bulat
Ini adalah border kiri
Dengan menggunakan kotak berder seperti di atas akan membuat tampilan blog kalan semakin cantik, jika kalain merasa cocok bisa ikuti tutorial di bawah ini:
1. Copy paste kode di bawah ini ke atas ]]></b:skin>
2.Setelah itu kalian akan selipkan pada artikel mana yang menurut kalian membutuhkan kotak berder ini. Pilih salah satu kode dibawah yang sesuai selera, tambahkan pada saat kalian nulis di dasbord blogger, pilih mode HTML (bukan yang Compose).
-
Lihat bagaimana hasilnya, pasti akan membuat tampilan blog kalian semakin bagus dengan menggunakan kotak border.
1. Copy paste kode di bawah ini ke atas ]]></b:skin>
#wonkborsemuasisi{border:1px solid #000;padding:10px}
#wonkborbawah{border-bottom:1px solid #ff0000;padding:10px}
#wonkborbulat{border:1px solid #b3b1b1;padding:10px;border-radius:12px}
#wonkborkiri{border-left:7px solid #22a1f1;padding:10px;background-color:#b7dbf2}
2.Setelah itu kalian akan selipkan pada artikel mana yang menurut kalian membutuhkan kotak berder ini. Pilih salah satu kode dibawah yang sesuai selera, tambahkan pada saat kalian nulis di dasbord blogger, pilih mode HTML (bukan yang Compose).
<div id="wonkborsemuasisi">Ini adalah border semua sisi | wonkdesain.com</div>
<div id="wonkborbawah">Ini adalah border bawah | wonkdesain.com</div>
<div id="wonkborbulat">Ini adalah border bulat | wonkdesain.com</div>
<div id="wonkborkiri">Ini adalah border kiri | wonkdesain.com</div>
Lihat bagaimana hasilnya, pasti akan membuat tampilan blog kalian semakin bagus dengan menggunakan kotak border.