√ Memasang Lagu Pilihan Sendiri Di Blogger (Valid Html5)

Pernah tidak anda mengunjungi sebuah blog dan mendengarkan sebuah lagu dilantunkan secara otomatis saat anda membuka blog tersebut? Nah dalam posting kali ini saya akan mencoba membagikan sebuah tips sederhana wacana cara memasang lagu pilihan sendiri di Blogger. Banyak orang menganggap bahwa metode memasang lagu pada blog merupakan hal yang sanggup mengganggu tingkat SEO sebuah blog dan mengganggu pengunjung, namun bagi saya sendiri hal tersebut sah-sah saja, hanya saja yang mungkin perlu jadi materi pertimbangan yakni hal tersebut akan sedikit menguras data internet pengunjung sebuah blog dan berpotensi memperlambat proses loading halaman blog.

Namun itu bukanlah problem besar, bagi saya mendengarkan sebuah lagu sambil membaca artikel sebuah blog yakni hal yang cukup menyenangkan. Anda sanggup mencobanya melalui halaman demo yang saya sediakan berikut ini.

Demo

Pada dasarnya disini kita hanya memakai tag HTML 5 yaitu tag audio. Lalu kemudian disisipkan di blog, baik itu pribadi pada HTML posting blog maupun dengan memasang widgetnya di blog. Baiklah pribadi saja kita mulai bagaimana cara memasangnya.

1. Pertama anda harus mengerti dimana isyarat embed pemutar lagu tersebut akan dipasang, jikalau ingin memasangnya di widget blog, silakan buka dashboard blogger anda kemudian pilih Tata Letak kemudian pilih Tambah Gadget.
2. Tetapi jikalau ingin memasangnya pribadi hanya di posting blog, silakan ganti mode penulisan posting dari Compose ke HTML kemudian tambahkan kodenya.

Kode Embed Lagu

Dasar

Silakan tambahkan isyarat berikut ditempat yang anda inginkan.

<audio controls>   <source src="url-of-audio-file" />   Jika anda tidak sanggup melihat kontrol audio, browser anda tidak mendukung </audio>

Hasilnya :

Autoplay

Untuk mengatur semoga autoplay, cukup tambahkan isyarat autoplay dalam tag audio, sehingga jadinya ibarat isyarat berikut ini.

<audio controls autoplay>   <source src="url-of-audio-file" />   Jika anda tidak sanggup melihat kontrol audio, browser anda tidak mendukung </audio>

Loop

Lalu untuk mengatur semoga sehabis lagunya habis maka akan diputar ulang (disebut looping) cukup tambahkan isyarat loop pada tag audio, sehingga kodenya menjadi ibarat berikut ini.

<audio controls loop>    <source src="url-lagu-anda" />    Jika anda tidak sanggup melihat kontrol audio, browser anda tidak mendukung </audio>

Selanjutnya silakan ganti url-lagu-anda dengan URL lagu yang ingin anda pasang pada isyarat tersebut, kode ibarat apakah yang dipasang itu? Berikut akan saya jelaskan. Dan untuk mencoba melihat alhasil sebelum dipasang di blog anda, silakan coba pasang kodenya pada halaman berikut.

Try yourself

Kode URL Lagu

Ada beberapa metode yang sanggup kau gunakan untuk mendapat URL lagu yang sanggup kau pasang di blog kamu. Seperti mengupload file lagu ke file hosting yang tidak menerapkan temporary link seperti, GitHub, Soundcloud, 4shared, Google Drive, Mediafire, dll, serta cara terakhir dengan memakai IDM. Berikut caranya.

Soundcloud

Silakan cari atau upload lagu pilihan anda di soundcloud. Setelah itu buka alamat lagu tersebut, silakan d0wnl0ad lagu tersebut, maka anda akan mendapat URLnya. Jika muncul tombol d0wnl0ad pada lagu tersebut silakan klik kanan kemudian salin alamat tautan tersebut, itulah URLnya.

4shared

Jika memakai 4shared, hampir sama dengan sebelumnya silakan cari atau upload lagu yang ingin anda pasang. Setelah itu sehabis proses d0wnl0ad muncul anda boleh membatalkannya kemudian klik kanan pada perintah untuk mengulang d0wnl0ad, kemudian salin alamat tautannya.

Cara umum berlaku untuk semua

Untuk cara berikut ini sanggup anda gunakan asal lagu tersebut sanggup di d0wnl0ad, caranya mudah, cukup d0wnl0ad saja lagu tersebut. Jika memakai IDM anda sanggup pribadi mendapat URL lagunya.

Jika tidak ada tombol d0wnl0ad, silakan klik tombol d0wnl0ad Popup IDM yang biasanya muncul.

Jika tidak memakai IDM, cukup pribadi d0wnl0ad saja lagu tersebut, kemudian pada jendela d0wnl0ad browser anda sudah sanggup mendapat URL lagunya.

Selanjutnya sehabis mendapat URL dari lagu yang ingin dipasang silakan salin dan tempel URL tersebut pada isyarat embed yang ada diatas pada bab url-lagu-anda. Anda juga sanggup mencoba beberapa URL yang saya peroleh dari Playlist Wikipedia berikut ini

http://upload.wikimedia.org/wikipedia/commons/3/3c/01_-_Vivaldi_Spring_mvt_1_Allegro_-_John_Harrison_violin.ogg http://upload.wikimedia.org/wikipedia/commons/4/4e/02_-_Vivaldi_Spring_mvt_2_Largo_-_John_Harrison_violin.ogg http://upload.wikimedia.org/wikipedia/commons/f/fa/03_-_Vivaldi_Spring_mvt_3_Allegro_-_John_Harrison_violin.ogg aciknadzirah.blogspot.com/search?q=how-to-add-music-player-in-blogspot
 aciknadzirah.blogspot.com/search?q=how-to-add-music-player-in-blogspot
 https://en.wikipedia.org/wiki/Wikipedia:Sound/list/playlist

Sumber http://www.maringngerrang.com/

√ Cara Mendaftar Di Github Social Coding

Dalam posting kali ini saya akan melanjutkan pembahasan ihwal GitHub, sebelumnya saya telah menulis ihwal Cara Terbaru Hosting Kode CSS/JavaScript ke GitHub untuk membantu sahabat menyimpan arahan CSS maupun JavaScript. Baiklah eksklusif saja berikut ini cara mendaftar di GitHub.

GitHub merupakan situs yang sanggup sahabat jadikan sebagai daerah hosting, bahkan untuk hosting web sekalipun, termasuk dengan mengganti domain dan sebagainya. Kaprikornus GitHub sanggup menyediakan cloud storage (penyimpanan secara online) untuk menyimpan aneka macam macam project.

Selain itu, GitHub juga menyediakan fitur yang sanggup menyimpan setiap perubahan yang dilakukan terhadap arahan yang kita buat, semacam merekam jejak perubahan yang kita berikan, record. Sehingga jikalau terjadi hal yang tidak diinginkan, semisal terjadi kesalahan yang mengakibatkan kita tidak sempat untuk melaksanakan penyimpanan terhadap arahan kita, maka record tersebutlah yang sanggup menjadi solusi, bahkan tanpa terkoneksi dengan jaringan internet sekalipun, alasannya yaitu dalam keadaan offline, record tersebut akan disimpan pada penyimpanan lokal di PC kita.

Baca juga : Cara Terbaru Hosting Kode CSS/JavaScript ke GitHub

Pertama-tama silakan sahabat buka homepage GitHub. Setelah itu akan muncul tampilan menyerupai gambar berikut ini. Silakan isi username pada kotak pertama alamat email pada kotak kedua dan kata sandi untuk akun sahabat pada kotak ketiga, sesudah itu tekan tombol Sign up for GitHub.

Setelah itu sebuah pesan konfirmasi akan dikirim ke alamat email yang sahabat masukkan tadi, buka email tersebut dan buka alamat konfirmasi yang telah dikirim.

Mungkin cukup sekian dari saya, biar sanggup bermanfaat, kalau ada yang ingin sahabat tanyakan silakan sampaikan pada kotak komentar yang ada dibawah atau sanggup juga melalui halaman contact blog ini. Terima kasih.
Sumber http://www.maringngerrang.com/

√ Cara Upload Dan Memakai Font Sendiri Di Blogger

Font merupakan salah satu faktor yang menghipnotis kualitas blog. Typography, selain menghipnotis tampilan font juga akan menghipnotis terang atau tidaknya sebuah goresan pena terbaca. Dalam sebuah blog sanggup saja memakai gaya font yang berbeda dengan blog lainnya. Selain sebagai pembeda juga sanggup menjadi daya tarik tersendiri bagi pengunjung.

Untuk penggunaan pada halaman blog, Google telah menyediakan aneka macam macam jenis font yang sanggup dipakai secara gratis di Google Fonts. Cara penggunaannya juga sangat gampang dan sederhana tanpa menghipnotis ukuran pemuatan blog.

Namun bagi kau yang ingin memakai font sendiri yang tidak ada di Google Fonts maupun tidak tersedia secara online, ada sebuah cara yang sanggup kau gunakan dan berlaku untuk situs apa saja, termasuk Blogger. Cara ini tergolong gampang dan gratis serta tidak ada batasan jumlah sesuai yang kau inginkan.

GitHub dan Content Delivery Network

Untuk sanggup memakai font sendiri di Blogger, ada beberapa hal yang kau perlu ketahui dan kenali. Cara ini memerlukan pemberian GitHub dan CDN (Content Delivery Network) gratis. GitHub merupakan situs hosting gratis untuk file ibarat dokumen, HTML, CSS, JS, bahkan Font. Cara memakai GitHub juga sangat gampang bagi pemula. Serta CDN yang merupakan cara semoga file di GitHub sanggup diakses secara langsung.

Jika kau belum pernah memakai Github sebelumnya, kau sanggup mengenal dan mendaftar di GitHub dengan mudah, baca petunjuknya di sini. Dan untuk cara upload font di Github kau sanggup membacanya di sini.

Upload font di Github

Secara garis besar, langkah-langkah yang sanggup kau lakukan untuk sanggup memakai font sendiri secara online yakni sebagai berikut:

1. Buka Github
2. Jika belum mempunyai repositori, maka buatlah terlebih dahulu. Jika sudah ada, maka buka repositori tersebut kemudian upload file font dari komputer kau ke repositori tersebut. Tekan tombol Upload files dan sehabis upload selesai tekan tombol Commit changes
3. Klik kanan pada file font yang gres saja kau upload di repositori, kemudian pilih Salin alamat link.
4. Buka Statically
5. Paste link yang telah kau salin tadi pada kotak teks yang telah disediakan
6. Salin URL gres di potongan Use this URL in production
7. Setelah itu perhatikan kode dibawah ini

@font-face {   font-family: 'MyWebFont';   src: url('webfont.eot'); /* IE9 Compat Modes */   src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        url('webfont.woff2') format('woff2'), /* Super Modern Browsers */        url('webfont.woff') format('woff'), /* Pretty Modern Browsers */        url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */        url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ }

URL hosting dari font kau tadi akan dipakai untuk kode CSS di atas. MyWebFont yakni sebutan untuk nama font kamu. Nama tersebut nantinya akan dipakai pada CSS untuk pemanggilan seperti, font-family: 'MyWebFont';. Lalu potongan lain yang ditandai akan diisi dengan URL yang sebelumnya telah kau copy dari Statically.

Jika kau hanya memakai satu jenis font (misal ttf saja) maka silakan hapus empat URL lain pada src kedua (mulai baris 5 hingga baris 8) dan ganti URL pada src pertama (baris ke-3). Sehingga hasil kesudahannya adalah:

@font-face {   font-family: 'MyWebFont';   src: url('https://cdn.statically.io/gh/maringngerrang/hadi/49350c50/Font.ttf');   src: url('https://cdn.statically.io/gh/maringngerrang/hadi/49350c50/Font.ttf') format('truetype'); }

Kode di atas hanya kalau kau memakai satu jenis ekstensi font saja. Sebab kalau diperhatikan ada beberapa jenis font yang lain seperti, *.eot, *.woff, *.ttf. Jenis-jenis font yang berbeda tersebut fungsi untuk menampilkan font yang sama pada perangkat dan platform yang berbeda yang memakai OS berbeda. Misalnya untuk browser pada OS Android, iOS, Linux, MacOS, dll memakai jenis font yang berbeda pula. Untuk lebih jelasnya perhatikan tabel berikut ini:

Kaprikornus ada baiknya kalau kau ingin memakai custom font di blog kamu, gunakan yang berekstensi WOFF, atau biar lebih niscaya gunakan semua jenis font, gunakan font converter untuk mengubah jenis font yang satu ke jenis yang lain, kemudian unggah dengan cara yang sama kemudian masukkan kedalam kode CSS yang pertama.

Menggunakan font di halaman blog

Setelah melaksanakan upload file font ke Github dan mendapat URL font tersebut memakai CDN. Kamu perlu menghubungkan blog kau dengan font tersebut. Caranya hanya dengan memakai kode CSS. Ikut langkah-langkah berikut ini:

1. Buka Blogger
2. Buka potongan Tema kemudian klik tombol Edit HTML
3. Temukan kode ]]></b:skin>
4. Letakkan kode berikut di atasnya. Pastikan potongan yang ditandai telah kau ganti sesuai arahan di atas

@font-face {   font-family: 'MyWebFont';   src: url('webfont.eot'); /* IE9 Compat Modes */   src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        url('webfont.woff2') format('woff2'), /* Super Modern Browsers */        url('webfont.woff') format('woff'), /* Pretty Modern Browsers */        url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */        url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ }

5. Tekan tombol Simpan

Setelah itu kau sudah sanggup memakai font tersebut di halaman blog kamu. Untuk menggunakannya juga dengan kode CSS. Misalnya kalau kau ingin mengatur font tersebut berlaku di tag body, maka gunakan kode CSS berikut:

body {   font-family: 'MyWebFont', sans-serif; }

Pastikan kau mengganti dan memakai nama font yang sama dengan nama font pada @font-face. Itulah beberapa cara yang sanggup kau lakukan untuk memakai font sendiri di Blogger. Cara ini telah terbukti berhasil dan saya coba beberapa kali di blog ini. Misal pada postingan perihal font Aksara Lontara Bugis. Jangan lupa tinggalkan komentar terbaik kau di bawah, baik itu berupa pertanyaan maupun pernyataan. Terima kasih dan hingga jumpa!
Sumber http://www.maringngerrang.com/

√ Cara Mendaftar Di Github Dan Hosting File Di Github

Cara gampang mendaftar di GitHub — GitHub, sebuah situs yang mempunyai maskot yang berjulukan Octocat, seekor kucing dengan lima tentakel dan wajah ibarat manusia. Merupakan situs yang menyediakan layanan penginangan web yang sanggup diakses bersama untuk proyek pengembangan perangkat lunak yang memakai sistem pengontrol versi Git dan layanan hosting internet. Makara secara umum situs ini memungkinkan pengguna untuk melaksanakan proses hosting suatu file yang sanggup diakses bersama, termasuk file yang menampilkan script suatu aplikasi untuk dikembangkan bersama. Situs ini mengatakan beberapa fitur kerja sama mirip pelacakan bug, ajakan fitur, administrasi tugas, dan wiki untuk setiap proyek.

File yang tersimpan di GitHub secara default sanggup diakses oleh siapa saja tanpa terkecuali. Namun hal tersebut tentunya dihentikan berlaku untuk suatu proyek yang tidak open source, termasuk aplikasi berbayar tentunya. Situs ini memperlihatkan paket repositori langsung dan gratis pada akun yang sama. Hal ini memungkinkan penggunanya untuk membatasi jalan masuk terhadap suatu file dalam sebuah repositori penyimpanan.

Mendaftar di GitHub

Untuk melaksanakan proses registrasi di GitHub sesungguhnya tidak jauh berbeda dengan proses registrasi pada situs berlangganan pada umumnya. Tentunya anda akan perlu memasukkan gosip dasar mirip nama pengguna dan alamat email. Silakan jalan masuk melalui halaman utama GitHub.com. Pada halaman depan GitHub anda perlu mencari kotak form untuk melaksanakan pendaftaran.

Silakan isi kotak teks yang tersedia sesuai dengan keterangannya masing-masing. Setelah itu silakan klik Sign up for GitHub. Perlu anda ketahui bahwa dengan melaksanakan proses sign up berarti anda telah menyetujui persyaratan layanan dan pernyataan privasi yang telah diterapkan oleh layanan GitHub.

Selanjutnya lakukan proses kelengkapan gosip yang diperlukan. Pada bab pertama awalnya anda akan diminta untuk melaksanakan verifikasi akun. Ikuti petunjuk yang tersedia. Langkah selanjutnya anda akan diminta untuk memilih plan yang ingin anda gunakan. Cukup gunakan yang gratis meskipun source code anda akan sanggup diakses publik.

Setelah itu pilih pengalaman, tujuan, dan deskripsi diri anda. Anda sanggup melangkahi bab ini kalau anda belum sanggup menentukan pilihan anda.

Hosting di GitHub

Setelah itu anda sudah siap untuk menciptakan repository. Pada halaman GitHub sehabis anda melaksanakan pendaftaran, silakan login dengan akun anda. Pada halaman awal yang tampil klik New repository. Pada bagian Create a new repository, masukkan nama repository sesuai harapan anda pada bab Repository name. Kemudian masukkan deskripsi perihal repository yang anda buat, bab ini yaitu pilihan opsional, anda sanggup mengosongkannya kalau mau.

Pada opsi Public atau Private, cukup pilih Public saja. Kemudian selanjutnya yang cukup penting yaitu pastikan anda mencentang bagian Initialize this repository with a README untuk menginisialisasi repository anda dengan file README. Tanpa file inisialisasi ini anda tidak sanggup menambahkan file lain sebelum melaksanakan inisialisasi. Lalu tekan Create repository.

Sampai tahap ini, intinya anda mirip telah menciptakan sebuah folder yang siap dipakai sebagai kawasan penyimpanan. Sampai tahap ini pula anda sudah sanggup menambahkan file untuk dihosting pada GitHub.

Untuk meng-upload file pada GitHub, anda tinggal menentukan repository yang akan anda gunakan. Pada tampilan halaman repository anda akan melihat tombol pilihan di bab atas. Anda sanggup menentukan untuk menciptakan file gres atau mengunggah file yang telah tersedia. Terdapat pilihan Create new file dan Upload files untuk menyimpan file pada repository anda.

Penutup

Itulah langkah-langkah yang sanggup anda ikuti untuk mendaftar di GitHub dan menambahkan file pada repostiory. Ketika anda menciptakan file baru, perlu anda perhatikan bahwa file yang anda buat hanya file teks yang ekstensinya anda tentukan pada proteksi nama file. Misal anda akan menciptakan file index.php, maka masukkan nama file beserta ekstensinya pada kotak nama file yang tersedia. Sebagai pola anda sanggup mengakses repository AhliTekno.
Sumber http://www.maringngerrang.com/

√ Menciptakan Web Github Pages (Github.Io) Dengan Mudah

Apa itu GitHub?

Github merupakan aplikasi berbasis website yang memperlihatkan layanan penyimpanan dalam repository secara gratis. Repository merupakan semacam daerah menyimpan banyak sekali file, gambarannya menyerupai partisi "Local Disk" yang ada di PC, yang isinya majemuk folder dan file. Bedanya repository tersedia secara online dan sanggup diakses kapanpun dan di manapun.

Apa gunanya GitHub?

Pada dasarnya fungsi utama dari Github bukanlah sebagai daerah penyimpanan file, melainkan sebagai alat kerja sama dalam pengerjaan suatu proyek yang dibentuk memakai source code.

Untuk lebih jelasnya, misal kau mendapatkan proyek pembuatan web sekolah. Kamu ditugaskan untuk membuatnya bersama seorang sahabat kamu, kau mengerjakan PHP dan HTML sedangkan temanmu mengerjakan CSS, JS, dan konten web. Agar pembuatan web sanggup final sebelum deadline, kau sanggup mengerjakannya bersama tanpa harus selalu bertemu dengan menyimpan file-file perihal web tersebut di Github.

Dengan mengatur kontributor, kau dan temanmu sanggup mengerjakan file yang sama, dalam waktu yang sama, meskipun di daerah yang berbeda. Makara menyerupai itulah gambarannya bagaimana fungsi Github sebagai alat kolaborasi.

Selain itu banyak situs besar menyerupai Facebook, Twitter, Google yang juga memakai Github untuk berkolaborasi dengan banyak sekali programmer dalam pengembangan aplikasi mereka. Makara sanggup dibilang bahwa Github ialah sosmednya para programer.

Github Pages

Seiring dengan berkembangnya github dan meluasnya penggunaan github, dikala ini sudah ada sebuah fitur pada Github yang khusus untuk menampilkan halaman website dengan file yang di-hosting pada repository. Dengan kata lain kau sanggup menciptakan web memakai hosting dari Github.

Tetapi berbeda dengan hosting web yang memungkinkan kau menjalankan file PHP dan semacamnya, di Github kau hanya sanggup menciptakan web statis. Yaitu web yang hanya memakai sintaks HTML, CSS, dan Javascript (JS).

Fitur itu disebut Github Pages, yang memungkinkan kau menciptakan domain github.io sesuai dengan nama domain yang kau inginkan, contohnya maringngerrang.github.io.

Bagaimana Cara Membuat Github Pages (github.io)?

Untuk menciptakan Github pages sesuai dengan nama kau sendiri, terlebih dahulu kau perlu menciptakan akun di sini.

Perlu kau ketahui bahwa nama domain yang nantinya kau gunakan ialah username dari akun Github milikmu. Makara contohnya username Github ialah maringngerrang, maka nantinya memakai domain Github Page maringngerrang.github.io.

Jika kau telah mempunyai akun, maka sehabis itu ikuti langkah-langkah berikut ini:

1. Buka GitHub
2. (Jika belum) login memakai akun Github milikmu
3. Buatlah sebuah Repository dengan nama username.github.io. Ganti username dengan username Github yang kau gunakan
4. Setelah itu buka pengaturan untuk repository tersebut dengan klik sajian Settings

5. Temukan bab Github Pages pada pengaturan tersebut. Jika Github Pages dalam keadaan disable, maka pilih source terlebih dahulu, yaitu master branch

6. Setelah berhasil, akan muncul alamat Github Pages yang sanggup kau gunakan

7. Selanjutnya isikan repository yang kau buat tadi dengan file HTML yang sanggup kau buka melalui domain github.io yang juga telah kau buat
8. Untuk menciptakan isi dari halaman utama, kau sanggup menciptakan file index.html pada repository tersebut, halaman tersebut akan menjadi homepage

Perhatian!

Setelah berhasil menciptakan Github Pages dengan langkah-langkah di atas, ada beberapa hal yang perlu kau ketahui dan perlu kau perhatikan, hal ini untuk memudahkan kau memahami cara kerja Github Pages dan cara menanganinya.

• Ingat bahwa pada Github Pages hanya sanggup menyimpan file web statis, jadi file menyerupai PHP, py, dan semacamnya (untuk web dinamis) tidak akan sanggup berfungsi pada Github Pages
• Meskipun tidak ditampilkan namun ukuran maksimal yang sanggup dipakai untuk setiap repository ialah 1GB, dikala mendekati ukuran tersebut kau akan mendapatkan email yang merekomendasikan untuk mengurangi penggunaan memori pada repository
• Tidak ada batasan jumlah repository yang sanggup kau buat, namun secara total kau hanya sanggup memakai 100GB
• Setiap repository gres yang kau buat akan sanggup diakses melalui Github Pages sesuai nama repo tersebut. Misalnya kau menciptakan repository dengan nama jurnal, maka sanggup dibuka melalui contoh.github.io/jurmal

Itulah beberapa hal dan langkah-langkah yang sanggup kau lakukan untuk menciptakan Github Pages dengan domain github.io sesuai dengan nama yang diinginkan. Semoga artikel ini sanggup bermanfaat untuk kamu, kalau terdapat hal yang kurang jelas, maka jangan sungkan untuk menyampaikannya melalui komentar di bawah atau melalui halaman contact blog ini. Terima kasih dan hingga jumpa!
Sumber http://www.maringngerrang.com/

√ Menciptakan Subdomain Sendiri Di Github Pages

Tentang Subdomain

Halo kawan! Bagi kau penulis blog maupun web developer tentunya sudah tidak absurd dengan istilah "subdomain". Subdomain merupakan nama bab dari domain yang terletak di depan nama domain dan dipisahkan dengan titik, menyerupai code.maringngerrang.com.

Kebanyakan orang beranggapan bahwa memakai subdomain hanya sanggup jikalau sekaligus memakai web hosting melalui pengaturan di sajian Cpanel. Namun ternyata anggapan tersebut keliru. Untuk sanggup memakai subdomain yang diharapkan hanya membeli domain, jadi jikalau kau sudah memiliki sebuah domain, maka sanggup dengan cukup gampang memakai subdomain, bahkan memakai subdomain untuk blog di Blogger baca caranya di sini.

Apa itu Github?

Berbicara ihwal Github, tentunya ada beberapa orang yang sudah familiar dan masih ada yang cukup asing. Pada dasarnya Github sanggup dibilang sebagai "sosial media", sosmed bagi para developer. Github memungkinkan kita untuk share/posting source code pada daerah yang disebut "repository" pada Github.

Kita sanggup share secara publik source code yang sanggup dilihat dan dikomentar oleh orang lain, sanggup juga disembunyikan untuk diedit dan diperbaiki oleh orang-orang yang ditentukan "pemilik" source code tersebut.

Source code yang dimaksudkan di sini yaitu isyarat yang dipakai oleh sebuah program/aplikasi. Misalnya isyarat HTML sebuah halaman web, sintaks VB, Python, C++, dan semua bahasa pemrograman sanggup dimasukkan kodenya kedalam github dan diposting secara publik maupun privat.

Github Page

Terdapat sebuah fitur di Github yang memungkinkan kita untuk menciptakan halaman web HTML yang file web nya sanggup dihosting di Github. Makara sanggup dibilang dengan Github Page kita sanggup hosting web di Github.

Namun web dalam hal ini hanyalah halaman web statis. Yaitu halaman web yang terdiri dari isyarat HTML, CSS, dan Javascript saja, jadi untuk hosting web PHP maupun Python tidak sanggup melalui Github, hanya sanggup posting kodenya tapi tidak sanggup dijalankan.

Github page secara default memungkinkan kita untuk memiliki sebuah domain USERNAME.github.io yang jikalau dibuka akan menuju ke file HTML yang disimpan dalam repository, jadi cocok dipakai untuk menciptakan halaman web statis dengan isyarat dasar HTML, termasuk membuat blog.

Membuat Github Page

Untuk menciptakan Github page dengan domain namakamu.github.io kau sanggup membacanya di sini

Membuat Github page dengan Domain/Subdomain sendiri

Melalui tutorial membuat Github page di atas, kau sanggup menciptakan halaman web dengan domain namakamu.github.io. Namun dikala ini Github memungkinkan kita untuk membuatnya dengan domain sendiri, termasuk subdomain bagi pengguna multiwebpage.

Contohnya menyerupai halaman demo.maringngerrang.com atau code.maringngerrang.com. Kedua alamat tersebut diguat memakai hosting Github page dengan subdomain sendiri. Untuk menciptakan hal serupa, ikuti langkah-langkah berikut ini:

1. Terlebih dahulu kau harus memiliki Github Page yang aktif, baca cara membuatnya di sini
2. Buka layanan penyedia domain yang kau gunakan seperti, Niagahoster, Domainesia, Idwebhost, dll
3. Login dengan akun kau dan buka bab "DNS Management" pada halaman penyedia domain kamu
4. Tambahkan sebuah recode CNAME/Alias dengan Nama, Label, atau Host sesuai nama subdomain yang ingin kau gunakan. Misalnya code untuk code.maringngerrang.com
5. Isikan Alamat atau Tujuan dengan alamat Github Page kau yang aktif, contohnya namakamu.github.io. (Termasuk jikalau kau ingin memakai subdomain www untuk alamat github www.namakamu.com)
6. Jika kau ingin memakai domain secara eksklusif seperti, domainkamu.com tanpa subdomain apapun, gunakan A Record dengan IP Address sebagai berikut: (cukup tambahkan jikalau kau cuma ingin memakai domain langsung)
• 185.199.108.153
• 185.199.109.153
• 185.199.110.153
• 185.199.111.153
7. Simpan record tersebut

---

8. Buka Github
9. Buka repository halaman utama Github page kamu, contohnya repository dengan nama namakamu.github.io
10. Buka sajian pengaturan

11. Temukan bab "Github Pages" dan isikan bab "custom domain" dengan subdomain yang kau masukkan pada DNS Management layanan domain kamu. Contoh di atas namakamu.github.io

12. Klik tombol Save

Belum sanggup dibuka!?

Pada awalnya mungkin subdomain tersebut belum sanggup dibuka (pada beberapa kasus dialihkan ke "Internet Tepat"). Untuk mengatasi hal tersebut yaitu cukup tunggu hingga proses pengalihan final dilakukan. Makara cukup tunggu hingga 1 jam hingga alamat subdomain kau benar-benar sanggup digunakan.

Selain itu kau juga perlu menunggu hingga paling lambat 24 jam untuk sanggup memakai "Enforce HTTPS". Yaitu pengalihan dari HTTP menjadi HTTPS jadi subdomain kau menjadi https://code.maringngerrang.com.

Itulah langkah-langkah yang sanggup kau lakukan untuk memakai subdomain ataupun domain pada Github Page. Semoga artikel ini sanggup bermanfaat untuk kamu. Jika terdapat hal-hal yang kurang jelas, maka jangan sungkan untuk memberikan komentar kau di bawah atau melalui halaman contact blog ini. Terima kasih dan hingga jumpa!
Sumber http://www.maringngerrang.com/