Minggu, 01 Januari 2017

Cara Masang Text editor/code pen di blog

di menu TIPS DAN TRIK kali ini gw akan post codepen :D

Siapa sih yang ga tau sama codepen? salah satu text editor yang baik saat ini,

yang blm tau nih ,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. CodePen juga bagus untuk memecahkan problem coding dan mendapatkan kritik dari komunitas yang ada di dalamnya.

Kalian mau buat tugas soal koding2 atau mau masang codepen ini di blog/web kalian, nih gw kasih cara-caranya.

1). pertama kalian harus bikin akun codepen terlebih dahulu, daftar "Di sini"  

2) terus klik  logo pena yang ada di atas nama profil kita 


3). terus isi kodingan/script kalian nya di Kotak HTML, 

4). dan klik SAVE.

5). terus Klik embed yang ada di bawah pojok kanan. 

nah disitu ada tulisan " DRAG TO RESIZE", klik aja dan seret ke atas atau bawah sesuai selera kalian, itu untuk menunjukan ukuran codepen nya.


6). nah terakhir scroll kebawah dan COPY paste kode nya,  
terus letakan di ---> Tata letak --> add gadget --> dan pilih HTML/JS dan pilih html dan paste kan terus save.


mudah kan bro? iya selama masih ada niat dan usaha pasti bisa kok :)







See the Pen ZLzMJX by havkersc0d3 (@havkers) on CodePen.


Happy everyday with code and machine :D

salam Geekers

Bagikan

Jangan lewatkan

Cara Masang Text editor/code pen di blog
4/ 5
Oleh

email : coders070@gmail.com

Jika ada yang ini ditanyakan, kirim via email.