Serba Tutorial | Internet Marketing | Blogging | Komputer | Smartphone

Kumpulan Jenis Script Box dan Cara Membuatnya



TWD.WEB.ID - Script Box biasanya sering digunakan untuk memasukan kode-kode script di postingan blog agar terlihat lebih rapi dan tentunya enak untuk di lihat oleh visitor, selain itu script box ini juga biasa digunakan untuk menaruh informasi yang penting pada postingan.


Script box ini memiliki banyak sekali jenisnya, misalnya box dengan tampilan sederhana, bergambar, box dengan scroll, dan masih banyak lagi lainnya.

Untuk membuat boxt pada postingan itu sebenarnya sangatlah mudah, yang perlu dilakukan hanyalah meng-copas kode scriptnya yang sudah saya sediakan dibawah ini.

Kumpulan Kode Script Box :

<div style="background-color: white; border: 3px #1780dd double; padding: 10px; text-align: left;">
Masukan Kode Script Anda Di Sini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Masukan Kode Script Anda Di Sini</div>

<div style="background-color: gold; border: 2px #006400 solid; padding: 10px; text-align: left;">
Masukan Kode Script Anda Di Sini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #99ff00; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">
Masukan Kode Script Anda Di Sini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #99ffff; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">
Masukan Kode Script Anda Di Sini</div>

<div style="background-color: #c2c2c2; border: 2px #1b1a76 dotted; padding: 10px; text-align: left;">
Masukan Kode Script Anda Di Sini</div>

 Contoh script box dengan scroll

kodenya di bawah ini :

<div style="border: 3px #eeeeee solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 100px; width: 520px;
text-align: left;">
.Masukan Kode Script Di Sini.</div>


Tutorial Pembuatan Script Box Pada Postingan Blog
  1. Login blogger dan kemudian pilih Entri Baru.
  2. Jika sudah masuk halaman entri baru selanjutnya silahkan pilih menu HTML.
  3. Setelah masuk menu HTML selanjutnya copy salah satu script box di atas.
  4. Jika sudah di pastekan di menu HTML, selanjutnya kembali ke menu Compose.
  5. Langkah terakhir cukup mengganti tulisan "Masukan Kode Script Anda Di Sini" dengan yang diinginkan.
Selain tampilan script box diatas, kalian juga dapat memodifikasinya sendiri, berikut keterangan dari script box diatas.
  • Warna background : background-color: #code warna yang di inginkan
  • Ketebalan border : border: 4px (ganti angka yang di inginkan)
  • Ukuran sudut lengkungan : border-radius: 10px (ganti angka yang di inginkan)
Cukup sekian pembahasan kali ini mengenai Kumpulan Jenis Script Box dan Cara Membuatnya. Semoga bermanfaat.


Tags :
Share on Facebook
Share on Twitter
Share on Google+
Berlangganan Artikel Gratis Via Email



Copyright © 2016 - 2017 TWD.WEB.ID All Rights Reserved | About me | Contact us | Privacy Policy | Disclaimer | Sitemap | Link Partner