Salam dan bahagia... kotak script atau kotak artikel digunakan ketika kita ingin menyisipkan tulisan, script, atau artikel di postingan blog. Jika sisipan tersebut terlalu panjang atau terlalu banyak tidak mungkin kita masukkan langsung ke blog-post, kalau kita paksakan nanti bisa jadi kurang rapi atau bertele-tele. Berikut cara menambahkan kotak script pada blog.
A. CARA MEMBUAT KOTAK SCRIPT
Langkah #1: Log-in ke Blogger anda, kemudian klik tombol "New post".
Langkah #2: selanjutnya klik tombol "HTML", kemudian copy salah satu script pada halaman "DESAIN KOTAK SCRIPT" di bagian bawah artikel ini, kemudian paste pada kotak editor HTML.
Langkah #2: kemudian sampai disini kita dapat mengedit konten sisipan kotak script. Ada dua cara, yang pertama melalui jendela editor HTML dengan cara sisipkan konten atau script di antara <div>...</div>, atau yang ke dua melalui jendela editor Compose seperti gambar di bawah ini.
B. CONTOH DESAIN KOTAK SCRIPT
1. Desain Minimalis
<div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;">
masukkan konten anda disini...</div>
2. Desain Left Border
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #febf80; border-left: 5px solid #FF3300; border-radius: 10px; padding: 10px; t-align: left;">
masukkan konten anda disini...</div>
3. Desain Dotted
<div style="background-color: #d580fe; border: 2px #1b1a76 dotted; padding: 10px; text-align: left;">masukkan konten anda disini...</div>
4. Desain Double
<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;">
masukkan konten anda disini...</div>
5. Desain Dashed
<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;">masukkan konten anda disini...</div>
6. Desain Scroll
<div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;"> masukkan konten anda disini...</div>
Demikian tips CARA MENAMBAHKAN KOTAK SCRIPT PADA BLOG POST dari saya, semoga bermanfaat.. Best regards to kanguem.com atas pencerahannya. Salam...
No comments:
Post a Comment