Untuk membuat artikel-artikel yang berisi tips-tips blogging tentunya seringkali kita harus menampilkan beberapa kode html dipostingan artikel kita.Dan sebagai blogger pemula saya mensiasatinya dengan memasukkan kode-kode html yang akan dipakai sebagai bagian dari materi postingan itu kedalam bingkai scroll.
Sudah banyak barangkali trik atau cara-cara yang diketahui blogger semua ,tetapi mudah-mudahan cara yang saya tulis ini menjadi tambahan yang bermanfaat sekalipun terdapat banyak kekurangan barangkali didalamnya.
Berikut diantara tahapan-tahapan dalam membuatnya:
- Tulis artikel tips-trik yang akan diposting
- Ketika sampai pada alinea yang memerlukan untuk ditampilkannya kode-kode html,siapkan sebuah kotak scroll seperti dibawah ini.(Silahkan di-copy paste kode yang ada didalam kotak untuk membuat kotak scrollnya)
<div style="border: 1px solid rgb(0, 102, 0); overflow: auto; width: 200px; height: 90px;">
<ul>
</ul>
</div>
- Untuk memasukan kode-kode html yang akan di-posting silahkan copy paste-kan kode-kode html tersebut kedalam kotak scroll yang sudah jadi tadi dalam posisi edit tulis bukan edit HTML dalam kotak entri posting.Akan tetapi parse terlebih dahulu kode html tersebut disini.
Selamat mencoba.
manteb nih bro......bisa bikin blog kita seperti blog tutorial...iya ?
ReplyDelete