Cara Memasang Codepen Di Blogspot Menggunakan Embed
oke ketemu lagi bersama saya, kali ini kita akan membahas salah satu tool keren yaitu codepen, seperti yang kita ketahui, codepen adalah tool yang dapat menampilkan code html yang kita buat secara realtime, jadi bagi kamu yang suka Coding, ini sangat cocok sekali karena kamu gak perlu Me-Refresh Browser kamu, disini kamu bisa menikmati fitur Realtime yang sudah di sediakan di Codepen. Nah bagaimana sih caranya menampilkan codepen di halaman blog kita ? Yuk Simak Cara Nya.
1. Login Ke Akun Codepen
kamu harus punya akun dulu untuk menampilkan Embed Codepen di blog / web kamu. jika kamu belum memiliki akun codepen, silahkan untuk mendaftar terlebih dahulu di codepen.io.
kamu bisa mendaftar menggunakan akun facebook milik kamu, kamu juga bisa menggunakan akun github, akun twitter dan pastinya mendaftar menggunakan email yang kamu miliki.
2. Klik Pen
Setelah masuk di codepen, kamu bisa membuat pen baru dengan meng-klik Pen di Sidebar kiri tepatnya di atas Project.
3. Buat Halaman HTML
buatlah halaman HTML yang ingin di tampilkan di blog kamu. jika sudah kamu klik save dan lihat di bawah kanan ada tulisan embed, kamu klik itu nanti akan muncul tampilan seperti dibawah ini.
kamu scroll kebawah, nanti copy embed nya, lihat gambar dibawah ini :
nah jika sudah dicopy embed nya, kamu klik button HTML di blogger lalu paste kan.
dan hasilnya akan seperti dibawah ini.
Belum ada Komentar untuk "Cara Memasang Codepen Di Blogspot Menggunakan Embed"
Posting Komentar