Tips Menulis Kode Script di Postingan Blog

Tips Menulis Kode Script di Postingan Blog

Cara Menulis Kode Script atau kode HTML di Postingan Blog adalah masalah yang sering ditemui oleh blogger yang baru belajar, sebenarnya saya sendiri juga termasuk blogger yang baru belajar dan kali ini saya akan membagikan ilmu yang baru saja saya dapatkan yaitu cara menulis kode script pada postingan blog.

Apakah anda mengalami hal yang sama seperti saat saya belajar memahami hal semacam ini ?

Cara menulis script pada postingan itu cukup singkat dan mudah....

1. Pergi ke http://htmlentities.net/
2. Taruh Kode Html pada kotak yang tersedia
3. Klik encode
4. Lihat pada kotak Result, copy kode yang ada pada kotak result dan tempatkan pada  postingan blog anda 

Disaat anda ingin membuat postingan baru yang di dalamnya ingin anda beri kotak script, anda edit postingan anda pada bagian HTML (sebelah kanan Compose). Tambahkan script berikut ini, pilih sesuka anda

SOLID BORDER

<div style="border: 2px #006400 solid; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

RIDGE BORDER

<div style="border: 2px #006400 ridge; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

INSET BORDER

<div style="border: 2px #006400 inset; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

OUTSET BORDER

<div style="border: 2px #006400 outset; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

DOTTED BORDER

<div style="border: 2px #006400 dotted; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

DASHED BORDER

<div style="border: 2px #006400 dashed; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI </div>

BORDER DENGAN LEBAR, PANJANG, DAN SCROLL

<div style="border: 2px #006400 solid; padding: 10px; background-color: GOLD; overflow: auto; height: 50px; width: 300px; text-align: left;">TULIS KODE/SCRIPTNYA DISINI </div>

Sekali Lagi saya sampaikan cara menggunakannya adalah :

1. Siapkan dulu script yang ingin anda posting pada postingan blog anda (misal script auto invite grup facebook)
2. Convert dahulu script tersebut http://htmlentities.net/  Script harus di convert, karena jika tidak di convert tidak akan berhasil.
3. Pilih kotak mana yang ingin anda pilih diatas, copy scriptnya ke menu HTML
4. Text yang berwarna merah bisa anda ganti dengan script yang ingin anda posting & sudah di convert
5. Text yang berwarna hijau bisa anda edit untuk mengubah warna bingkai & background kotak
6. Text yang berwarna ungu bisa anda edit untuk mengubah pajang & lebar kotak

Kira-kira seperti itu .. mudah bukan ??

Happy Blogging

sumber  :  http://www.kejari.com/2013/11/tips-menulis-kode-script-di-postingan.html