Sabtu, 30 April 2011

Membuat Kotak Kode Script/HTML Saat Memposting

Assalamualaikum wr wb,
Sobat blogger yang saya hormati, dalam kesempatan kali ini saya akan membahas Membuat Kotak Kode Script/HTML Saat Memposting. Pasti diantara blogger" belum pada tau maupun bisa, untuk memperindah script  yang sobat posting. Coba kita langsung mempraktekan untuk membuat kotak script/html saat memposting, Silahkan pilih sesukamu :)

  • Solid Border.

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div> 
  • Ridge Border.

<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
  • Groove Border.

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

  • Inset Border.

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

  • Outset Border.

<div style="border: 2px #006400 outset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>  
  • Double Border.


<div style="border: 2px #006400 double; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
  • Dotted Border.

<div style="border: 2px #006400 dotted; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
  • Dashed Border.

<div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA 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;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

Keterangan :
- Tulisan 'Berwarna Merah' : Silahkan ganti dengan Kode Script/HTML yang sobat inginkan.
- Perlu di ingat Kode HTML atau Script yang ingin kamu tampilkan harus sudah dalam keadaan "ENCODE" bisa dilihat caranya disini: Converter Kode Script/HTML Menjadi Encode
- Warna Background silahkan ganti sesukamu, Contoh kode warna: #006400

14 comments:

  1. keren nih gann ..
    mampir ke blog saya yuaa gan !!!
    nice info

    BalasHapus
  2. terima kasih banyak nii infonya sangat membantu... :)

    BalasHapus
  3. Terima kasih banyak bos infonya, sudah berhasil saya coba! sippp...

    BalasHapus
  4. Sangat membantu sekali gan infonya, ini yg aq cari-cari...terima kasih! sukses selalu untuk m-azka.com

    BalasHapus
  5. mantabs sob,
    ikut praktekin ya,,,,

    wilujeng ngeblog

    BalasHapus
  6. thank's Mr Admind atas infonya
    berguna sekali nih..

    BalasHapus
  7. wah makasih bgt infonya.. sangat membantu nihh..

    BalasHapus
  8. Assalam, wiiih ini yg Ane lg cari. mkasih Shohib !!! Visit back.

    BalasHapus
  9. akhirnya ketemu yang dicari di sini...terima kasih sharing infonya...

    BalasHapus
  10. siiippsss tutornya, visit back gan

    BalasHapus
  11. sippss gan infonya,, visit me back

    BalasHapus

Blog ini menganut sistem DOFOLLOW, dan Memakai moderasi komentar untuk mengantisipasi terjadinya "Spammer". Maka dari itu cobalah comment yang baik dan bermanfaat bagi blog ini dan Dapatkan backlink gratis dari blog ini..