Rabu, 18 Mei 2011

cara pasang kotak script berwarna dalam postingan

Postingan kali ini saya akan membahas bagaimana Cara Pasang Kotak Script dalam Postingan.
Caranya sangat mudah, sobat tinggal menambahkan sedikit kode kedalam template dan postingan.
Jika ada diantara sobat blogger yang ingin memasang.
Berikut cara memasangnya :

Login ke Blogger klik Rancangan klik Edit HTML klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Kemudian cari kode ]]></b:skin>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (F3)
Kemudian copy kode dibawah ini dan paste diatas nya



.kode {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #eeeeee;
border: 1px solid #cccccc;
border-left: 15px solid #cccccc}

.kode:hover { background: #ffffff;}


Keterangan : kode yang berwarna biru bisa sobat ganti sesuai template sobat.
Kemudian SIMPAN TEMPLATE.
Supaya kode atau scriptnya nanti bisa muncul kotak highlight-nya maka untuk memposting harus pakai cara tersendiri.
Yaitu dengan menambahkan kode berikut :



<p class="kode">
<tt>

kode atau script yg akan diberi highlight

</tt></p>



Selamat mencoba

0 komentar:

Posting Komentar

LinkWithin

Related Posts Plugin for WordPress, Blogger...