Cara Menampilkan Kode Program di Blogger

Dari sekian banyaknya blogger pasti ada diantaranya yang membahas mengenai kode program, baik itu html, php, vb, atau kode pemrograman yang lainnya. Termasuk TJP Coding adalah blog yang banyak membahas mengenai kode program. Dan ketika blog kita banyak membahas kode program sudah pasti kita juga akan memposting source code bukan?

Oke kali ini programindo akan membagikan bagaimana cara menampilkan kode program di blogger. Ikutin aja langkah yang programindo berikan berikut ini :

1. Masuk ke blogger kamu 
2. Template > Edit HTML
3. Cari Bagian </head> tempelkan kode dibawah ini tepat diatas </head>
   

   <link class="codestyle" href="https://highlightjs.org/static/styles/monokai_sublime.css" rel="stylesheet"></link>
   <script src="https://highlightjs.org/static/highlight.pack.js"></script>
   <script>hljs.initHighlightingOnLoad();</script>
   
   

4. Simpan template kamu dengan cara klik simpan.
5. Jika kamu ingin membuat postingan dengan kode program silahkan tambahkan kode ini dari bagian HTML bukan Compose. Kemudian untuk kode programnya silahkan parse terlebih dahulu di http://www.blogcrowds.com/resources/parse_html.php. 

   <pre><code class="html">
   Masukkan Kode Disini
   </code>
   </pre>
   
   

6. Perhatikan code <code class="html"> pada bagian html bisa kamu ganti sesuai dengan bahasa pemrograman yang ingin anda bagikan.
7. Misalnya kamu ingin membuat kode php dengan perintah echo maka di bagian html kamu harus membuat seperti dibawah ini.
   

   <pre><code class="php">
   &lt;?php
   echo &quot;programindo.com menampilkan kode program di blogger&quot;;
   ?&gt;
   </code>
   </pre>
   

8. Sehingga pada bagian Compose Akan tampil
   

   <?php
   echo "programindo.com menampilkan kode program di blogger";
   ?>

9. Jika kamu sudah berhasil maka kode yang anda tampilkan akan sama dengan yang di blog ini.

Semoga cara Menampilkan Kode Program di Blogger ini dapat bermanfaat.

sumber : www.programindo.com

Tweet