Codepen adalah aplikasi web yang digunakan untuk mengedit HTML, CSS, dan JavaScript code secara onlie dengan preview instan dari kode yang telah kita buat. Hal ini sangat berguna bagi developer untuk mempresentasikan pekerjaan kita dan melihat serta sekaligus belajar dari user codepen lainnya.
Dan berikut ini akan kita bahas bagaimana cara memasang Codepen di Blog Blogger.
- Pertama kita harus membuat akun Codpen terlebih dahulu di web codepen.io
- Setelah masuk ke akun kita, klik NewPen yang berada diatas nama profil kita.
- Kemudian isi kodingan atau script kita di kotak HTML.
- Klik Save
- Lalu klik Embed yang ada dipojok bawah kanan
- Setelah itu akan muncul jendela baru dan disitu ada tulisan " DRAG TO RESIZE", klik Drag to Resize, seret kearah atas atau bawah untuk menyesuaikan ukuran yang akan kita tampilkan di blog nantinya.
- Scroll kebawah, Blok dan copy kodenya.
- Terus letakan (paste) di > Tata letak > add gadget > dan pilih HTML/JS, pilih html dan paste kode yang tadi lalu klik save.