Cara Membuat Bingkai Dengan Border Garis Pada Blog

frame_5x7_gold_picture_frames Cuaca mendung, semendung hatiku saat ini terkurung dalam bingkai yang indah. Baguskan puisi saya tadi hehehe. Bicara masalah bingkai semua udah pada tahukan bingkai itu apa? Biasanya kita mengenal bingkai itu digunakan untuk foto agar tampilan foto itu lebih indah dan menarik tentunya, begitu juga di blogspot sobat dapat membuat bingkai pada artikel sobat yang menggunakan foto ataupun tulisan yang ingin dipakaikan bingkai. Bagaimana apakah sobat tertarik? Jika sobat tertarik untuk membuat bingkai pada artikel yang hendak di posting ikuti langkah di bawah ini.

Bingkai 1

<div style="border: 1px solid #000000; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

Bingaki 2

<div style="border: 1px dotted #000000; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

Bingkai 3

<div style="border: 4px double #000000; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

Bingkai 4

<div style="border: 4px groove #000000; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

Catatan:

  • Tulisan yang berwarna merah merupakan code warna background bingkai ganti sesuai dengan warna favourite sobat. Untuk mengetahui code  warna lihat disini
  • Tulisan yang berwarna biru dapat sobat ganti dengan tulisan, gambar ataupun code script yang sobat inginkan. 
Selamat mencoba…

3 komentar:


  1. Terimakasih.. artikelnya sangat bermanfaat.. kebetulan saya sedang mencari ini eh nyasar dimari hehehe

    Ohya saling bersilaturahmi jg gan dimari, lirik noah > Lirik Noah Full =>

    Thanks.. berjaya sll gan.. ^^

    BalasHapus
Catatan:
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini!OOT

 
Design by Juned al~Bughisy Copyright © 2012 ~ 2013 Powered by Blogger
Back to Top