Memasang Dropcap Pada Postingan

Penggunaan Drop Cap atau Huruf besar di awal sebuah artikel atau tulisan sering digunakan untuk mempercantik atau memperindah tulisan kita. Beberapa waktu yang lalu aku sempat melihatnya di sebuah postingan sebuah blog, dan seperti biasa aku cari bagaimana caranya, dan setelah menemukan aku postingin deh caranya buat temen-temen, jadi siapa aja yang berkunjung di blogku ini yang pengen juga pasang dropcap di postingan di blognya bisa ngikutin cara-cara yang aku berikan. Oke, berikut cara-caranya :
  • Seperti biasa login ke blog anda, lalu di dashboard pilih template, terus pilih edit html
  • Copy code di bawah ini dan tempatkan diantara
    /* dropcap code
    ----------------------------------------------- */
    .dc {
    float:left;
    color: black;
    font-size:50px;
    line-height:30px;
    padding-right:5px;
    font-family:"arial";
    }
  • Untuk blog-ku kode tersebut aku tempatkan sebelum #comments
  • Saat Posting, pilih Edit Html, lalu di awal postingan ketik <span class="dc">Huruf awal postingan</span>
  • Kamu bisa ganti color:black dengan warna lain, misalnya red, blue, green disesuaikan dengan background blog kamu, untuk alternatif warna bisa dilihat di sini untuk blogku aku memakai kode firebrick.
  • Untuk font-family juga bisa diganti dengan font pilihan lain, misalnya : verdana, comic sans,dll
Alternatif lain untuk dropcap adalah dengan menggunakan border, seperti contoh pada gambar di bawah :
Kodenya adalah :
.dc {
float:left;
color: #810541;
font-size:45px;
font-family:"verdana";
line-height:30px;
padding:5px;
margin-right:5px;
border: #810541 solid 1px;
background-color:#F9B7FF;
}
Seperti contoh sebelumnya, font-family bisa diganti dengan font lain, begitu pula dengan color, bisa menggunakan kode warna atau nama dari warna contoh : black, blue, red, dll untuk border dan background color, kode saya dapatkan di sini tinggal copy kodenya.

Atau kita bisa menggunakan background yang gelap, yang berarti dropcap dibuat dengan warna terang seperti contoh dibawah :


Kode yang saya pakai :

.dc {
float:left;
color:white;
font-size:50px;
font-family:"century gothic";
line-height:30px;
padding:5px;
margin-right:5px;
border:#CCCCCC solid 1px;
background-color:#461B7E;
}
Ingat, kombinasi warna yang digunakan, jangan sampai membuat dropcap dengan backround dan warna huruf yang kurang kontras, sehingga malah membuat drop-cap menjadi tidak jelas. Untuk Mudahnya tanpa harus melihat html code untuk warna, color : white ; border :#CCCCCC ;
background-color:#000000
Oke, selamat mencoba, semoga bermanfaat !

Comments

Post a Comment

Popular posts from this blog

Hari gini ga punya blog ?????

Image
Hi all, ketemu lagi dengan aku, ternyata blogging itu aktivitas yang menyenangkan, kita bisa nulis apa aja yang kita mau, pengalaman, perasaan atau apapun termasuk cari duit. Maka dari itu sekarang aku bikin blog ini. Nama yang aku pilih adalah olympusgirl, karena aku cinta banget ama kamera merk Olympus. Blog ini sengaja aku buat dalam bahasa Indonesia, karena kadang otak Bahasa Inggris sering macet or lemot, contohnya kayak waktu aku nulis Pengalaman di Karimunjawa di blogku yang satu lagi di http:/ /nataliadj.com waktu itu otak Bahasa Inggrisku lagi macet n akhirnya aku tulis Pengalaman di Karimunjawa paka Bahasa Indonesia. Well, harapanku di blog yang ini aku bisa share pengalaman yang mungkin berguna bagi teman-teman sesama Indonesian. Well, sebenernya perjalanan bloggingku sudah cukup lama, tetapi baru aktif lagi beberapa bulan belakangan setelah aku launch blogku : Lovely Natalie , disitu emang aku beli domain khusus, jadi nggak pake yang gratisan kayak blogger or wordpress...
Read more

Hati-hati Isi Pulsa Dengan Klik BCA

Sekedar share saja, seringkali saat berkomunikasi tiba-tiba pulsa habis dan untuk mecari tempat yang jual pulsa juga ngga mudah, dan yang paling gampang adalah menggunakan Internet Banking, dalam hali ini saya menggunakan Klik BCA. Memang sih, isi pulsa dengan menggunakan Internet Banking itu praktis, ngga perlu ke tempat tukang jual pulsa, gak perlu ke ATM juga, tetapi beberapa kali pengalaman isi pulsa menggunakan Klik BCA membuat saya kapok....kenapaa ???? yah, apalagi kalau bukan Saldo Tabungan terpotong dan pulsa tidak masuk. Kenapa kapok, karena sudah kejadian beberapa kali dan untungnya saya cek selalu periksa kembali saldo di tabungan.  Kejadiannya seperti ini, kebetulan saya pemakai operator seluler SmartFren, kejadiannya adalah saya coba melakukan pengisian pulsa sebesar Rp. 100.000,- tetapi transaksi dinyatakan gagal. saya coba kembali, gagal lagi, dan karena sangat urgent, maka saya coba untuk yang ketiga kalinya, dan hasilnya sama saja, yaitu gagal. Akhirnya saya k...
Read more

Pasang MP3 Player di Blog

Kemarin, saat aku browsing aku menemukan lagu yang bagus banget, yaitu lagu dari American Idol 7 top 8, mereka nyanyiin lagunya "Shout To The Lord" di acara Idol Gives Back tahun lalu. Mereka nyanyiinnya bagus banget, dulu aku download yang versi live, tapi nggak taunya ada juga yang studio version. Temenku, si Patrick yang sesama AI mania begitu tau aku punya langsung napsu untuk diposting supaya dia bisa download. Sebenernya aku udah posting di blog personalku yaitu My Silent Hour, tapi disitu aku pasang langsung secara autoplay. Cukup lama aku cari bagaimana caranya supaya tiap buka halaman blog lagu tersebut bisa langsung autoplay, maklum aku nggak begitu ngerti soal coding, tapi setelah browsing akhirnya nemu juga caranya. Ada banyak web yang menyediakan player gratis untuk dipasang di blog, seperti aimini, beemp3, airmp3 dll atau juga situs-situs penyedia lirik. Kita tinggal copy kodenya dan di-paste ke postingan kita. Di situs-situs tadi lagu sudah tersedia, tinggal ki...
Read more