Menampilkan kode html dengan kotak background

Kode HTML akan bisa tampil dalam postingan kita, jika kita sudah mem parse terlebih dahulu code tersebut.Nah bagaimana caranya? dan apa yang kamu akan lakukan?. Sebentar saya minum kopi dulu ya?. OK yuk kita lanjutkanJika Anda ingin membuat kotak script atau html dengan background yang nantinya akan Anda posting,mudah juga ternyata..perhatikan saja kode2 dibawah ini:

Border berwarna dan jenis-jenis garis bordernya!

  • Solid border

    <div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


  • Ridge Border

    <div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


  • Groove Border

    <div style="border: 2px #006400 groove; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


  • Inset Border

    <div style="border: 2px #006400 inset; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


  • Outset Border

    <div style="border: 2px #006400 outset; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


  • Double Border

    <div style="border: 2px #006400 double; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

  • Dotted Border

    <div style="border: 2px #006400 dotted; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

  • Dashed Border

    <div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

  • Border dengan scroll, lebar dan tinggi

    <div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>






BACA JUGA!
- Mengganti Tulisan Posting Lama dan Posting Baru dengan gambar
- Cara Menghilangkan Tulisan Subscribe To Post (Atom) Blog
- Cara membuat related post bergambar
- Cara membuat tag cloud
- Membuat header menjadi dua kolom
- Membuat buku tamu/shoutmix tersembunyi
- Tabel kode warna css
- Cara mudah Memasang shoutmix bersama
- Cara memasang widget alexa pada blog
- Cara meningkatkan alexa rank blog
- membuat kotak daftar isi blog
- Cara Mengukur seberapa berat blog/web kamu
- Cara supaya domain co.cc bisa diakses tanpa www(redirect tanpa www)
- Merubah Domain Blogspot menjadi co.cc
- Membuat scroll pada komentar blog
- Fungsi Gadget Followers pada Blog
- Cara mudah memasang meta tag blogger
- Mengubah tampilan iklan kumpulblogger
- Cara membuat label menjadi berwarna
- Membuat widget hanya muncul pada postingan
- Cara membuat daftar isi otomatis pada blogger

0 comments:

Post a Comment

Search

Loading...

Popular Posts

Powered by Blogger.

Blog Archive