Cara menuliskan kode script atau HTML pada blog

Bagi kita yang ingin berbagi tip atau trik untuk mempercantik blog, penulisan css atau HTML/JavaScript pada sebuah artikel sangat diperlukan. Ada beberapa cara agar code yang kita ketikan dapat tampil pada artikel milik kita.
Berikut adalah cara-cara agar code css atau HTML/JavaScript dapat ditampilkan.

Cara Pertama:
1.Masuk ke Blogger dengan ID anda
2.Pilih Layout - Edit HTML
3.Cari Kode ]]></b:skin> (untuk mempercepat proses pencarian tekan Ctrl-F)
4.Copykan css berikut sebelum kode diatas, jika telah selesai klik Save Template

pre
{
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

Nah, sewaktu posting kita tinggal menambahkan kode <pre>HTML</pre> atau <code>HTML</code>, contoh :

<pre>Kode yang Ingin Diposting</pre>
atau
<code>Kode yang Ingin Diposting</code>

Cara Kedua:
Cara yang kedua adalah dengan merubah code ke endcode.

1. Blok code yang akan dirubah - Edit - Copy
   
2. Masuk ke situs Centricle .
3. Pastekan code yang telah dicopy ke kotak Convert Text to HTML EntitiesEdit - Paste)
   
4. Klik Endcode
5. Blok Code yang telah diconvert - Edit - Copy>
6. Masuk ke Edit Post
7. Pastekan Code yang telah diconvert di dalam kotak postingEdit - Paste
8. Lihat hasilnya dengan klik Publish Post - View Blog (In a new Window)
   

Sekian artikel berjudul Cara menuliskan kode script atau HTML pada blog, Semoga bermanfaat. URL artikel: http://javablogtrik.blogspot.com/2012/04/script-for-blog.html

Artikel Terkait: