Cara Terbaru Membuat Kotak Pada Postingan Blogspot

Menyematkan sebuah kotak dalam postingan blog akan terlihat lebih menarik dan juga terlihat lebih kreatif. Banyak para blogger yang menggunakan kotak dalam sebuah postingan untuk menyamatkan kalimat atau kata-kata yang lebih peting, Salah satunya ialah Note, Kode HTML, dan Kata-kata Tag atau yang lainnya.

Namun sayangnya untuk menyamatkan sebuah kotak dalam postingan, belem tersedia pada blogger sehingga anda harus membuatnya sendiri dengan merangkai kode HTML. Nah untuk itu disini saya akan memberikan tutorial Cara Terbaru Membuat Kotak Pada Postingan Blogspot, caranya cukup mudah dan tidak membuat kepalamu pusing, hehehe. Gak perlu waktu lama, kita langsung saja simak tutorialnya dibawah ini.

1. Seperti biasanya langkah pertama ialah masuk ke akun Blogger anda. lalu buat postingan baru dengan klik Entri Baru.

2. Selanjutnya buat postingan anda, lalu apabila anda ingin menyamatkan kotak dalam postingan langsung copy atau salin saja kode HTML dibawah ini. "Sebelum anda menyalin kode html dibawah ini, pindahkan dulu Mode penulisan artikel dari Compose ke HTML ".

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">.</div>

Note : 

• Anda boleh ganti ukuran border sesuai keinginan anda dari 3 px sampai 10 px, 
• Kode yang saya tandai warna merah itu adalah warna garis kotak, anda boleh mengganti kode itu sesuai keinginan anda, untuk kode warnannya anda bisa Search di Google
• Untuk kode yang saya tandai wana biru itu adalah warna background kotak, anda bisa menggantinya dengan kode warna kesukaan anda.

Berikut Scrift HTML yang Lainnya

1. Background Warna Hijau dan Garis Warna Biru

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#16dd2e;
text-align: left;">.</div>

2.Background Warna Kuning dan Garis Warna Merah

<div style="border: 3px #dd1616 Double; padding: 10px;background-color:#ddcc16;
text-align: left;">.</div>

3.Background Warna Abu-abu dan Garis Hitam

.<div style="border: 3px #00000 Double; padding: 3px;background-color:#dbd2d2;
text-align: left;">.</div>

Sekian Artikel Cara Terbaru Membuat Kotak Pada Postingan Blogspot ini semoga bisa anda peraktikan dengan sukses, kalau ada kesulitan jangan sungkan-sungkan untuk bertanya dikomentar.