Cara Membuat Kotak Di Dalam Postingan Blog Supaya Terlihat Lebih Menarik

Membuat kotak dalam tulisan blog agar terlihat lebih menarik. Sudah banyak para blogger yang menggunakan kotak dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya.
Namun sayangnya pihak blogspot tidak menyediakan secara langsung (instan) kotak yang akan kita buat. Maka dari itu kita disuruh membuatnya sendiri. Caranya sangatlah mudah, langsung saja kalian simak dan ikuti langkah-langkah di bawah ini:

1.Login ke akun blogger kalian dan pilihlah 'New Post'

2.Buat tulisan terserah kalian apa saja, lihat di gambar

3.Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger.

<div style="border: 3px #1780dd Ridge; padding: 10px;background-color:#ffffff;
text-align: left;">
mofarmedia.blogspot.com (klik di sini untuk mengganti tulisan sesuka hati kalian).</div>

4.Selanjutnya pilih 'HTML' yang ada di pojok kiri ( jelasnya lihat gambar).

5.Paste script yang sudah kalian salin tadi di ‘HTML’ (bebas mau kalian taruh dimana saja).

6.Selanjutnya Kembali lagi ke halaman 'Compose' dan bisa kalian lihat hasilnya. Kotak yang kalian inginkan pun sudah jadi.

7.Langkah selanjutnya kalian bisa mengganti tulisan "mofarmedia.blogspot.com (klik di sini untuk mengganti tulisan sesuka hati kalian)".Sesuai dengan tulisan yang kalian inginkan.Gampangkan…

Jika kalian tidak suka dengan model tampilannya , Santai saja kalian bisa menggantinya sesuai isi hati kalian. Berikut ini penjelasan tentang scriptnya:

<div style="border: 3px #1780dd Ridge; padding: 10px;background-color:#ffffff;
text-align: left;">
mofarmedia.blogspot.com (klik di sini untuk mengganti tulisan sesuka hati kalian)</div>

· border: 3px atau ketebalan kotak script.

· #1780dd atau warna kotak script.

· Ridge atau bentuk kotak. (kode ini bisa di ganti sesuai selera hati kalian dengan contoh kode yang di bawah ini atau )

CONTOH (Dashed)

CONTOH (Dotted)

CONTOH (Inset)

CONTOH (Outset)

CONTOH (Solid)

· background-color:ffffff; atau warna dalam kotak.

· Dan text-align:left; atau posisi tulisan didalam kotak dari kiri

Nah itulah penjelasan kode HTML untuk membentuk kotak menggunakan script dalam postingan. Silahkan kali modifikasi sesuai isi hati kalian. Sangat gampang bukan.

Semoga artikel ini bisa membantu kalian. Jangan lupa share juga ke temen-temen kalian supaya temen kalian juga mengerti caranya.

Terimakasih

3 Responses to "Cara Membuat Kotak Di Dalam Postingan Blog Supaya Terlihat Lebih Menarik"

BAWEAN TRIP GUIDENovember 14, 2018 at 7:02 PM
Ya ini yang berguna. Thxs artikelnya membantu gan
BAWEAN TRIP GUIDENovember 14, 2018 at 7:03 PM
Ya ini yang berguna. Thxs artikelnya membantu gan
M Rizky RDecember 10, 2018 at 3:41 AM
wah mantap ini. dari pada menunggu blogspot nambahin fitur tersebut. kita sendiri yang nambahin secara manual. tapi semoga saja di tambahin fitur nya oleh blogspot. biar lebih mudah seperti di wordpress gitu.