Cara membuat script box (kotak script di postingan) Blogger yang berisi kode HTML untuk, misalnya, membuat judul "Cara Mendapatkan Kode Google Analytic", caranya sangat mudah bin tidak ribut jika ngaji coding di bawah ini fokus.
Kiaiblogger.com - Ini hanya trik posting dengan manhaj "HTML", bukan "Compose" (normal). Berikut ini adalah penampakan ketika kita akan menyusun postingan yang berisi kotak script di blogger.
Oke, jika masih bingung, ikuti langkah berikut:
Di postingan blogger manhaj "HTML", akan tampil seperti ini.
Gambar di atas adalah ketika Kiaiblogger.com membuat contoh kotak box script yang bertuliskan beberapa kata ini:
.cara membuat kotak di blog
.cara membuat kotak menggunakan html
.cara membuat kotak script di postingan
.cara membuat kotak kotak di blogger
.cara membuat kotak script dalam postingan blog
Keterangan:
- Kode background-color: #e0e0e0 adalah letak modifikasi warna dinding box script. Misal, mau diganti kotaknya jadi warna biru, anda bebas ikhitiar mencari warna sesuai selera dan cocok untuk body post template blogger nya. Carilah warna di www.colorexa.com.
Misal warna #5f9ea0.
Misal warna #c71585.
Misal warna #ff0000.
Misal warna #0080ff.
- Sementara, bagian koding border: 1px adalah ketebalan garis kotak script blogger nya. Itu hanya 1 px tebal. Jika ingin ditebalkan, ganti menjadi 2px atau 3px, dan tebal lagi jadi 4px.
Contoh kotak script border 2 px double.
Contoh kotak script blogger ketebalan 3 px double.
- Jika ingin mengganti warna garis, ganti saja susuai selera Anda pada bagian #000000 double;. Varian warna, bisa langsung menujuk www.colorhexa.com.
Misal warna biru (kode warna: #c71585)
- Bila script lebih dari satu baris, tinggal dispasi paragraf saja via "Compose" manhaj. Tanpa mengatur panjang, script box di atas akan otomatis memanjang sampai ujung kanan. Dengan spasi, teks yang ada dalam akan menjadi paragraf tersendiri.
Mudah kan cara membuat script box kode HTML di postingan blogger. Jika ingin melihat postingan Kiaiblogger.com yang menggunakan kotak script itu, bisa cek contohnya di artikel "Mendapatkan Kode Embed Autoplay Youtube di Postingan Blog". [kiaiblogger.com]
Kiaiblogger.com - Ini hanya trik posting dengan manhaj "HTML", bukan "Compose" (normal). Berikut ini adalah penampakan ketika kita akan menyusun postingan yang berisi kotak script di blogger.
Oke, jika masih bingung, ikuti langkah berikut:
- Login ke Blogger.com
- Masuk ke menu postingan, klik entri baru. Lihat gambar detail ini.
 |
| Gambar 1: Cara membuat script box postingan blogger. |
 |
| Gambar 2: Cara membuat script box postingan blogger |
- Setelah terbuka kotak post blogger manhaj "HTML", copy script di bawah ini dan paste ke situ sekarang juga. Ditunggu!
<div style="background-color: #e0e0e0; border: 1px #000000 double; padding: 10px; text-align: left;">cara membuat kotak di blog</div>
Di postingan blogger manhaj "HTML", akan tampil seperti ini.
 |
| Gambar 3: Cara membuat script box postingan blogger |
.cara membuat kotak di blog
.cara membuat kotak menggunakan html
.cara membuat kotak script di postingan
.cara membuat kotak kotak di blogger
.cara membuat kotak script dalam postingan blog
- Kini, setelah di paste pada postingan HTML, silakan cek hasilnya ke postingan blog manhaj "Compos", jadinya begini.
 |
| Gambar 4: Cara membuat script box postingan blogger |
- Selesai. Simpan. Terbitan postnya jika sudah selesai menulis.
Keterangan:
- Kode background-color: #e0e0e0 adalah letak modifikasi warna dinding box script. Misal, mau diganti kotaknya jadi warna biru, anda bebas ikhitiar mencari warna sesuai selera dan cocok untuk body post template blogger nya. Carilah warna di www.colorexa.com.
Misal warna #5f9ea0.
cara membuat kotak di blog
Misal warna #c71585.
cara membuat kotak menggunakan html
Misal warna #ff0000.
cara membuat kotak script di postingan
Misal warna #0080ff.
cara membuat text box di blog
- Sementara, bagian koding border: 1px adalah ketebalan garis kotak script blogger nya. Itu hanya 1 px tebal. Jika ingin ditebalkan, ganti menjadi 2px atau 3px, dan tebal lagi jadi 4px.
Contoh kotak script border 2 px double.
cara membuat kotak script dalam postingan blog
Contoh kotak script blogger ketebalan 3 px double.
cara membuat kotak kode html di postingan
- Jika ingin mengganti warna garis, ganti saja susuai selera Anda pada bagian #000000 double;. Varian warna, bisa langsung menujuk www.colorhexa.com.
Misal warna biru (kode warna: #c71585)
cara membuat kotak di blog
Cara Membuat Script Box Blogger
- Bila script lebih dari satu baris, tinggal dispasi paragraf saja via "Compose" manhaj. Tanpa mengatur panjang, script box di atas akan otomatis memanjang sampai ujung kanan. Dengan spasi, teks yang ada dalam akan menjadi paragraf tersendiri.
Mudah kan cara membuat script box kode HTML di postingan blogger. Jika ingin melihat postingan Kiaiblogger.com yang menggunakan kotak script itu, bisa cek contohnya di artikel "Mendapatkan Kode Embed Autoplay Youtube di Postingan Blog". [kiaiblogger.com]
Advertisement
