Cara Membuat Kotak Script di Dalam Postingan Blog
Kali ini akan membagikan Cara Membuat Kotak Script di Dalam Postingan Blog. Dengan menyematkan kotak script dalam tulisan blog tentunya akan terlihat lebih menarik dan membuat pengunjung betah mengunjungi blog kita. Kebanyakan para blogger menggunakan kotak dalam postingan untuk menaruh kode script HTML, Javascript, CSS maupun informasi penting lainnya.
Akan tetapi, fasilitas kotak script yang dapat disematkan di dalam postingan ini tidak disediakan oleh penyedia layanan blog, maka dari itu kita harus membuatnya sendiri. Bagaimana cara membuat dan menampilkannya ? Caranya mudah kok.
Berikut Cara Membuat Kotak Script di Dalam Postingan Blog :
1. Masuk ke akun blogger sobat.
2. Buat entri baru > Ubah tab Compose ke HTML
3. Copy paste script ini, dan kembali ke postingan di blogger dalam mode HTML. (Lihat gambar)
<div style="border: 3px #007abe Double; padding: 10px;background-color:#ffffff;text-align: left;"> 99 (ganti tulisan ini).</div>
4. Untuk melihat hasilnya kembalikan mode HTML ke Compose
6. Selesai.
Keterangan :
<div style="border: 3px #007abe Double; padding: 10px;background-color:#ffffff;text-align: left;"> 99 (ganti tulisan ini).</div>
- border: 3px = ketebalan kotak script, ganti sesuai keinginan.
- #007abe = warna kotak script, ganti sesuai keinginan.
- Double : Bentuk frame kotak. (ganti sesuai keinginan atau juga bisa dihilangkan).
- padding: 10px = panjang kotak script ke bawah, lebarnya otomatis sampai ke ujung posting.
- background-color:ffffff = warna dalam kotak script.
- Dan text-align:left; = posisi tulisan didalam kotak script berada di kiri.
Berikut kode lainnya untuk membuat frame kotak script :
99 (Dotted). 99 (Dashed). 99 (Groove). 99 (Inset). 99 (Outset). 99 (Ridge). 99 (Solid). Gimana sobat ? Mudah kan.
OK, sekian dulu. Selamat mencoba semoga berhasil dan bermanfaat.
Terima kasih.
0 Response to "Cara Membuat Kotak Script di Dalam Postingan Blog"
Post a Comment