20.7.15

Cara Menggunakan / Menerapkan Kode Dari GitHub Kedalam Web Atau Blog

Melanjutkan posting saya yang kemarin tentang cara menyimpan kode script ke Github.com maka untuk kali ini pembahasan yang akan saya urai adalah tata cara menggunakan kode dari github tersebut untuk diterapkan ke dalam web atau blog, namun jika sobat belum sempat membaca artikel sebelumnya silahkan klik link berikut: cara menyimpan kode script ke github.com

Untuk dapat menggunakan kode script baik berjenis JavaScript maupun CSS yang telah berhasil disimpan di github, tidak cukup hanya dengan 'copy link location' kemudian mempastekannya ke dalam blog. Karena menurut pengalaman yang saya alami sendiri, itu ada beberapa kode yang harus di edit terlebih dahulu. Seperti apa caranya? Yuk mari kita simak cara selengkapnya berikut ini.

Cara mengaplikasikan kode dari Github ke dalam blog.

Cara Menggunakan / Menerapkan Kode Dari GitHub Kedalam Web
1). Masuk ke dalam dasbor Github sobat dengan cara mengetikkan alamat email serta sandi akun sobat.

2). Setelah berada di dalam dasbor akun github langkah selanjutnya silahkan klik 'Nama folder' repository yang sebelumnya sudah dibuat. Misalkan nama folder tersebut adalah JavaScript maka klik nama folder tersebut. Perhatikan gambar 1

3). Maka akan terbuka kumpulan kode script yang berhasil sobat buat sebelumnya, langkah selanjutnya anda hanya tinggal memilih 'Nama script' yang ingin sobat ambil kodenya. Misal 'Tabbed.js' maka klik namanya agar terbuka halaman baru.

Cara Menggunakan / Menerapkan Kode Dari GitHub Kedalam Web
4). Dihalaman ini sobat akan di bawa pada halaman seperti 'edit editor' dimana sederet kode yang tersimpan akan terbuka dan terpampang menunggu di sentuh dan di utak-atik. Namun tunggu dulu... sobat enggak perlu melakukan apa-apa dalam editor tersebut, cukup klik kanan tombol menu 'Raw' yang ada di kanan atas dan buka dalam Tab baru (open link in New Tab).


5). maka sebuah tab pun terbuka dan kembali memperlihatkan sederet serta sekumpulan kode script yang sudah sobat simpan sebelumnya ke dalam github. Nha, tugas anda selanjutnya adalah meng-copy URL yang ada dalam browser. Perhatikan gambar 4.

Cara Menggunakan / Menerapkan Kode Dari GitHub Kedalam Web
6). Buka Notepad dan pastekan URL yang sudah sobat copy dalam tahap 4 diatas, hingga mendapatkan sebuah URL seperti berikut
https://raw.githubusercontent.com/mochadnan/JavaScript/gh-pages/Tabbed.js

7). Selanjutnya tinggal selangkah lagi guna dapat menyimpan atau mempergunakan kode script tersebut ke dalam halaman blog/ web. Sekarang silahkan hapus kode seperti berikut : raw.githubusercontent.com dan ganti menggunakan kode berikut :cdn.rawgit.com
Hingga Keseluruhan kodenya URL berubah menjadi seperti berikut 
 http://cdn.rawgit.com/mochadnan/JavaScript/gh-pages/Tabbed.js
8). Selanjutnya seperti biasa, untuk kode Javascript tambahkan kode hingga menjadi seperti berikut :
<script src="http://cdn.rawgit.com/mochadnan/JavaScript/gh-pages/Tabbed.js" type="text/javascript"></script>
Dan untuk CSS kodenya seperti berikut :
<link href="http://cdn.rawgit.com/mochadnan/CSS/gh-pages/Layout%20tabbed.css" rel="stylesheet" type="text/css"></link>
:D Sekian

→ About the author

Moch Adnan adalah Admin Blog yang mempunyai ketertarikan dengan Dunia Blogging,kamu bisa Menemukan saya dan memfollow saya di Google + Twitter Facebook


Terima Kasih Telah Membaca Artikel Cara Menggunakan / Menerapkan Kode Dari GitHub Kedalam Web Atau Blog . Jika Anda tertarik dengan artikel seperti ini, silahkan untuk berlangganan artikel Gratis dengan cara mengetikkan alamat e-mail anda pada kotak berlangganan berikut:
Subscribe via Email

Silahkan tinggalkan komentarnya
Mohon untuk tidak memasukkan link hidup dalam berkomentar