Cara Menciptakan Kotak Script Di Dalam Artikel/Postingan Blog
Bagi kalian yang gres berguru menciptakan blog niscaya resah gimana cara menciptakan box scrip yang keren dan manis awal nya aku juga ga ngerti gimana cara buat nya sehabis aku cari tau dan baca di blog blog keren di luar sana kesannya aku menumukan solusi atau balasan yang sempurna ternyata caranya cukup simpel dan gampang.
Keuntungan dari memasang script box semoga artikel atau postingan kalian terlihat lebih rapi jadi yang baca juga nyaman dengan isi artikel kalian karna dengan memasang script box ada pembatas adalah box antara code script dan kalimat jadi terlihat lebih rapi.
Jika kalian tertarik eksklusif aja simak caranya di bawah .
Langkah awal ;
Pilih box script di bawah ini sesuai harapan kalian .
Style scroll box
Style scroll box
Style 1
Style 2
Style 3
Style 4
Itulah code script cara menciptakan box script pada artikel tinggal kalian pilih saja mana yang bnar-benar cocok dan pas di blog kalian.
Dan kalian juga sanggup mengedit box tersebut;
jikalau ingin mengganti warna background contoh
#000000 (hitam) tinggal kalian ganti saja menjadi #ffffff (putih).
Merubah ukuran sudut lengkung contoh
Border radius: 10px ganti dengan misal 5px.
Tinggal kalian edit aja susuka hati kalian
yang penting warnanya pas dengan template kalian semoga terlihat lebih rapi postingan atau artikel kalian jadi pembaca lebih nyaman dan mengerti apa yang dimaksut dari isi artikel kalian.
Selamat mencoba...
Sumber https://mydriveronline.blogspot.com/
Keuntungan dari memasang script box semoga artikel atau postingan kalian terlihat lebih rapi jadi yang baca juga nyaman dengan isi artikel kalian karna dengan memasang script box ada pembatas adalah box antara code script dan kalimat jadi terlihat lebih rapi.
Jika kalian tertarik eksklusif aja simak caranya di bawah .
Langkah awal ;
- Pilih code script yang telah aku siapkan di bawah kemudian copy.
- Masuk ke HTML postingan kalian dan paste kan code script yang telah aku siapkan di bawah.
- Lalu masuk ke Compose dan isi dengan code scrip yang kalian inginkan
Pilih box script di bawah ini sesuai harapan kalian .
Style scroll box
<div style="overflow:auto;width:300px;height:100px;padding:10px;border:1px solid #eee">
</div>
Isi Scroll Box
</div>
Style scroll box
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; height: 100px; overflow: auto; padding: 10px; padding: 10px; width: 600px;">
Isi Scroll Box
</div>
Isi Scroll Box
</div>
Style 1
<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Pastekan Code Script Di Sini </div>
Pastekan Code Script Di Sini </div>
Style 2
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">
Pastekan Code Script Di Sini </div>
Pastekan Code Script Di Sini </div>
Style 3
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">
Pastekan Code Script Di Sini </div>
Pastekan Code Script Di Sini </div>
Style 4
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">
Pastekan Code Script Di Sini </div>
Pastekan Code Script Di Sini </div>
Itulah code script cara menciptakan box script pada artikel tinggal kalian pilih saja mana yang bnar-benar cocok dan pas di blog kalian.
Dan kalian juga sanggup mengedit box tersebut;
jikalau ingin mengganti warna background contoh
#000000 (hitam) tinggal kalian ganti saja menjadi #ffffff (putih).
Merubah ukuran sudut lengkung contoh
Border radius: 10px ganti dengan misal 5px.
Tinggal kalian edit aja susuka hati kalian
yang penting warnanya pas dengan template kalian semoga terlihat lebih rapi postingan atau artikel kalian jadi pembaca lebih nyaman dan mengerti apa yang dimaksut dari isi artikel kalian.
Selamat mencoba...
Sumber https://mydriveronline.blogspot.com/