Breaking News
Loading...
Sabtu, 28 Februari 2015

Cara Membuat Kotak Dalam Postingan Blog

1. Login ke blogger dan pilihlah 'Entri Baru'
2. Pilih 'Compose' lalu buat tulisan bebas yang anda inginkan, seperti contoh gambar dibawah, Lihat tanda panah    

 
3. copy paste script dibawah ini pada bagian 'HTML'
 
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">hiawatha si pemakan nasi dalam kotak</div>
*tulisan hiawatha ganti sesuai selera 

4. Kembali lagi aktifkan 'Compose' dan lihat hasilnya sudah ada kotak.  (beres)

*Tampilan kotak contoh diatas bisa anda rubah-rubah sesuai selera.
ini penjelasan scriptnya.

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
hiawatha si pemakan nasi dalam kotak</div>
  • border: 3px = ketebalan kotak script.
  • #1780dd = warna kotak script.
  • Double : bentuk kotak. (kode ini bisa diganti dengan kode dibawah atau juga bisa dihilangkan).
    .
    (Dashed).

    (Dotted).

    (Groove).

    (Inset).

    (Outset).

    (Ridge).

    (Solid).


  • padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
  • background-color:ffffff; = warna dalam kotak.
  • Dan text-align:left; = posisi tulisan didalam kotak di kiri


0 komentar:

Poskan Komentar

 
Toggle Footer