Tag Code bisa juga disamakan dengan Blackquote dan Tag Pre, tapi model dari Tag Code ini biasanya di gunakan untuk mem-block code tertentu yang biasanya akan menjadi tujuan dari sebuah tutorial yang akan di jelaskan, sebenarnya Tag Code ini tidak begitu penting tapi jika sebuah blog ingin mempunyai kesan yang cantik ataupun kelihatan menarik lebih baik menggunakan Tag Code untuk mempercantik penulisan code pada postingannya.
4). Kemudian save template.
Dan untuk cara penggunaannya pada postingan di blog, sobat hanya perlu menulis code seperti dibawah ini pada mode HTML di postingan.
Nah.. jika ada yang kurang di mengerti silahkan komentar, insya'allah akan saya bantu sebisa saya.
Semoga artikel dari Kang Fandi kali ini bermanfaat bagi Sahabat Blogger. Terimakasih...
Tag Code ini hanya digunakan untuk code-code pendek saja, contohnya jika kita akan mencari code <body> di template kita, biasanya kebanyakan blogger termasuk saya akan menggunakan background color untuk codenya jadi nanti akan seperti ini ' <body> ' tapi jika kita menggunakan Tag Code hasilnya nanti akan menjadi seperti ini ' <body> ' . Terlihat lebih rapi jika kita menggunakan Tag Code.
Untuk cara pemasangannya sangat sederhana, tutorialnya sebagai berikut :
1). Pergi ke Blogger Dashboard > Template > Edit HTML.
2). Copy code CSS berikut dan letakkan tepat di atas code]]></b:skin> .
3). Setelah itu copy lagi code di bawah ini dan letakkan tepat di bawah code]]></b:skin> .
Cara Pemasangan di Template Blog
Untuk cara pemasangannya sangat sederhana, tutorialnya sebagai berikut :
1). Pergi ke Blogger Dashboard > Template > Edit HTML.
2). Copy code CSS berikut dan letakkan tepat di atas code
code{
font-family: Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;
color: #2a5ead;
font-size: 11.7px;
radius: 2px 4px;
color: #79b4;
background-color: #E0E0E0;
border: 1px solid #999999;
}
Note: Untuk code CSS di atas bisa sobat edit sesuai keinginan sendiri.
3). Setelah itu copy lagi code di bawah ini dan letakkan tepat di bawah code
<style type='text/css'>
code{
font-size:100%;
text-align:left;
margin:0;
color:#000
}
</style>
4). Kemudian save template.
Cara Penggunaan di Postingan Blog
Dan untuk cara penggunaannya pada postingan di blog, sobat hanya perlu menulis code seperti dibawah ini pada mode HTML di postingan.
<code>TULIS CODE</code>
Contohnya Seperti Gambar di Bawah Ini :
Penulisan di Mode HTML |
Tampilan di Postingan Blog |
Nah.. jika ada yang kurang di mengerti silahkan komentar, insya'allah akan saya bantu sebisa saya.
Semoga artikel dari Kang Fandi kali ini bermanfaat bagi Sahabat Blogger. Terimakasih...
Terima kasih telah membaca artikel Membuat Tag Code Pada Postingan Blog . Jika Anda ingin copy-paste / menyalin sebagian ataupun keseluruhan dari artikel ini, harap anda mencantumkan link berikut Membuat Tag Code Pada Postingan Blog sebagai sumbernya atau anda bisa copy permalink dibawah ini.
0 comments "Membuat Tag Code Pada Postingan Blog", Baca atau Masukkan Komentar
Post a Comment