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