Membuat fitur line number dengan menggunakan bootstrap
Salam bro / sis jumpa lagi di trid saya yang sederhana
Kali ini saya akan menunjukkan bagaimana membuat fitur line number
dengan menggunakan bootstrap, awalnya sih bingung apa tepatnya namanya
ini, tapi hasilnya bisa dilihat pada gambar dibawah ini
Gimana? uda tau kan gimana hasil akhirnya :D jika tau apa tepatnya istilah ini boleh dong share dibagi-bagi
langsung aja ya bro/sis pertama-tama kita siapkan dulu file yang kita butuhkan diantaranya adalah :
- bootstrap.css
- preetify.css
- jquery.js
- prettify.js
- bootstrap.js
Setelah didownload silahkan embed file-file tersebut di dokumen HTML bro/sis
*Note : Pastikan file jquery.js ada diatas library js yang lainnya
Nah selanjutnya tambahkan skrip javascript berikut, ingat skrip ini
boleh diletakkan dimana saja tetepi tetap harus dibawah skrip jquery.jsnah untuk amannya letakkan saja skrip javascript berikut ini diatas tag penutup </body>
Nah langkah terakhir ialah implementasinya, untuk menampilkan suatu skrip di dokumen html kamu harus mengapitnya dengan tag <pre> berserta atribut dan nilai propertis nya.
Yes... that's it, Gimana mudah bukan ?
Ok sekian dulu tutorial dari saya kali ini, sampai jumpa di tutorial selanjutnya, Bye :D...
Demo : Download
Sign up here with your email
ConversionConversion EmoticonEmoticon