Mintailmu.com – Cara Memasang Codepen di Blogger atau Website – hello semuanya kali ini saya akan beritahu teman-teman bagaimana cara memasang codepen di blogspot,blogger, wordpres atau pun website.
CodePen adalah HTML, CSS, dan JavaScript code editor online dengan preview instan dari kode yang Anda lihat dan tulis. Sangat berguna untuk mempresentasikan pekerjaan Anda dan melihat serta sekaligus belajar dari user CodePen lainnya.info : (www.majalahweb.com/2014/01/codepen/).
Oke Berikut ini kita akan bahas tentang bagaimana Cara Memasang Codepen di Blogger atau Website :
Langkah Pertama anda buka website resmi codepen.io lalu klik Sign Up jika anda telah mendaftar di codepen langsung saja login.
Langkah Kedua setalah anda masuk ke akun anda, lalu klik tombol create > new pen seperti gambar di bawah ini :
Langkah Ketiga masukan kode HTML, CSS atau pun Js anda, setelah memasukan code tersebut lalu save, lihat menu di pojok kanan bawah dengan nama Embed lalu klik sepert gambar di bawah ini
Langkah KeEmpat setelah anda mengklik tombol Embed lalu akan tampil halaman popup lalu scroll ke bawah dan akan ada rekomendasi code sperti gambar di bawah ini :
Langkah Kelima setelah itu anda bisa copy dan pastekan code tersebut ke halaman website,blog,blogger atau pun wordpress anda.
Langkah Terakhir Lihat Hasilnya :
Tag : Cara Memasang Codepen di Blogger atau Website, Blogger, website, blogspot, wordpress, codepen.io
Setelah saya coba tutorial Cara Memasang Codepen ini di blogspot alhamdulilah bisa min,, makasih min,,