google-site-verification=4PyO_QSL777Du1Gc1Iq7U5VBurLSMNyd2lW4AvGTCdo Membuat kotak Script (highlight) dalam postingan <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><strong>Kembali ke Atas</strong></a>
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 Posts by Categories



Tidak ada komentar:

Posting Komentar

Tulis komentar anda di sini.

Related Posts with Thumbnails
Loading
RSSMicro FeedRank Results
Active Search Results

arsitekartikelblog directorykitchen cabinets design

RSSMicro FeedRank Results
ANDA SEDANG BERADA DI BLOG WARUNG POJOK USI2506