Cara Membuat Kolom Untuk Script Atau Catatan Di Postingan Blog

Mungkin anda ingin meletakan kode script pada postingan blog, namun mengalami kendala pada saat meletakannya.

Seperti kurang rapi atau tidak enak dipandang oleh pembaca, oleh karena itu anda harus menyatukannya dengan kolom untuk kode script.

Tujuannya adalah agar para pembaca nyaman melihatnya, terlihat lebih efisien, memudahkan pengunjung untuk mengcopy scriptnya, dll.

Script untuk kolom ini penyatuan kode html dengan tulisan yang akan anda masukkan kedalam kolomnya.

Baiklah langsung saja pada pembahasannya, cara membuat kolom untuk script atau catatan di postingan blog.

Langkah-langkahnya:
Membuat kolom paling sederhana. Anda harus membuat halaman postingan baru di blogger. Pada kolom HTML masukan kode merah di bawah ini :

<form name="copy">
<div align="center">
</div>
</form>
<div align="center">
<textarea cols="20" name="txt" rows="4" style="height: 76px; width: 435px;" wrap="VIRTUAL">Masukan kode atau tulisan apa saja di sini</textarea></div>

Maka hasilnya akan muncul kolom seperti di bawah : 

Masukan kode atau tulisan apa saja di sini

Langkah 2. Membuat kolom dengan variasi background dan border

Anda harus membuat halaman postingan baru di blogger.

Pada kolom HTML masukan kode di bawah ini :

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Cara Membuat Kolom Untuk Script Atau Catatan Di Postingan Blog </div>

Maka script di atas hasilnya akan seperti kolom di bawah :

Cara Membuat Kolom Untuk Script Atau Catatan Di Postingan Blog

Di bawah ini saya akan bagikan kolom kolom yang lainnya.

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;"> Cara Membuat Kolom Untuk Script Atau Catatan Di Postingan Blog</div>

Script di atas hasilnya akan seperti kolom di bawah :

Cara Membuat Kolom Untuk Script Atau Catatan Di Postingan Blog

Catatan :

- Anda harus membaca dari langkah 1 agar anda paham dengan maksud script kode.
- Jangan lupa untuk menutup script dengan kode <br /> untuk membuar baris baru.

Tekan Ctrl + D di keyboard untuk bookmark halaman ini. Jika ingin repost dimohonkan untuk mencantumkan link blog ini. Terima kasih telah berkunjung, jangan lupa baca artikel yang lainnya. Salam blogger.

Subscribe to receive free email updates: