👊 Welcome to my blog. Postingan kali ini saya akan berbagi bagaimana cara membuat tulisan dalam kotak di postingan blog. Tujuannya adalah supaya tampilan Headline di blog agan-agan lebih menarik dan langsung terlihat isi yang terpenting dari postingan.
Ada banyak tipe kotak yang bisa agan-agan gunakan untuk menghias tampilan postingan. Tetapi karena saya lagi pelit berbagi (hahaha.....) maka saya pilihkan tiga kode kotak yang bagus dan elegan untuk diletakkan di blog agan-agan sekalian. Silakan ikuti langkah berikut dengan seksama. Semoga bermanfaat dan jika ada pertanyaan silakan agan-agan tinggalkan jejak di kolom komentar.
Langsung aja agan-agan Check it Out cara membuat tulisan dalam kotak di postingan blog...
Ada banyak tipe kotak yang bisa agan-agan gunakan untuk menghias tampilan postingan. Tetapi karena saya lagi pelit berbagi (hahaha.....) maka saya pilihkan tiga kode kotak yang bagus dan elegan untuk diletakkan di blog agan-agan sekalian. Silakan ikuti langkah berikut dengan seksama. Semoga bermanfaat dan jika ada pertanyaan silakan agan-agan tinggalkan jejak di kolom komentar.
Langsung aja agan-agan Check it Out cara membuat tulisan dalam kotak di postingan blog...
1. Masuk akun blog (Login)
2. New Post (Buat postingan)
3. Copy kode berikut di halaman HTML (bukan Compose)
4. Ganti tulisan merah sesuai keinginan
Kode background samar
<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: #FBFBEE; text-align: left;">ngescript</div>
Kode background melengkung
<p style="border: solid 1px #aaa; background: #ccc; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: black; font-size: 18px">ngescript</p>
Kode putus-putus
<p style="border: dashed 2px #ee3f10; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #1a356e; font-size: 18px">Coba coba</p>
No comments:
Post a Comment