Cara Membuat Kotak Teks (Text Box) di Dalam Potingan Blog

 

Dalam pembuatan postingan diblog pasti kita ingin menampilkan halaman blog yang menarik, namun disaat kita ingin menyisipkan suatu text link, script HTML, dan lain sebagainya tidak bisa didapatkan secara otomotis di blogspot, maka caranya yaitu dengan membuat sendiri.

Bagi anda yang masih bingung dan tidak tahu caranya, disini saya akan membagikan Cara Membuat Kotak Teks (Text Box) di Dalam Potingan Blog Dengan Mudah. Namun sebelum memulai, saya akan memberikan beberapa kriteria tampilan Kotak Teks (Text Box) sesuai dengan style yang kalian mau.

1. Style Double

<div style="background-color:#f3f3f3 ; border: 3px #1780dd double; padding: 10px; text-align: left;">
.Nujinwo (ganti tulisan ini)</div>

2. Style Dotted

<div style="background-color:#f3f3f3 ; border: 3px #1780dd dotted; padding: 10px; text-align: left;">
.Nujinwo (ganti tulisan ini)</div>

3. Style Groove

<div style="background-color:#f3f3f3 ; border: 3px #1780dd groove; padding: 10px; text-align: left;">
.Nujinwo (ganti tulisan ini)</div>

4. Style Inset

<div style="background-color:#f3f3f3 ; border: 3px #1780dd inset; padding: 10px; text-align: left;">
.Nujinwo (ganti tulisan ini)</div>

5. Style Outset

<div style="background-color:#f3f3f3 ; border: 3px #1780dd outset; padding: 10px; text-align: left;">
.Nujinwo (ganti tulisan ini)</div>

6. Style Ridge

<div style="background-color:#f3f3f3 ; border: 3px #1780dd ridge; padding: 10px; text-align: left;">
.Nujinwo (ganti tulisan ini)</div>

7. Style Solid

<div style="background-color:#f3f3f3 ; border: 3px #1780dd solid; padding: 10px; text-align: left;">
.Nujinwo (ganti tulisan ini)</div>

Keterangan :

<div style="background-color:#f3f3f3 ; border: 3px #1780dd double; padding: 10px; text-align: left;">
.Nujinwo (ganti tulisan ini)</div>

• border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
• Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).
• padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
• background-color:#f3f3f3; = warna dalam kotak.
• Dan text-align:left; = posisi tulisan didalam kotak di kiri

Cara Membuat Kotak Teks (Text Box) di Dalam Potingan Blog Dengan Mudah

1. Masuk / Login ke Blogger kalian.

2. Pilih Entri Baru.

3. Kemudian Pilih HTML, Lihat kotak yang bewarna merah, dan copy paste script / kode yang telah kalian pilih diatas.

4. Setelah itu Pilih Compose, ganti tulisan ".Nujinwo (ganti tulisan ini)" dengan tulisan yang mau kalian masukkan, bisa berupa script atau tulisan lain.

5. Tradaaa.... Pembuatan Kotak Teks (Text Box) Sudah Selesai.

sumber 

Cara Membuat Kotak Teks (Text Box) di Dalam Potingan Blog Dengan Mudah - NIACHAN (detikefl.blogspot.com)