Selamat Datang di Fadilrubikers Blog

Selamat datang, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan di blog saya ini. Terima kasih telah berkunjung di blog saya, silahkan berkomentar dan follow blog saya, mari kita saling sharing pengetahuan disini.

Sekilas Tentang Penulis

Nama saya Fadil, seorang mahasiswa UIN Syarif Hidayatullah Jakarta prodi Matematika | umur : 19 tahun | Lahir : 07 november 1994 | Agama : Islam | Email: fadil.aidid@gmail.com(G-Talk) | Windows live: fadil.aidid@hotmail.com.

Social Stuff

  • FadiL - Rubikers
  • Twitter
  • Facebook
  • HOME
FadiL
Welcome to my blog
Enjoy this blog, if there is a question / message, please email me!

Sunday, August 8, 2010

Cara Membuat Higlight (kotak) Di Posting

Apa itu highlight ?
adalah sebuah kotak yang digunakan untuk memberikan efek lebih atau penekanan pada suatu posting atau tulisan.


kegunaan dari highlight cukup penting, hal ini akan memperjelas tulisan yang akan di tonjolkan oleh penulis. sebenarnya ada beberapa cara untuk membuat hghlight ini. tapi kali ini saya akan jelaskan yang paling mudah untuk digunakan walaupun sedikit repot, tapi cara ini paling ampuh dan dapat digunakan untuk semua jenis template. untuk cara yang lainnya anda bisa pelajari disini.
silahkan ikuti langkah-langkah ini :



1. login ke account blogger anda pilih blog yang mau di edit.
2. pilih menu posting klik Entri Baru / Edit Entri
3. masukan kode di bawah ini pad tulisan yan ingin di tonjolkan/highlight
<div style="background: #CCE0FF; border:1px dotted #223344; padding:5px;">



"Tulisan Yang Ingin Ditonjolkan"


</div>



background:#CCE0FF; adalah warna background kotak, jika anda menginkan warna yang lain silahkan kilk cari disini

border:1px dotted adalah garis tepinya "1px" atau ketebalan garis tepinya, anda bisa mengganti sesuai selera anda. untuk melihat jenis garis bisa anda dapatkan disini

#223344 adalah kode warna border.

padding:5px; berfungsi memberikan batas garis tepi dengan tulisan anda.
tambahkan overflow:auto; jika ingin menambahkan fungsi scroll pada kotak Highlight.


~Selamat Mencoba~

Bookmark and Share

0 comments:

Post a Comment