Code Snippets Dengan CSS

Coding kali ini akan membahas mengenai CSS. Apa itu CSS? CSS merupakan salah satu bahasa pemrograman yang mana kebanyakan digunakan untuk mempercantik halaman sebuah website. Nah, kali ini bagaimana sih agar tampilan Code Snippets menarik??? Tentu tutorial/tips kali ini tidak menggunakan javascript hhlo..

Anda mungkin bisa menggunakan SyntaxHighleghter untuk menampilkan kode, akan tetapi hal tersebut akan memperberat blog Anda bukan? Berikut ini merupakan cara untuk menuliskan kode tanpa javascript:

Masukkan kode CSS ini kedalam blog Anda:

pre{
background:#EDEFF3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6-LWRe8qnMDA-nIJvzEuKbTGvxmQ7hzPFZhefnCWogd9TuOq0jovDKObvHGS4XbAjH5RezgSsekZ7b8MNlZrTX-TQ6ORhZjJX41Da9JF9iSl2pJIsFQBY_YjZiOAKDtd0s7QZpEjsJM/s1600/pre.png) repeat left top;
width:auto;
overflow:auto;
clear:both;
max-height:300px;
color:#000000;
font:normal 12px/1.5em Monaco,"Lucida Console",monospace;
border:1px solid #9f9f9f;
border-left:5px solid #9f9f9f;
padding:1px 8px 1px 8px;
margin:10px 0}

Semoga postingan ini dapat bermanfaat untuk Anda.. :)