Cara Memberi Frame atau Bingkai Pada Postingan Blog

Hai sobat kali ini saya akan memberikan trik untuk membuat frame atau bingkai pada postingan blog. Banyak cara mempercantik tulisan di blog dan salah satunya dengan memberikan frame atau bingkai. Frame tidak saja dipakai di foto, namun di tulisan juga. Trik kali ini membuat bingkai pada tulisan yang bisa di taruh di sidebar atau posting pada blog Anda. Banyak hal yang bisa Anda lakukan dengan Frame ini, semisal membuat catatan, peringatan, pengumuman, dll. Banyak bentuk Frame yang bisa Anda pakai dan dibawah adalah contoh-contoh bentuk bingkai beserta kodenya.

Cara memasang :

1. Pilih frame atau bingkai yang ada di bawah
   Copy kode pada bingkai yang anda pilih dibawah
   Lalu buka blogger.com
   Kemudian Klik "Entri Baru" atau artikel yang ingin anda beri bingkai
   
   
2. Klik "HTML"
   
   
3. Lalu paste kode yang anda Copy tadi pada area HTML  
4. Lalu simpan atau publikasikan
   
   

  Jenis-jenis Frame-nya :

1. Solid

<div style="border: 5px solid #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>

2. Dashed

<div style="border: 5px dashed #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>

3. Dotted

<div style="border: 5px dotted #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>

4. Double

<div style="border: 5px double #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>

5. Groove

<div style="border: 5px groove #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>

6. Outset

<div style="border: 5px outset #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>

7. Ridge

<div style="border: 5px ridge #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>

Keterangan :
Merah = Tebal tipisnya bingkai
Biru = Warna Bingkai (menggunakan kode warna html)
Hijau = Warna Background Bingkai (menggunakan kode warna html)
Ungu = Jarak Tulisan dengan bingkai
Orange = Lebar Bingkai

Untuk cara mendapatkan kode warna bingkai dan background-nya anda bisa pelajari tutorial tentang Cara Mudah Mendapatkan Kode Warna HTML

Sekian postingan dari saya tentang Cara Memberi Frame atau Bingkai Pada Postingan Blog dan semoga bermanfaat.

Artikel Lainnya :