2 Cara Menampilkan Code (Script) di Blogger
Untuk menampilkan Code Snippet / Code Box / Code Template / Script di Wordpress kita tinggal install plugin, banyak plugin yang tersedia di wordpress yang bisa kita gunakan diantaranya adalah Code Markup,Snippler,Code Snippet,CodeColorer,Google Syntax Highlighter dan masih ada plugin lainnya.
Untuk Blogger sendiri kita tidak bisa menginstall plugin, karena tidak ada fasilitas itu, jadi untuk menampilkannya kita butuh web pihak ketiga, disini saya cuma akan menjelaskan 2 cara saja, yaitu:
Pada bagian "filename including extension" isi dengan nama file program kita plus ditulis juga ekstensinya.
Kita bisa add file atau copy program kita dibagian textarea di bawah form input nama file, kemudian pilih menu "create public gist". Hasilnya seperti pada gambar di bawah ini.
Kemudian copy code disebelah menu Embed, atau bisa pilih icon copy yang ada tanda panah kiri. Selanjutnya salin script tersebut di template postingan blogger, pilih yang html jangan yang compose.
Langkah pertama adalah copy code atau script yang mau di masukkan ke blogspot, pada bagian "Syntax Highlighting" pilih tipe filenya atau tipe ekstensinya, ada banyak tipe ekstensi yang ada disana, baik itu CSS, HTML, PHP, JAVASCRIPT, C++, Python dan masih banyak lainnya.
Setelah itu pilih button "Create New Paste", hasilnya seperti gambar di bawah ini.
Langkah terakhir adalah pilih menu embed, ada dua metode embed di pastebin, yang pertama adalah javascript embedding dan yang kedua adalah iframe embedding. Kita mau pilih yang mana terserah, selanjutnya copy code embed tersebut di postingan blogger kita pada bagian HTML.
Selain cara di atas masih ada cara lain, tapi menurut saya 2 cara di atas adalah yang paling mudah, dari 2 cara di atas kita juga bisa memilih mana yang menurut teman-teman lebih baik, sekian postigan cara menampilkan code program di blogger / blogspot.
Untuk Blogger sendiri kita tidak bisa menginstall plugin, karena tidak ada fasilitas itu, jadi untuk menampilkannya kita butuh web pihak ketiga, disini saya cuma akan menjelaskan 2 cara saja, yaitu:
1. gist.github.com
Cara yang pertama adalah kita menggunakan gist.github.com. Langkah pertama adalah kita kunjungi web github melalui link ini https://gist.github.com/, tampilannya seperti gambar di bawah ini.
Pada bagian "filename including extension" isi dengan nama file program kita plus ditulis juga ekstensinya.
Kita bisa add file atau copy program kita dibagian textarea di bawah form input nama file, kemudian pilih menu "create public gist". Hasilnya seperti pada gambar di bawah ini.
Kemudian copy code disebelah menu Embed, atau bisa pilih icon copy yang ada tanda panah kiri. Selanjutnya salin script tersebut di template postingan blogger, pilih yang html jangan yang compose.
2. Pastebin
Cara kedua adalah kita menggunakan pastebin. Teman - teman bisa kunjungi webnya disini https://pastebin.com/ . Untuk tampilannya seperti pada gambar di bawah ini.
Langkah pertama adalah copy code atau script yang mau di masukkan ke blogspot, pada bagian "Syntax Highlighting" pilih tipe filenya atau tipe ekstensinya, ada banyak tipe ekstensi yang ada disana, baik itu CSS, HTML, PHP, JAVASCRIPT, C++, Python dan masih banyak lainnya.
Setelah itu pilih button "Create New Paste", hasilnya seperti gambar di bawah ini.
Langkah terakhir adalah pilih menu embed, ada dua metode embed di pastebin, yang pertama adalah javascript embedding dan yang kedua adalah iframe embedding. Kita mau pilih yang mana terserah, selanjutnya copy code embed tersebut di postingan blogger kita pada bagian HTML.
Selain cara di atas masih ada cara lain, tapi menurut saya 2 cara di atas adalah yang paling mudah, dari 2 cara di atas kita juga bisa memilih mana yang menurut teman-teman lebih baik, sekian postigan cara menampilkan code program di blogger / blogspot.
Post a Comment for "2 Cara Menampilkan Code (Script) di Blogger"