Cara Gampang Menciptakan Kotak Script / Quote Keren
Dalam sebuah postingan, suatu artikel niscaya akan dibentuk sebaik dan seindah mungkin, diantaranya mungkin untuk meletakkan isyarat script yang akan dimunculkan di dalam isi postingan, ini biasanya dipakai untuk blog dengan tema tutorial dan juga mungkin untuk menciptakan sebuah catatan atau Quote tertentu untuk menekankan salah satu pernyataan yang penting dalam atrikel tersebut.
Dalam kesempatan ini, aku akan membagi ulang apa yang sudah aku sanggup dan terapkan dalam blog aku khususnya dalam menciptakan kotak Script atau Quote.
Di dalam menciptakan suatu Kotak Script atau Qoute kita tidak sanggup secara pribadi membuatnya dari hidangan "Compose" melainkan kita memainkan atau membuatnya dari hidangan "HTML" didalam sebuah Kanvas Postingan.
Berikut aku akan sajikan beberapa Kumpulan kotak Script / Quote beserta isyarat Scriptnya, yang berdasarkan aku luamayna keren.
Kotak 1
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffffc7; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Tulis Kode script atau Quote Kamu di Sini</div>
Kotak 2
<div style="background-color: #9aff99; border: 3px #1780dd double; padding: 10px; text-align: left;">Tulis Kode script atau Quote Kamu di Sini</div>
Kotak 3
<div style="background-color: #96fffb; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 40px; text-align: left; width: 400px;">
Tulis Kode script atau Quote Kamu di Sini</div>
Tulis Kode script atau Quote Kamu di Sini</div>
Kotak 4
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fffc9e; border-radius: 10px; border: 8px outset #D4771A; padding: 10px; t-align: left;">Tulis Kode script atau Quote Kamu di Sini</div>
Kotak 5
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffce93; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;"> Tulis Kode script atau Quote Kamu di Sini</div>
Kotak 6
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffccc9; border-left: 5px solid #FF3300; border-radius: 10px; padding: 10px; t-align: left;"> Tulis Kode script atau Quote Kamu di Sini</div>
Kotak 7
<div 0.12="" 0.16="" 0="" 10px="" 2px="" 5px="" border-radius:="" box-shadow:="#" rgba="" style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #67fd9a; border-left: 5px solid #0000cc; border-radius: 10px; border-right: 5px solid #0000cc; padding: 10px;">Tulis Kode script atau Quote Kamu di Sini</div>
Kotak 8
Lalu bagaimana cara menciptakan Kotak Script atau Kotak Quote tersebut?
Caranya cukup mudah, mari kita ikuti langkah-langkahnya berikut ini:Langkah Pertama>>Silahkan masuk ke bab Kanvas Postingan tepatnya di "HTML", kemudian Copas (Copy dan Paste) salah satu script jenis kotak yang sudah tersedia di atas kedalam canvas "HTML" tersebut.
Langkah Kedua>>Setelah isyarat Script tersebut sudah ditempatkan di bab yang diinginkan di bab HTML, silahkan masuk kebagian canvas "Compose". dan akan terlihat hasil dari bentuk tampilan isyarat script kotak tersebut. Lalu Ganti Tulisan "Tulis Kode script atau Quote Kamu di Sini" sesuai dengan apa yang akan kau tulis.
Catatan:
Tampilan di atas sanggup kau modifiasi sesuai keinginanmu
1. Untuk merubah warna latar atau Background, silahkan cari isyarat "background-color: #kodewarna ". Lalu ganti "#kodewarna" dengan isyarat warna sesaui kesukaanmu.
2. Untuk mengganti jenis garis tepi/border, Cari isyarat dengan nama " dashed" atau "dotted" atau "Groove" atau "Inset" atau "outset" atau "Ridge" atau "solid", sanggup ganti atau ditukar sesuai dengan jenis garis yang kau sukai.
pola jenis garis tersebut
Solid
Ridge
Outset
inset
Groove
Dotted
Dashed
3. Untuk memilih letak kotak atau goresan pena menjadi rata Kanan, kiri, atau tengah, cari kode "text-align: left;", ganti isyarat "Left" dengan isyarat left= kiri, Center=tengah atau Right=Kanan.
Dengan demikian kau sudah sanggup menciptakan kotak yang sanggup mempercantik blog kamu. biar ilmu yang aku sanggup ini tidak hilang,dan akan berkhasiat bagi kita semua. terimaksaih Sumber https://www.myavitalia.com/
