Cara Membuat Kotak Script Pada Postingan Blog dengan Benar

Apa kabar sobat blogger...?

Jawab dengan lantang , " SUKSES "

Setelah sobat sudah tau cara mudah menemukan ide membuat artikel, pada postingan saya sebelumnya.

Tutorial kali ini saya akan menerangkan dengan detail, cara membuat kotak script pada postingan blog.

Untuk apa si didalam postingan di buat Kotak Script

Jawabanya,

Supaya Tampilan pada sebuah pos / artikel sobat, biar kelihatan menarik , keren dan indah.

Selain itu, kotak script juga bisa di gunakan untuk menaruh hal hal yang penting pada suatu artikel, msal kode HTML, java script, dan lain lain yang di catat dalam postingan itu penting.

Terus, bagaimana si cara pembuatannya..?

Cara pembuatannya sangatlah mudah dan sederhana, sobat cukup :

Masuk ke bloger, dan klik entri baru,seperti biasa sobat menulis artikel.
Kemudian pada pojok kiri atas ada pilihan, kompose dan HTML. Untuk kompose di gunakan sebagai penayangan pada halaman artikel. Sedangkan HTML untuk mengisi atau mengedit kode script. Silahkan sobat klik HTML.
Setelah klik HTML ,nanti sobat akan di tampilkan kolom isian yang akan di isi dengan kode script di bawah ini.

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: center;">
."SUKSES".</div>

Langkah berikutnya, silahkan copy dan pastekan kode di atas. Tepat di samping kode bawaannya.
Setelah sobat sudah pastekan, kodenya kemudian kembali ke menu kompose. Maka pada halaman pos akan tampak kontak script yang sudah sobat buat.

Kotak sekript sobat sudah jadi, tinggal mengisinya dengan mengganti kata "SUKSES" dengan tulisan atau apa saja yang sobat kehendaki.

Terus apakah Tampilan modifikasi kotak script itu saja, pak...?

Jawabannya, tentu tidak , sobat bisa merubah dan memodifikasi kotak script dengan sesuai selera.

Berikut caranya,

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: center;">
."SUKSES".</div>

Untuk memodifikasi warna, bentuk, dan jenis kotak script sobat bisa melakukan hal Sebagi contoh di atas, dengan keterangan sebagai berikut:

border: 3px =ketebalan garis kotak script. #1780dd = warna kotak script.
Double = jenis garis kotak script . background-color:#ffffff = tampak warna pada layar kotak.
text-align: center= letak berlabuhnya tulisan.

Sobat bisa mengedit dan mengganti sesuka hati sobat dengan sedikit keterangan di atas.

Apakah masih ada lagi jenis kotak script yang lain

Jawabannya masih ada, yaitu kotak script jenis scroll.

Kotak Script jenis scroll adalah kotak script yang tulisan atau isinya bisa di geser , keatas dan bawah.

Untuk cara pembuatan kotak script pada postingan blog ini sangatlah mudah, dan caranya sama persis seperti pembuatan script di atas. Bedanya hanya kode script yang akan di pastekan atau ditulis dalam kolom HTML berbeda.

Adapun cara pembuatannya sebagai berikut:

Masuk ke bloger dan ketik "entri baru"
Sama seperti contoh pembuatan script di atas klik HTML.
Masukan copy dan pastekan kode script di bawah ini.

<div style="border: 3px #1780dd double; padding: 10px;background-color:#ffffff;
overflow: auto; height: 100px;
text-align: left;">
."SUKSES".</div>

Setelah sobat sudah pastekan kode script di atas, terus klik ke kompose kembali . Dan jadilah sebuah kotak script scroll tersebut gampang kan.
Hasilnya seperti ini.

Sobat bisa memodif, merubah segala sesuatu nya, dengan cara yang telah saya contohkan di atas, pada kotak script yang ditandai dengan warna warni. Dan dengan penjelasan di bawahnya.

Utuk lebih jelasnya , sobat bisa bertanya langsung pada saya lewat komentar di bawah.

Cukup sekian dulu" Cara membuat kotak script pada postingan blog "dari saya semoga bermanfaat.

Apa kabar..."SUKSES"