Kotak kode pada postingan blog

oke,kali ini saya akan berbagi ilmu lagi nih,kali ini adalah sesuatu yang mirip dengan spoiler,yaitu tempat meletakkan kode pada postingan(kotak kode),mungkin cara ini lebig mudah dibanding spoiler,ini dia caranya :ngacir2 :

1.Login Blog terlebih dahulu

2.Pilih NEW POST untuk memulai posting baru di Blog yang diinginkan
3.Pilih Tab Edit HTML untuk meletakkan kode berikut ini :

<style> #KotakKodeByRoxx { background-color:#000000; Width:500px; margin:20px; padding:20px; border:1px solid gray; font:15px arial,sans-serif; } </style>

4.Gunakan kode berikut ini untuk menggunakannya, masih dalam Tab Edit HTML

<div id="KotakKodeByRoxx">Tulis Kode disini</div>

5.Hasilnya akan terlihat sebagai berikut

Tulis Kode disini

kawan juga bisa merubah warna kotak dengan mengganti kode berwarna biru dengan kode-kode berikut : #FOF8FF : alice blue
#FAEBD7: antique white
#00FFFF: aqua
#7FFFD4: aqua marine
#F0FFFF: azure
#F5F5DC: beige
#FFE4C4: bisque
#000000: black
#FFEBCD: Blanchedalmond

Yang lain cari sendiri ya,susah ngejelasin panjang lebarv :ngakak :ngakak

Artikel Terkait: