Tips Pramuka - Kumpulan Cara Menciptakan Kotak Script Unik, Keren, Dan Responsive Terbaru | Tips Dan Trik

Kumpulan Cara Membuat Kotak Script Unik, Keren, Dan Responsive Terbaru

Indonesia Ku – hai sobat! Kali ini iky mau nge post wacana Kumpulan Cara Membuat Kotak Script Unik, Keren, Dan Responsive. Meskipun diluar sana udah ada banyak artikel semacam ini, tapi iky mau mengemasnya dalam hal yang sedikit berbeda.

Bedanya apa sih? Ya mungkin artikel diluar sana cuman kasih 1 atau 2 script doang, nah bila iky mau kasih nih lebih dari 2 script. Postingan kali ini bertujuan untuk membantu newbie newbie blogger yang kurang tau atau bahkan tidak tau sama sekali wacana cara menciptakan kotak script (hahahaha sok hebat nih adminnya padahal masih newbie juga :D)

Oke gausah banyak cingcong lagi eksklusif aja yuk kita cari tau gimana caranya. Nah teman dapat ikutin cara yang dibawah ini

1| Pastikan dulu bila teman itu punya blog! Apa? Gapunya? Kaprikornus ngapain elu baca postingan ini!?

2| Oke kini teman coba untuk menciptakan entri atau artikel gres menyerupai biasanya

3| Setelah masuk ke Menu pembuatan artikel, silahkan teman pilih mode HTML. Ingat jangan pilih mode Compose!!! Nanti scriptnya tidak dapat work (bekerja)

4| Copy Scriptnya dan pastekan di mode HTML tersebut. lihat gambar di bawah ini :

 Nah teman sehabis kau pastekan scriptnya tadi di mode HTML, kini coba lihat akibatnya akan menyerupai ini :

Berikut yaitu kumpulan Kotak Script Text Yang Unik, Keren, Dan Responsive. Nah teman dapat mengganti instruksi yang berwarna merah dengan script ataupun text teman sendiri. Atau teman dapat mengetiknya eksklusif di kota text tersebut.

<div style="-moz-border-box: 10px; -moz-border-box: 10px; -webkit-border-box: 10px; background-color: #dddddd; border-top: 20px solid #f4034c; overflow: auto; padding: 10px; t-align: left; t-color: #CCFFFF;">
Kode Script Sobat Disini
</div>

<div style="-moz-border-box: 10px; -moz-border-box: 10px; -webkit-border-box: 10px; background-color: #ffffcc; border-top: 20px solid #ffff00; overflow: auto; padding: 10px; t-align: left; t-color: #CCFFFF;">
Kode Script Sobat Di sini
</div>

<div style="background-color: #ccffff; border: 3px #ccff00 double; padding: 10px; text-align: left;">
Kode Script Sobat Disini</div>

<div style="background-color: #ff99ff; border: 3px #ff33cc double; padding: 10px; text-align: left;">
Kode Script Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ccffcc; border-left: 5px solid #ccffff; border-radius: 10px; padding: 10px; t-align: left;">
Kode Script Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Kode Script Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #33ff99; border-radius: 10px; border: 2px dashed #ffff99; padding: 10px; t-align: left;">
Kode Script Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: white; border-radius: 10px; border: 4px double #ccff00; padding: 10px;">
Kode Script Sobat Disini</div>

<div style="border: 2px #ff0066 dashed; padding: 10px; background-color:#ffccff; tex>t-align: left;">Kode Script Sobat Disini</div>

Kotak Script Blog Dengan Scroll

<div style="background-color: #cccccc; border: 3px #eeeeee solid; height: 100px; overflow: auto; padding: 10px; text-align: left; width: 520px;">
kode script Sobat di sini</div>

Note :
1. Sobat Bisa mengkreasikan warna dari setiap Kotak Script Yang ada dengan cara merubah instruksi warna html nya.
> Untuk merubah warna background teman dapat merubah kodenya menyerupai background-color:#ffccff (Ganti instruksi merah tersebut dengan instruksi warna yang teman inginkan)
> Untuk merubah warna garis bordernya silahkan ganti instruksi border: #cccccc (Ganti instruksi yang berwarna merah)

Berikut Kumpulan Kode Warna HTML

2. Untuk Kotak berbentuk scrool teman dapat merubah ketinggian dan lebar dari kotak tersebut dengan cara merubah height: 100px; width: 520px;

3. Sobat dapat mengganti text "Kode script Sobat Disini" sesuka hati sobat.

Sekian dulu ya teman wacana artikel "Kumpulan Cara Membuat Kotak Script Unik, Keren, Dan Responsive" Semoga bermanfaat buat teman sobat semua :D kalo ada yang kurang terperinci boleh ditanyakan eksklusif di form komentar.

Jangan lupa di share kalo teman berkenan Wassalam.

Lihat Juga :
> MasyaAllah mahasiswa ITB ini dipuji syekh alasannya suaranya yang sangat merdu saat melantunkan Al-Quran
> Presiden Obama undang seluruh muslim A.S untuk buka puasa bersama!
> Tips Berpuasa Yang Diajarkan Rasulullah SAW.