Cara Membuat Kotak Script dalam Postingan

Cara Membuat Kotak Script dalam Postingan - Kali ini kita akan membincangkan tentang cara membuat kotak script dalam postingan blogspot. Tahukan kotak scripts, kotak ini kita buat untuk membedakan antara scripts dengan tulisan, sehingga nanti postingan blog kita akan kelihatan rapi dan teratur. Kalau belum bisa membayangkannya, lihat aja gambar dibawah ini.



Kalau sudah paham, mari kita lihat cara membuat kotak script dalam postingan blog seperti pada gambar diatas.

Ikuti langkah-langkah dibawah ini untuk membuat kotak scripts dalam postingan

  1. Login akun blogger
  2. Anda Pilih Template > Edit HTML > klik Expand Template Widget
  3. Cari kode ]]></b:skin>
  4. Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>

/* http://tgkboy.blogspot.com/
----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #e0ffff;
border: 1px solid #000000;
border-left: 15px solid #000000}
Note: Silakan ubah tulisan warna biru dengan kode warna yang anda inginkan

5. Kemudian save atau simpan Template
6. Selanjutnya sebelum kita menulis Script pada postingan, tambahkan kode berikut:
<p class="alert">
Tulis Script anda Disini
</p>

Demikianlah tutorial singkat dan mudah membuat kotak script dalam postingan blogspot/blogger, selamat mencoba, semoga bermanfaat. :)

loading...

4 komentar:

  1. terima kasih informasinya..
    berhasill

    BalasHapus
  2. Nice ..... makasih sudah mampir,,

    Jangan lupa mampir2 lagi,,, :D:)

    BalasHapus
  3. Tengkyu mas bro. Nambah ilmu lg. sukses selalu

    BalasHapus
  4. Thanks Artikel ini sungguh berarti bagi saya

    software-tipsandtriks.blogspot.com

    BalasHapus