You are here : / / Cara Membuat Kotak Script Keren di Posting Blog

Tuesday, January 24, 2017

Cara Membuat Kotak Script Keren di Posting Blog

ALFA ARTS - Kotak Script aatu biasa disebut script box pada blog adalah tempat dimana blogger menulis atau memasukajn kode script atau html untuk postingan blog. Sebenarnya tidak harus menggunakan kotak script atau script box namun hasilnya akan acak acakan dan sulit debedakan mana texs biasa dan mana script, berbeda dengan dengan script box akan jauh lebih rapi dan menarik. nah oleh karena itu ALFA ARTS akan memberikan tutorial singkat cara membuat kotak script atau script box pada postingan blog.

Seperti contoh pada gambar dibawah ini, adalah penggunaan kotak script
Cara Membuat Kotak Script Keren di Posting Blog
Kotak Script (script Box)


Berikut Adalah Cara Membuat Kotak Script Keren di Posting Blog :

  1. Masuk ke Blogger anda
  2. Buat Artikel atau Entri baru seperti biasa, setelah masuk ke penulisan entri, pilih HTML, seperti gambar di bawah
    Cara Membuat Kotak Script Keren di Posting Blog
  3. Setelah itu pastekan kode script dibawah ini,
    4. <div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
    overflow: auto; height: 50px; text-align: left;">
    Letakan Script kalian disini</div>
  4. Maka akan tampil seperti contoh dibawah ini
    5. Letakan Script kalian disini
  5. Silahkan ganti tulisan dalam kotak dengan script anda.
  6. Klik simpan dan lihat hasilnya.
Keterangan Script :
  1. Border = Adalah ukuran garis tepi, kalian bisa mengganti dengan berapa saja, misal 2px,
  2. #1780dd = Adalah warna garis tepi, kalian dapat mencari kode warnanya disini
  3. Padding = Digunakan untuk menentukan panjang kotak, anda juga dapat mengganti menjadi 10px atau bahkan 100px.
  4. Background-color = Digunakan untuk mengganti warna background dalam kota script, untuk kode warna silahkan klik disini
  5. Overflow = Digunakan untuk membuat scroll pada box
  6. Height = Digunakan untuk mengatur tinggi script box
  7. Text-align = Digunakan untuk membuat teks rata, bisa diganti dengan left, center, atau right
Nah itulah tutorial singkat Cara Membuat Kotak Script Keren di Posting Blog, semoga bermanfaat untuk kita semua, terimakasih sudah berkunjung.
Cara Membuat Kotak Script Keren di Posting Blog
4/ 5
Oleh
Komentar

Subscribe to: Post Comments (Atom)