Cara Membuat Kotak Kode HTML di Postingan Blog

Cara Membuat Kotak Kode Script/HTML di Postingan Blog - Sudah lama saya tidak memposting tentang blogger. Kalian pasti pernahkan melihat sebuah postingan di blog terdapat sebuah kotak yang digunakan untuk menempatkan sebuah script? Di blog saya ini juga ada. Salah satu contohnya yaitu postingan saya disini. Mau membuat seperti itu juga? Ok akan saya tunjukkan caranya.

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 BOLDER

#006400

 solid; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI
RIDGE BORDER

#006400

 ridge; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI
INSET BORDER

#006400

 inset; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI
OUTSET BORDER

#006400

 outset; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI
DOUBLE BORDER

#006400

 double; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI
DOTTED BORDER

#006400

 dotted; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI
DASHED BORDER

#006400

 dashed; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI
BORDER DENGAN LEBAR, PANJANG, DAN SCROLL

#006400

 solid; padding: 10px; background-color: GOLD; overflow: auto; height: 50px; width: 300px; text-align: left;">TULIS KODE/SCRIPTNYA DISINI
Cara menggunakannya :
1. Siapkan dulu script yang ingin anda posting pada postingan blog anda (misal script auto invite grup facebook)

2. Convert dahulu script tersebut disini
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

Selamat mencoba & Happy blogging ^_^