Contoh Menciptakan Script Kotak Html Keren Pada Artikel Blog
 |
| Image source : Google |
Menyematkan script kotak html dalam goresan pena blog akan lebih terlihat menarik bagi pembaca, khususnya mereka yang malas membaca. Karena dengan kita menciptakan script kotak html yang menarik perhatian mata mereka maka mereka akan semkain tertarik untuk membaca artikel kita. Selain itu dengan menciptakan script kotak html kita sanggup memetakan informasi-informasi yang penting atau intisari dari sebuah artikel kita.
Banyak blogger memakai script kotak html dalam postingan untuk menaruh isu penting, salah satunya yakni script kotak html, java dan sebagainya. Namun kotak yang disematkan dalam postingan ini tidak disediakan defult oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya gampang menciptakan script kotak html, ikuti langkah-langkah berikut ini.
Baca juga : 3 cara menyisipkan tabel excel pada artikel blog
Banyak blogger memakai script kotak html dalam postingan untuk menaruh isu penting, salah satunya yakni script kotak html, java dan sebagainya. Namun kotak yang disematkan dalam postingan ini tidak disediakan defult oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya gampang menciptakan script kotak html, ikuti langkah-langkah berikut ini.
Baca juga : 3 cara menyisipkan tabel excel pada artikel blog
1. Login ke blogger dan pilihlah 'Entri Baru'
2. Buat goresan pena 'di sesuaikan dengan kebutuhan anda' pada hidangan compose
3. Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff; text-align: left;">
.pasarpanduan (Ganti pasarpanduan sesuai kebutuhan anda).</div>
.pasarpanduan (Ganti pasarpanduan sesuai kebutuhan anda).</div>
4. Selanjutnya pilih hidangan html
5. Paste script yang tadi di copy di bawah postingan (bebas)
6. Kembali lagi aktifkan compose dan lihat hasilnya
7. Selanjutnya Anda sisa mengganti goresan pena '.pasarpanduan (opsional atau terserah anda)' dengan goresan pena yang ingin Anda taruh disana, sanggup berupa script atau goresan pena lain
Namun mungkin Anda tidak oke dengan tampilan kotak rujukan diatas. Anda sanggup merubahnya sesuka hati. Berikut ini klarifikasi scriptnya.
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff; text-align: left;">
.pasarpanduan (Ganti pasarpanduan sesuai kebutuhan anda).</div>
.pasarpanduan (Ganti pasarpanduan sesuai kebutuhan anda).</div>
1. border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
2. Double : bentuk kotak. (kode ini sanggup diganti dengan instruksi berikut atau juga sanggup dihilangkan).
3. padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis hingga ke ujung posting.
4. background-color:ffffff; = warna dalam kotak.
5. Dan text-align:left; = posisi goresan pena didalam kotak di kiri
Nah itulah klarifikasi instruksi HTML untuk membentuk kotak script dalam postingan. Silahkan memodifikasi sesuai dengan selera Anda
Akhir Kata
Terima kasih telah berkunjung jangan lupa untuk share karna membuatkan itu indah biar sanggup saling membantu bagi sobat yang membutuhkan artikel ini, follow juga blog melalui email untuk terus mendapat update terbaru dari laman saya
