Bagi sobat yang sedang kebingungan ingin menampilkan code program di blog dengan menggunakan bingkai kotak di luarnya, tak masalah disini akan di jelaskan bagaimana cara untuk mengatasi masalah tersebut.
Menampilkan Code program untuk tips blogger adalah wajib ketika kita akan share tutorial atau cara mengedit template / code program menambahkan widget yang ada code programnya dan hal lain sebagainya yang akan di gunakan untuk menampilkan code program berupa : Html, CSS, Javascript dan lain - lain.
Langsung aja, caranya adalah sebagai berikut :
- Untuk membuat kotak program langkah pertama yang dilakukan adalah masuk ke dashboard blogger pilih > pos kemudian pilih > klik entri baru / postingan baru
- setelah muncul di entri baru ada pilihan compose dan HTML anda pilih yang HTML, kemudian Copykan program di bawah ini :
<div style="background-color: #454545; border: 2px #20a1b5 solid; color: white; height: 260px; overflow: auto; padding: 10px; text-align: left; width: 600px;">
</div>
<br />
</div>
<br />
- Code yang saya kasih warna merah bisa anda rubah sesuai selara warna dan ukuran yang anda sukai
- tampilan dari program di atas adal seperti berikut :
- Anda bisa masukan programnya , ada dua cara cara sederhana pertama anda tinggal pastekan saja di compose code programnya atau di kotak hitam di atas, atau cara kedua, agak ribet yaitu anda bisa parser dulu programnya di situs Hml Parser dan di copykan di HTMLnya
- Stelah selesai klik Publikasikan dan lihat hasilnya.
Sekian Tutorial mengenai : Cara Menampilkan Code Program degan kotak box yang rapih
Semoga bermanfaat, Terimakasih.
0 Response to "Cara Menampilkan Code Program degan kotak box yang rapih"
Posting Komentar