Cara membuat kotak code script/HTML di postingan

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

<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>

DOUBLE BORDER

<div style="border: 2px #006400 double; 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>

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 ^_^

Sumber : http://ramadhanlmzero.blogspot.com/

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari ListMyHistory . Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow ListMyHistory dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Unknown pada tanggal Rabu, 14 Januari 2015