Cara Membuat Kotak Script di Dalam Postingan Blog


Kotak Script di Dalam Postingan Blog

Kali ini Santai Bareng 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
Kotak Script di Dalam Postingan Blog

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;"> Santai Bareng 99 (ganti tulisan ini).</div>

Kotak Script di Dalam Postingan Blog

4. Untuk melihat hasilnya kembalikan mode HTML ke Compose
Kotak Script di Dalam Postingan Blog

5. Ganti tulisan Santai Bareng 99 (ganti tulisan ini) sesuai keinginan sobat.
6. Selesai.

Keterangan :

<div style="border: 3px #007abe Doublepadding: 10px;background-color:#ffffff;text-align: left;"> Santai Bareng 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 :

Santai Bareng 99 (Dotted).

Santai Bareng 99 (Dashed).

Santai Bareng 99 (Groove).

Santai Bareng 99 (Inset).

Santai Bareng 99 (Outset).

Santai Bareng 99 (Ridge).

Santai Bareng 99 (Solid).

Gimana sobat ? Mudah kan.
OK, sekian dulu. Selamat mencoba semoga berhasil dan bermanfaat.
Terima kasih.

Dapatkan artikel Tutorial Blog & Optimasi Blog lainnya di Barungeblog.com


Loading...