Tutorial Menampilkan Source Code Di Dalam Postingan Blog - BLOG CEPOT FALLEN4RT

Post Top Ad

Rabu, 28 September 2016

Tutorial Menampilkan Source Code Di Dalam Postingan Blog

Pada hari ini, admin akan share tutorial bukan software yah :) . Bagi kalian para blogger, yang memiliki banyak kendala atau hambatan ketika kalian ingin memposting di blog kalian, khusus nya dengan artikel yang berisi tentang yang dimana isi artikel tersebut mempunyai source kode atau bahasa pemograman dan lainnya. 

Ada dua cara untuk menampilkan source code pada postingan. Yg pertama yaitu Syntax Highlighter, dan yang kedua yaitu menggunakan Pastebin. Kenapa saya menggunakan Pastebin? tidak menggunakan Syntax Highlighter? menurut saya menggunakan Pastebin lebih ringan dibandingkan Syntax Highlighter


Tutorial : 

1. Pertama - tama anda mengunjungi pastebin.com
2. Setelah mengunjungi Pastebin, silahkan Log In atau Register terlebih dahulu.
3. Setelah itu, klik + New Paste 


4. Pada kolom New Paste, kalian pastekan source code sobat yang ingin kalian tampilkan di blog. Seperti ini :


5. Untuk bagian Optional Paste Setting dibawahnya bisa kalian setting terlebih dahulu source code kalian. Seperti :

  • Syntax Highlighting : Jenis source code kalian (ex : HTML )
  • Paste Expiration : Jangka waktu source code tersebut. misal, 1 menit, 1 jam, 1 minggu, bahkan bulan. Jika tidak mau ada jangka waktu bisa kalian pilih never.
  • Paste Exposure : Jenis publikasi source code tersebut bisa dilihat siapa saja. (ex : public)
  • Paste Name : Judul atau nama source code tersebut.
6. Jika sudah selesai semuanya, bisa kalian klik Create New Paste.
7. Setelah selesai dibuat, maka selanjutnya adalah meng-embed code nya untuk ditampilkan di postingan blog.



8. Setelah mengklik tombol embed, salin kode javascript embedding seperti di bawah ini : 



9. Setelah disalin, copy kan code tersebut yang telah disalin dan masukkan ke postingan sobat dalam keadaan HTML bukan di Compose.
10. Publish, maka hasilnya akan seperti ini :

Tidak ada komentar:

Posting Komentar

Post Top Ad

Responsive Ads Here