google-site-verification=UZOJzgQVIWen0hhmMkzbFt_zhpkperI9dij4XvLIaW8 Membuat kotak Script (highlight) dalam postingan google-site-verification=UZOJzgQVIWen0hhmMkzbFt_zhpkperI9dij4XvLIaW8 google-site-verification=UZOJzgQVIWen0hhmMkzbFt_zhpkperI9dij4XvLIaW8

18 Juli 2010

Home » » Membuat kotak Script (highlight) dalam postingan

Membuat kotak Script (highlight) dalam postingan

Apa itu kotak script? kotak script yaitu kotak yang di gunakan untuk meng-highlight- kalimat supaya ada perbedaan antara kalimat yang biasa dengan kalimat yang di anggap penting, sehingga pembaca menjadi jelas. Untuk blog, biasanya kotak ini di pakai untuk memasukan kode-kode html supaya mudah untuk di kopi atau di salin.
Contoh kotak script atau hightlight seperti di bawah ini.


contoh kotak script / hightlight


untuk membuat kotak ini tidak terlalu sulit. Anda hanya sedikit menambah kode CSS dan HTML kedalam tamplate dan posting. Adapun langkah cara membuatnya adalah sebagai berikut :

1.Login dulu ke blogger
2.Pilih Tata letak
3.Klik Edit HTML
4.Cari Kode ]]></b:skin>
5.Kemudian letakkan kode dibawah ini persis diatas nya (copas kode dalam kotak)

/* Alert by J_Putra
----------------------------------------------- */
.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}

=======================================
*)Alert by J Putra.
*)yang di cetak miring adalah kode warna, silahkan ganti kode tersebut sesuai selera

6.simpan tamplate.

setelah itu, login ke blogger, klik setting / pengaturan pilih format, dan pastekan kode: <p class="alert"> </p> kemudian simpan

Untuk menampilkan tulisan dalam kotak; masukan tulisan antara kode <p class="alert"> dan kode </p>

Oke, selamat mencoba.

Related Post



Tidak ada komentar:

Poskan Komentar

Tulis Komentar anda di sini

Related Posts with Thumbnails
Loading