modifikasi tag "pre"

CSS Only, Zebra Striped PRE Tag

kode css

pre {
display:block;
font:normal 12px/22px Monaco,Monospace !important;
color:#CFDBEC;
background-color:#2f2f2f;
background-image:-webkit-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-moz-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-ms-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-o-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
padding:0em 1em;
overflow:auto;
}

Cara memasang:

  • Copy kode css di atas, lalu buka halaman blog anda –> Template –> Edit Html –>cari kode ]]></b:skin> (klik “ctrl+f” pada keyboard anda ketik “]]></b:skin>“) –> paste kode css yang tadi di atasnya –> simpan template dan selesai….!!
  • Atau masuk Akun Blog Anda –> klik “Tata Letak” –> klik “Tambah Gadget” –> pilih “Html/Java Script” –> ketik “<style>  </style>” –> letakkan Kode Css di atas di antara kode “<style> dan </style>” –> simpan dan selesai……!!

Semoga Bermenfaat…..!!

sumber: http://hompimpaalaihumgambreng.blogspot.com/

Pos ini dipublikasikan di blog tutorial. Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s