Menampilkan Instruksi Html Dan Javascript Di Artikel Blog
Ada kalanya kita ingin membuatkan antar sesama blogger guna saling membantu dan membahu untuk membangun masing-masing blog yang dimiliki. Hanya terkadang niat tersebut akan menjadi luluh lantah kalau niat kita untuk membuatkan malah jadi ancur dan acak-acakan. Hal ibarat itu sanggup terjadi dikala kita ingin membuatkan sebuah kode HTML / Javascript yang ingin di posting di blogspot kita, guna membagikan ilmu yang kita sanggup untuk semua orang.
Hal diatas sanggup kita antisipasi dengan mengakali bagaimana cara menampilkan Kode HTML / Javascript di artikel blog.
Untuk melaksanakan hal tersebut, ada sedikit arahan yang harus kita masukan kedalam template. Cara dengan mengedit arahan HTML di template.
Jika niat anda untuk membuatkan sebuah arahan HTLM / Javascript sangat kuat, silakan ikuti langkah dibawah ini.
1. Masuk ke Dashboard > Template > Edit HTML
2. Cari arahan ibarat ini
]]></b:skin>
3. Setelah ketemu, silakan sisipkan arahan dibawah ini diatas arahan yang sudah ditemukan tadi.
pre {
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%; l
ine-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;
}
Dan akan tampak ibarat gambar dibawah ini.
4. Simpan dan silakan coba posting sebuah kode HTML / Javascript yang mau ditampilkan.
Semoga bermanfaat.
Hal diatas sanggup kita antisipasi dengan mengakali bagaimana cara menampilkan Kode HTML / Javascript di artikel blog.
Untuk melaksanakan hal tersebut, ada sedikit arahan yang harus kita masukan kedalam template. Cara dengan mengedit arahan HTML di template.
Jika niat anda untuk membuatkan sebuah arahan HTLM / Javascript sangat kuat, silakan ikuti langkah dibawah ini.
1. Masuk ke Dashboard > Template > Edit HTML
2. Cari arahan ibarat ini
]]></b:skin>
3. Setelah ketemu, silakan sisipkan arahan dibawah ini diatas arahan yang sudah ditemukan tadi.
pre {
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%; l
ine-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;
}
Dan akan tampak ibarat gambar dibawah ini.
4. Simpan dan silakan coba posting sebuah kode HTML / Javascript yang mau ditampilkan.
Semoga bermanfaat.
