Blognya Wiwid Ardiansyah

Floating Vertical Bar With Share Buttons widget by Wiwid Ardiansyah

Tips Membuat Kotak Didalam Postingan Blog


Menyematkan kotak dalam tulisan blog terlihat menarik dan indah. Banyak blogger menggunakan kotak dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML Java dan sebagainya.
Namun kotak yang disematkan dalam postingan ini tidak disediakan default oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini.

  • Login ke blogger dan pilihlah Entri Baru
  • Pilih Compose.
  • Copy dan pastekan script dibawah ini.

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

  • Kembali lagi aktifkan Compose dan lihat hasilnya. Jreng.... sudah ada kotak.
  • Selanjutnya Anda sisa mengganti tulisan Carita0 (ganti tulisan ini) dengan tulisan yang ingin Anda taruh disana, bisa berupa script atau tulisan lain. gampang kan...!
  • 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:#ffffff; = warna dalam kotak.
  • Dan text-align: left; = posisi tulisan didalam kotak di kiri                                                    
 Gampang kan, langsung dicoba ya hehehe..



@



0 komentar:

Tips Membuat Kotak Didalam Postingan Blog