Cara Membuat Kotak Script Dalam Postingan Blog
Menyematkan kotak dalam goresan pena blog terlihat menarik dan indah. Banyak blogger memakai kotak dalam postingan untuk menaruh isu penting, salah satunya yakni script HTML, Java dan sebagainya.
Namun kotak yang disematkan dalam postingan ini tidak disediakan defuld oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini.
Namun kotak yang disematkan dalam postingan ini tidak disediakan defuld oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini.
- Login ke blogger dan pilihlah 'Entri Baru'
- Buat tulisan, pola menyerupai gambar. Lihat yang berwana merah, posisi goresan pena yakni 'Compose'.
- 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;">www..com (ganti goresan pena ini).</div>
- Selanjutnya pilih 'HTML' ( jelasnya lihat gambar).
- Paste script yang tadi di copy di bawah postingan (terserah mau menaruhnya dimana).
- Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Tradaaa... sudah ada kotak.
- Selanjutnya Anda sisa mengganti goresan pena 'www..com (ganti goresan pena ini).' dengan goresan pena yang ingin Anda taruh disana, dapat berupa script atau goresan pena lain. Praktis kan...!
Praktis dong, namun mungkin Anda tidak sepakat dengan tampilan kotak pola diatas. Anda dapat merubahnya sesuka hati. Berikut ini klarifikasi scriptnya.
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;text-align: left;">www..com (ganti goresan pena ini).</div>
- border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
- Double : bentuk kotak. (kode ini dapat diganti dengan isyarat berikut atau juga dapat dihilangkan).
www..com (Dashed).
www..com (Dotted).
www..com (Groove).
www..com (Inset).
www..com (Outset).
www..com (Ridge).
www..com (Solid).
- padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis hingga ke ujung posting.
- background-color:ffffff; = warna dalam kotak.
- Dan text-align:left; = posisi goresan pena didalam kotak di kiri
Nah itulah klarifikasi isyarat HTML untuk membentuk kotak script dalam postingan. Silahkan memodifikasi sesuai dengan selera Anda. Tidak susah bukan. Dipostingan selanjutnya kita akan buat kotak dengan scroll dalam postingan, so... stay cool.
Untuk script lainnya aku modifikasi menyerupai kotak berikut.
Untuk script lainnya aku modifikasi menyerupai kotak berikut.
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">www..com (script kotak di blog ini) </div>
Demikian cara menciptakan kotak script dalam postingan blog, Semoga memberi manfaat. :)
Advertisement