Ada banyak cara untuk menampilkan code pada halaman blog anda. Setelah beberapa cara saya coba dan akhirnya menemukan cara yang paling simple. Silahkan ikuti tutorial berikut.
1. Login di blogger anda dan pergi ke halaman tema, sebelum kita merubah-rubah script halaman blog, sebaiknya anda backup terlebih dahulu. Silahkan pilih button "Backup" di pojok kanan atas halaman.
2. Pilih "Edit HTML"
3. Cari tanda buka header pada script blog anda dengan ctrl+f, kemudian cari <head>. Copykan code berikut dibawah head:
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.0/themes/prism.min.css" rel="stylesheet"></link>
4. Cari tanda tutup bagian body </body>, copykan kode berikut diatas tanda tutup tersebut
5. Kita lakukan pengujian dengan membuat sebuah postingan baru. Buka entri baru, diantara compose/html pilih html. Copykan code berikut:
<script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.0/prism.min.js'/>
5. Kita lakukan pengujian dengan membuat sebuah postingan baru. Buka entri baru, diantara compose/html pilih html. Copykan code berikut:
<pre><code class="language-css">
Masukkan code anda disini
</code></pre>Contoh view
String readSerial(){
/****************************************************************************
Read serial from SIM800L, output from this function is string
***************************************************************************/
String buffer;
while (!sim800L.available() && timeout < 12000 ){
delay(13);timeout++;
//Serial.println("serial not available! ");
}
while (sim800L.available()) {
buffer += sim800L.readString();
}return buffer;
}
void setup(){
Serial.begin(serialBaudrate);while (!Serial){}
sim800L.begin(sim800LBaudRate);
Serial.println(F("GSM Ready"));
ss.begin(gpsBaudRate);
delay(2000);
}