Membuat Border dan Modifikasinya


Untuk memberikan kesan lebih indah dalam warna dan tampilan blog khususnya kode HTML/Script yang akan diletakan didalam posting pada saat menulis artikel, Anda bisa meletakan kode Script di dalam kotak dengan border dan warna background yang berbeda sesuai dengan warna pilihan, baik itu dengan border yang garis tipis, tebal atau garis putus-putus.

Ada beberapa jenis border yang saya ketahui yaitu :
  1. Ridge Border
  2. Groove Border
  3. Solid Border
  4. Insert Border
  5. Outset Border
  6. Double Border
  7. Doptted Border
  8. Dashed Border

Langkah membuat dengan border sangat mudah
  • Copy kode Script dibawah ini
  • Kemudian letakan pada posting Anda

Contoh Dashed Border
 <div style="border: 2px #006400 dashed; padding: 10px; background-color: #F2F5A9; text-align: left;"> TEKS ANDA DISINI.. </div> 

Contoh Ridge Border 
 <div style="border: 5px #006400 ridge; padding: 10px; background-color: #F5A9D0; text-align: left;">  TEKS ANDA DISINI..  </div> 

Contoh Dotted Border
 <div style="border: 2px #006400 dotted; padding: 10px; background-color: #FFFF00; text-align: left;">  TEKS ANDA DISINI..  </div> 

Contoh Double Border
 <div style="border: 3px #006400 double; padding: 10px; background-color: #A9F5A9; text-align: left;">  TEKS ANDA DISINI..  </div> 

Contoh Groove Border
 <div style="border: 5px #006400 groove; padding: 10px; background-color: #F2F5A9; text-align: left;">  TEKS ANDA DISINI.. </div> 

Contoh Solid Border
 <div style="border: 3px #1627A7 solid; padding: 10px; background-color: #61FFF6; text-align: left;">  TEKS ANDA DISINI..  </div> 

Demikian adalah beberapa sample border ala Trik Bloger. Semoga Bermanfaat.



Rekomendasi Post


+ komentar + 3 komentar

20 Januari 2012 pukul 00.40

langsung di coba gannn.. :X

Terimakasih Tica atas Komentarnya di Membuat Border dan Modifikasinya
20 Januari 2012 pukul 00.43

@Ticasemoga bermanfaat :D

17 Juli 2013 pukul 11.45

Terimakasih banyak atas tutorialnya, udah ku pasang di blogku. trims

Terimakasih jelly gamat gold g atas Komentarnya di Membuat Border dan Modifikasinya
Cara Berkomentar untuk yang tidak memiliki blog:
1. Klik select profile --> pilih Name/URL
2. Isi nama kamu dan Kosongkan URL atau isi dengan alamat fb kamu
3. Klik Lanjutkan
4. Ketik komentar kmau
5. Masukan kode yang muncul dan Klik Publish

Posting Komentar

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-p =))