Tutorial Menciptakan Kotak Script Di Postingan Blog

Berbitutor ihwal kotak script apa itu kotak script?? Pernahkah teman blogger memposting sebuah script dididalem postingan sobat, tersedia sebuah kotak nan membatasi script itu, biasanya berupa background warna nan berbeda dididalem postingan ataupun dapat juga bentuk kotak dengan border warna nan bervariasi. Tujuan pembuatan kotak script itu yakni supaya pengunjung gampang membaca letak script itu.memudahkan orang lain didalem melihat batas postingan script itu dibuat. 

Nah kaliitu admin mau membagikan sebuah tutorial bagaimana tutor membikin kotak script di blog memasang maupun membagikan variasi kotak script supaya postingan blog teman jadinya rapi juga indah.

Bagaimana tertarikkah teman sebagai mencobanya, baiklah langusng saja ikuti langkah langkah berikutitu :

1. Login ke dashboard blogger anda, sesudah masuk Pilih new entry ataupun buat postingan baru, ketiklah sebuah script ataupun goresan pena nan kalian inginkan.

2. Ingat sebagai meletakan arahan html kalian perlu merubah mode compose jadinya HTML.

3. Jika rampung copy arahan script html kotak script berikutitu :

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

4. Setelah mempaste arahan script itu balikan lagi ke mode compose sebagai melihat hasilnya

Maka apabila rampung alhasil mau terlihat sepertiitu :

Klik Disini.

Catatan :
- Ganti Tulisan klik disitu dengan goresan pena kalian ataupun script anda.
- border: 3px = ketebalan kotak script. juga #1780dd = warna kotak script.
- Double; = Bentuk kotak, dapat diganti dengan

.Double , Dashed , Dotted , inset , outset , ridge

- Padding:10px = panjang kotak ke bawah, sebagai lebarnya otomatis hingga ke ujung posting.
- background-color:ffffff; = warna didalem kotak.
- Dan text-align:left; = posisi goresan pena dididalem kotak di kiri

Oke itu langkah langkah didalem pembuatan kotak script didalem postingan blog dibawahitu admin mau membagikan sebagian variasi arahan html sebagai kotak script lainnya :

<div style="border: 3px solid #78F3E7; padding: 10px; background-color: #BABFBF; text-align: left;">
Tulis Kode Anda Di Sini
</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #0000CC; border-radius: 10px; padding: 10px; t-align: left;border-right: 5px solid #0000CC">Tulis Kode Anda Di Sini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #8F7992; border-radius: 10px; border: 4px solid #CC0027; padding: 10px; t-align: left;">Tulis Kode Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #8B9279; border-radius: 10px; border: 6px dashed #B0E723; padding: 10px; t-align: left;">Tulis Kode Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #0E0A11; border-radius: 10px; border: 7px double #9A23E7; padding: 10px; t-align: left;">Tulis Kode Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #2BE92F; border-radius: 10px; border: 8px outset #D4771A; padding: 10px; t-align: left;">Tulis Kode Anda Disini</div>

<div style="border: 3px #610B38 dashed; padding: 10px; background-color:#C46507; tex>t-align: left;">Tulis  Kode  Anda Disini</div>

<div style="border: 6px #444444 solid; padding: 10px;background-color:#07BCF1;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
Tulis arahan Anda disitu</div>

Oke itulah sebagian bentuk arahan html sebagai variasi dari sebuah script kalian juga dapat berkreasi sendiri catatan juga keterangan nya tersedia diatas tadi. Demikianlah Tutorial kaliitu semoga meringankan. Terima kasih telah mengunjungi :D