Membuat kotak script atau box code di postingan blogger dengan rapi dan mudah

"kali ini saya akan membagikan bagaimana caranya membuat kotak script di postingan blogger dengan sangat mudah."

Membuat kotak script di postingan blogger sebenarnya sudah banyak orang yang membuat tutorial seperti ini. Tetapi ada kalanya cara atau tutorial menambahkan kode di postingan blogger tidak sesuai dengan harapan kita. Dan pada kesempatan kali ini saya akan membagikan bagaimana caranya membuat kotak script di postingan blogger dengan sangat mudah.

Menggunakan bantuan web

Dengan menggunakan bantuan website khusus, kita bisa memanfaatkan hal tersebut untuk membuat kotak script di postingan blogger. dengan menggunakan cara ini, sobat hanya tinggal copy paste saja. Dan berikut cara lengkapnya :

Siapkan Script

Pertama yaitu siapkan script atau kode yang akan sobat masukan kedalam postingan blogger nantinya. Untuk saat ini saya ingin menambahkan kode tabel seperti gambar dibawah ini :

Setelah menyiapkan script yang nantinya akan digunakan, selanjutnya sobat bisa melakukan tahap kedua yaitu mengunjungi website khusus.

Website Hilite Me

Kedua, silahkan sobat mengunjungi website hilite.me dan akan menuju halaman utama website tersebut seperti ini :

Terdapat dua bilah form yaitu source code dan html . Untuk form source code, sobat bisa tempelkan atau masukan script yang sudah disiapkan sebelumnya kedalam form itu. Sobat juga bisa mengatur bahasa pemrograman yang sobat masukan disana di menu language. Rubah style atau gaya nya di menu style. Terakhir klik highlight untuk proses pembuatan kode.

Jika bingung, sobat bisa melihat alur gambar yang sudah saya sediakan di bawah ini :

Keterangan Nomor Pada Gambar :

Nomor 1 : Masukan Script yang sudah disiapkan pada form tersebut
Nomor 2 : Ganti bahasa pemrograman. Karena saya memasukan kode html ke form nomor 1, maka saya menggunakan html, jika sobat memasukan kode css, sobat bisa ganti dengan css.
Nomor 3 : Merubah style gaya tampilan. Disini saya gunakan style bernama manni, sobat bisa menggantisnya sesuai selere. dan jika ingin menampilkan nomor, silahkan centang line numbers.
Nomor 4 : Klik Tombol Highlight untuk membuat kode yang nantinya akan ditempel di postingan blogger.
Nomor 5 : Silahkan copy semua kode yang ada di dalam form nomor 5, lalu tempel di postingan blogger.
Nomor 6 : Adalah demo penampilan kode yang akan ditampilkan di blog sobat. demo ini akan berubah warna jika sobat mengganti style, lalu klik tombol highlight kembali.

Menambahkan kode script ke postingan blogger

Langkah terakhisr silahkan sobat buat postingan baru, lalu masuk ke mode html dan paste kan kode yang telah di copy dari form ke 5 sebelumnya. Dan hasil akhirnya akan menjadi seperti ini :

Kesimpulan

Sebuah kotak atau form untuk menampilkan script pada postingan ini sangat penting diketahui bagi sobat yanng memiliki blog tentang pemrograman. Dengan menyediakan box script yang bagus di postingan blogger, dapat membuat visitors kalian merasa nyaman. Dengan menggunakan cara ini kode yang kita sisipkan terlihat lebih rapih dan mudah untuk dipahami.

Komentar