Membuat Halaman Code Di blog

Mungkin banyak dari teman-teman yang bingung dan bertanya bagaimanasih caranya membuat halaman code diblog. Nah, itu semua pernah ane alami. Dan akhirnya ane nemuin caranya.

Oke langsung aja kita ikutin cara berikut.!
1. Login keblog kalian terlebih dahulu.
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code ]]></b:skin>
4. Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi atau bila template blog       anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.

#BDRS pre {
font-size: 12px;
line-height: 20px;
width: 580px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQD3mU_2u5E6MoVTuU54zUKZx4VsG3TFwEA2dgrah1mbJTt1vqQl4OEXaQvffnzQNdOCMzyKQjDXAw7lFOgyU6mLdrx6L6jc59vwimycMpp1uvRIa9uf0tAuxYeCQWIZrrxw_3aqzZ65Q/s1600/code_bg.png);
}
#BDRS pre code { display: block;overflow: auto; height:auto; }
#BDRS ol { list-style: decimal; margin-left: 0px; margin-top:-1px; padding-right:10px; }
/*** and ***/

5. Setelah anda selesai menyematkan CSSnya saatnya anda menyematkan kode scriptnya pada tag html/xml
    template anda.
6. Pada Edit HTML template anda silahkan cari kode </head>
7. Setelah ketemu copy script dibawah ini dan pastekan diatas kode </head>

<!-- script start -->
<script type="text/javascript" src="http://yourjavascript.com/19341306142/jquery-1-3-2.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/12233901440/jquery-code.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/29153132040/code.js"></script>
<!-- script End -->

8. Untuk pemasangan code tag Highlight ini tergantung dengan kebutuhan halaman blog anda,
9. Untuk memasang dihalaman postingan artikel , anda hanya memasukkan highlight code CSS dan tag html dibawah ini pada artikel yang anda posting.
10. Untuk menyematkan code dibawah ini pada postingan anda harus klik " HTML " ( bukan "compose " ) Setelah anda klik " HTML " masukkan code html dibawah ini ditempat yang anda inginkan, kemudian ganti tulisan warna MASUKKAN KODE CSS ANDA DISINI pada kode yang ada didalam spoiler dibawah dengan tulisan kode html , script atau CSS anda.

<!-- BDRS code - start -->
<div id="BDRS" > 
<h2>Highlight code untuk CSS</h2> 
<div style="height:290px; overflow:auto"> 
<pre class="ln-"><code class="css">

MASUKKAN KODE CSS ANDA DISINI

</code></pre></div><!-- BDRS code - end -->

Semoga berhasil :D