Kadangkala di dalam postingan kita ingin membuat sekelompok teks berbingkai (teks dalam kotak). Bukan hanya teks saja namun bisa saja link maupun gambar berbingkai, dan lain-lain. Ada banyak cara / script yang bisa anda gunakan untuk membuat kotak teks atau teks berbingkai (text box) tersebut. Di bawah ini merupakan salah satu cara membuat kotak teks (text box).
Adapun langkah-langkahnya adalah seperti berikut ini:
1. Login dulu di akun blog anda
2. Klik Entri Baru, dan pilih/klik HTML dan lanjutkan
3. Lakukan copy paste code di bawah ini pada mode HTML (bukan Compose)
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px;
display: block; background-color: #cfe2f3; text-align: center;">ISI TEKS DI DALAM KOTAK</p>
( Gantilah tulisan berwarna biru sesuai dengan kalimat teks Anda )
Keterangan:
- Teks rata tengah = text-align: center; center bisa diganti dengan left, right, justify
- Background warna = background-color: #cf32f3 bisa Anda ubah sesuai warna yang di inginkan
- Border = border: 1px solid, bisa Anda atur ketebalan garis luarnya
5. Lihat hasilnya.
Sehingga akan tampak seperti berikut:
ISI TEKS DI DALAM KOTAK
Dalam mode Compose anda bisa mengedit atau mengganti teks (teks yang berbingkai) di atas dengan teks lain yang anda inginkan. Langkah 1 s.d. 5 tersebut di atas bisa anda terapkan pada postingan lama (tidak harus postingan baru).Begitulah Cara Membuat Teks Berbingkai Dalam Postingan Blog, semoga bermanfaat.
Artikel Terkait