Cara Membuat Frame / Bingkai Pada Tulisan di Blog

Assalamualaikum wr wb

Pada kesempatan kali ini saya akan membahas bagaimana cara membuat frame atau bingkai pada sebuah tulisan di blog, frame ini umumnya di gunakan untuk mempercantik sebuah tulisan di blog baik itu untuk penempatan script bahasa pemograman, html, ataupun untuk sebuah penekanan pada suatu peringatan yang ingin di letakan pada website kita, di bawah ini ada beberapa contoh frame yang dapat anda gunakan untuk mempercantik konten pada website anda :

  1. Solid

<div style=”border: 1px solid #000000; background-color:#e66262; padding: 5px; width: 80%;”>

Tulisan Anda…

</div>

  1. Dashed

<div style=”border: 1px dashed #000000; background-color:#d7da24; padding: 5px; width: 80%;”>

Tulisan Anda…

</div>

  1. Dotted

<div style=”border: 1px dotted #000000; background-color:#6ad25e; padding: 5px; width: 80%;”>

Tulisan Anda…

</div>

  1. Double

<div style=”border: 4px double #000000; background-color:#648dea; padding: 5px; width: 80%;”>

Tulisan Anda…

</div>

  1. Groove

<div style=”border: 4px groove #000000; background-color:#b972de; padding: 5px; width: 80%;”>

Tulisan Anda…

</div>

  1. Outset

<div style=”border: 4px outset #000000; background-color:#939094; padding: 5px; width: 80%;”>

Tulisan Anda…

</div>

  1. Ridge

<div style=”border: 4px ridge #000000; background-color:#4099a2; padding: 5px; width: 80%;”>

Tulisan Anda…

</div>

 

Keterangan :

Pada penulisan html pada frame di atas terdapat beberapa parameter yang harus anda perhatikan, terutama jika anda ingin melakukan modifikasi pada frame tersebut :

  • border : Mengatur tebal tipisnya jenis dan warna pada bingkai
  • background-color : Mengatur pewarnaan pada latar belakang bingkai
  • padding : Mengatur jarak antara tulisan dengan bingkai di bagian dalam
  • width : Lebar bingkai

 

Cara pemasangan pada website :

Copy paste script html yang di inginkan dan letakan konten yang ingin di masukan ke dalam bingkai menggantikan kata Tulisan anda….., namun pastikan saat meletakan script html ini posisi postingan pada web dalam mode Text, jika peletakan dalam mode visual maka frame tidak akan terbuat (gagal)

 

Semoga artikel ini bermanfaat 🙂

Leave a Reply