Blog Ping

Kamis, 11 November 2010

Mempercantik tampilan post

Border digunakan untuk mempercantik tampilan post atau konten Anda.
Baca Macam macam border 1

Berikut tampilan dan codenya:

<p style="border: dashed 5px #FF7F00; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #000000; font-size: 18px">Coba coba</p>


<p style="border: solid 10px #ddddff; background: #005588; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">Coba coba</p>


<p style="border: solid 10px #00FF00; background: #FFD700; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">Coba coba</p>

Sekarang cara mempercantik border

-Border yang berisikan text kelap kelip
<p style="border: dashed 5px #FF7F00; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #000000; font-size: 18px"><blink>Coba coba</blink></p>

-Border yang berisikan text berjalan

Selamat Datang Di K-blogger

ini dia kodenya:
<p style="border: dashed 5px #FF7F00; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #000000; font-size: 18px"><marquee direction="left">Selamat Datang di K-blogger</marquee></p>

Kode yg berwarna merah adalah warna garis border
Baca Kode warna
Sudah dulu ya