Monday, April 22, 2013
KOTAK SCRIPT DALAM POSTING
Posted by Agus Barkah Hamdani
Posted on 1:39 AM
Bagi para blogger, khususnya yang suka menulis tutorial, kotak script merupakan fitur yang penting sebagai tanda yang membedakan antara redaksi dengan script dalam sebuah posting. Dengan kotak script ini, pengunjung akan lebih mudah dalam memahami pesan yang disampaikan penulis. Perhatikan gambar di bawah ini!
Sebagai demo, silahkan lihat di http://www.ekonsul.com/2013/04/cara-upgrade-sgs-advance-gt-i1970-jelly.html, atau bisa juga lihat tulisan kami di http://www.ekonsul.com/2013/04/cara-wipe-data-dan-cache.html.
Selain sebagai pembeda antara narasi/penjelasan dengan keterangan, kotak script juga bisa menjadi pemanis yang menimbulkan kesan ekslusif. Pengunjung akan semakin yakin dengan pesan yang disampaikan penulis, melalui web atau blognya. Kotak script juga sangat berguna untuk blog yang kontennya berisi mengenai tutorial yang banyak menggunakan script seperti CSS, HTML, JavaScript, atau lainnya.
Agar kita bisa menambahkan kotak script dalam postingan, sebelumnya harus memasukkan script CSS dalam template blog. Seperti apa langkahnya? Berikut adalah penjelasannya:
1. Masuk ke opsi dashboard, kemudian pilih menu template, kemudian pilih edit HTML
2. Cari code "]]></b:skin>" dengan cara menekan tombol Ctrl+f, kemudian ketik ]]></b:skin>
3. Copy paste code dibawah ini, tepat sebelum code "]]></b:skin>"
/* kotak script
----------------------------------------------- */
.kotak {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}
4. Kemudian pilih save template
Selamat, opsi untuk memposting script dalam kotak script sudah bisa digunakan. Untuk mengaktifkan kotak tersebut, diperlukan script pemamnggil HTML. Berikut adalah langkahnya:
1. Buat posting baru yang didalamnya ingin disisipkan kotak script.
2. Ganti ke mode script HTML kemudian ketik <div class="kotak"> tulis script disini </div>. Perhatikan contoh di bawah!
tulis script disini
3. Preview terlebih dahulu untuk melihat hasilnya, jika semua sudah tertulis sesuai dengan keinginan, publish postingan untuk mengakhiri proses.
Labels:
tut_infotek_inet
Sponsors :
Hangup Circle | Customize Blogger Template | Best Blogger Themes
Copyright © 2013. ekonsul - All Rights Reserved
Copyright © 2013. ekonsul - All Rights Reserved