Cara Posting Source Code ke Blogspot

Cara Posting Source Code ke Blogspot

Curhat tentang orang yang belum pernah posting source code ke blog nya....

Pagi yang membosankan selama liburan menunggu waktu PKL datang, seminggu lebih berada di kostan tentu akan sangat membosankan, libur kali ini memang saya rencanakan untuk tidak pulang ke kampung halaman karena ingin belajar dan mempersiapkan diri untuk PKL.

Mencari panduan belajar web kesana kemari akhirnya menentukan untuk belajar CSS3 dan HTML5, panduan pertama yang diikuti adalah membuat form cantik dengan CSS3 dan HTML5 , setelah sukses ada sedikit keinginan untuk posting di blog lama yang tak terurus ini, akhirnya mulailah untuk copas-copas dari text editor hasil belajar tadi. Setelah copas tag-tag html ke dalam editor postingan blog tapi kok malah berubah jadi form-form (karena tag-tag yang saya masukkan adalah tag untuk membuat form).

Lalu saya melalang buana lagi mencari tahu bagaimana cara posting source code akhirnya ketemu juga jawabannya, jadi begini :

1. Salin kode di bawah ini ke dalam template blog Anda sebelum tag </head>

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script language='javascript' type='text/javascript'>
SyntaxHighlighter.config.bloggerMode  = true;
SyntaxHighlighter.all();
</script>

2. Ubah semua tanda < menjadi "& lt ;" dan > menjadi "& g t ;", jika terlalu banyak perubahan yang harus dilakukan silakan kunjungi situs online highlighter

3. Copykan kode berikut ini ke dalam isi blog yang akan di post

<pre class="brush: html" > Salin kode yang sudah diubah dari panduan nomor 2 ke dalam sini</pre>

dan akhirnya.......

Selamat untuk diri saya sendiri dan Anda yang sudah berhasil membuat postingan source code ke blog....

Posted in: Belajar