Trik Membuat Kotak Script Postingan Blog


Membuat kotak script sangat mudah hanya beberapa langkah untuk membuatnya , simak dan ikuti langkah nya dengan cermat .
  • Login dulu ke dasbor blogger 
  • Pilih entri baru ( intinnya buat artikel baru )
  • copy script di bawah ini 
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
Artikel blog anda </div>
  • kembali ke dasbor entri postingan anda 
  • Ada dua pilihan Compose dan HTML , pada compose ini anda menulis tentang penjelasan atau artikel yang di buat
Cara Membuat Kotak Script
  • Pilih HTML 
  • Pastekan script yang sudah anda copy tadi (lihat gambar)
Cara Membuat Kotak Script
  • Kembali ke compose ,( lihat gambar)
Cara Membuat Kotak Script

Bisa di edit sendiri untuk membuat scrip kotak yang anda suka, berikut penjelasannya :

<div style="border: 3px #1780dd Doublepadding: 10px;background-color:#ffffff;
text-align: left;">
Artikel blog anda </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:ffffff; = warna dalam kotak.
  • Dan text-align:left; = posisi tulisan didalam kotak di kiri 
Dibawah ini adalah contoh nama dan kode bentuk kotak

 (dashed).

 (dotted).

 (groove).

 (inset).

 (outset).

 (ridge).


Itulah cara dan penjelasan membuat kotak script , mungkin ada script lain yang dapat di jadikan referensi selanjutnya.
Terimakasih semoga membantu.


Sumber : 1