Membuat Drop Cap (Upgraded!)

Rabu, 19 Agustus 2009

Aku sudah membahas tentang bagaimana membuat drop cap seperti di koran pada postingan awal2 saya. Tapi cara itu aku nilai terlalu merepotkan, karena harus menambahkan kode HTML pada setiap post.

Dengan cara yang sudah di-"upgrade", tidak perlu lagi menambahkan kode HTML tersebut. Kamu cukup membuat post seperti biasa dan post kamu akan tampil dengan dropcap seperti di koran.

Caranya:

  1. Masuk ke account Blogger kamu, kemudian klik "Layout" - "Edit HTML",
  2. Cari kode
    .post-body {
    xxxxxxxxxx;
    xxxxxxxxxx;
    }
  3. Kemudian tambahkan di bawahnya kode
    .post-body p.dropcap:first-letter {
    font-size:3em;
    float:left;
    margin-right:5px;
    vertical-align:text-top;
    }
  4. Untuk mengatur ukuran DropCap-nya ubah font-size-nya jadi 2.5em, 2em, atau nilai-nilai yang lain,
  5. Kemudian cari lagi kode
    <data:post.body/>
  6. Kalau di kode tersebut tidak diapit oleh kode <p> dan </p>, tambahkan kode tersebut sehingga menjadi
    <p class='dropcap'> <data:post.body/> </p>
  7. Dan kalau kode <data:post.body/> sudah diapit oleh kode <p> dan </p>, cukup tambahkan kode class='dropcap' sehingga jadi seperti kode di atas,
  8. Klik "Save Template" kalau sudah selesai,
  9. dan sekarang semua post kamu akan terlihat seperti di koran! :D
Selamat mencoba!

Blog this!

Suka artikel dari blog ini? Silakan masukkan alamat email kamu untuk mendapatkan artikel terbaru dari Info Blog. Gratis!!
Atau baca Feed dari blog ini di sini.

Delivered by FeedBurner

57 komentar:

Go Blog mengatakan...

pertamax Uyyyyyyyyyyy.... heeeeemm manteb neich..!!!

Zippy mengatakan...

Hhehhe, thx bro bwt info'x....
Btw, salam kenal yah :)

Aisyah mengatakan...

wah bagus...

arabian create mengatakan...

top info sangat menarik terima kasih ya

admin mengatakan...

siap dicoba ah..
Lanjut

Unknown mengatakan...

aku kok gak berhasil ya??? kasi saraN DONK....

Copycat91 mengatakan...

hmmmmm.. kalau liat artikel kamu, mungkin penyebabnya karena artikel kamu diawali dengan gambar.
untuk solusinya, mungkin kamu bisa liat cara membuat dropcap versi sebelumnya, tapi lebih repot dari ini

egie mengatakan...

bagus juga nee postingan.....

saifulanwar mengatakan...

OK banget sob....bekunjung dunk he...3x

Mc | solve shutdown problem mengatakan...

Nice Tips.. thanks..

nowGoogle.com adalah Multiple Search Engine Popular mengatakan...

ok, deh emang mantap

Festival Museum Nusantara mengatakan...

mampir sob

artikelassunnah mengatakan...

makasih atas infonya

Health Spot mengatakan...

mantab gan

Piala Dunia 2010 mengatakan...

keren bro

negeriads.com solusi berpromosi mengatakan...

mantab tipsnya

negeriads.com solusi berpromosi mengatakan...

terima kasih infonya teman

negeriads.com solusi berpromosi mengatakan...

saya coba segera

negeriads.com solusi berpromosi mengatakan...

thanks for share

Forantum I Blogging is My Life I Tutorial Blog I Tips dan Trik Blog I SEO I Free Template mengatakan...

Makasih ya sobat, banyak tutor kayak gini. Tapi ini yg paling mudah dimenegrti.

putrahosting.com dapur hosting hemat mengatakan...

mampir perdana kang

putrahosting.com dapur hosting hemat mengatakan...

blognya keren banget

hosting murah indonesia indositehost.com mengatakan...

triknya oke banget

Koje mengatakan...

Thanks banget lah yaa buat postingannya :)
really nice post :)

STMIK AMIKOM menuju Research University mengatakan...

thanks gan !

AMROZEE mengatakan...

bos... kok ga jalan ya??? bantui dunk,,, nie blog ane www.amrozeejogja.blogspot.com

AMROZEE mengatakan...

bos... kok ga jalan ya??? bantui dunk,,, nie blog ane www.amrozeejogja.blogspot.com

Nikmaya John mengatakan...

keren juga pke cra ini

makeityourring diamond engagement rings mengatakan...

ok gan bagus banget tutorialnya.kalau bisa mohon di kasih screen shoot hasilnya jadi kita tak cuman meraba.makasih gan

whiplash mengatakan...

nice one..its very cool..like it..

Media Design mengatakan...

Greetings from Colorado! I’m bored at work so I decided to check out your website on my phone during lunch break. I enjoy the info you provide here and can’t wait to take a look when I get home. I’m amazed at how quick your blog loaded on my phone.. I’m not even using WIFI, just 3G... Anyhow, amazing blog!

kenza nabil mengatakan...

4 jempol dah pokoknya buat mr.copycat,.,.thks.,,

cara mengobati infeksi saluran kemih mengatakan...

coba deh untuk di buat :D

cara mengobati kanker payudara mengatakan...

info nya sangat berguna gan asik deh

obat alternatif diabetes melitus mengatakan...

simak aja dulu gan

obat alternatif kelenjar getah bening mengatakan...

coba di buat kan deh..... moga aja bisa amin

term paper editing mengatakan...

That would have been a nice try!

tas cantik mengatakan...

mantap gan

tas wanita mengatakan...

mantap masbro
haturnuhun

term paper editing services mengatakan...

That may have been a new cathch that kind of figured out an impossible meaning to the unknown!

tas bagus mengatakan...

JUARA

Supercoolzz | Blog Berbagi Informasi mengatakan...

mantap

Artikel Komputer Menarik mengatakan...

broo, drop cap itu apaan yah? kalo berkenan kasih gambarnya sobb

caloundra accommodation mengatakan...

Such quality content! I find this article very informative. I am waiting for your next post. Keep it up.

burleigh heads beachfront accommodation mengatakan...

A fantastic blog with a lot of useful information. I would love to get updates from you. Keep blogging. All the best.

Home page mengatakan...

So luck to come across your excellent blog. Your blog brings me a great deal of fun.. Good luck with the site.

caloundra resorts mengatakan...

Such quality content! I find this article very informative. I am waiting for your next post. Keep it up.

trend fashion 2013 mengatakan...

niceeee

Sejarah Kebaya mengatakan...

Sejarah Kebaya

dunia fashion mengatakan...

dunia fashion

cara dapat uang dari youtube mengatakan...

makasih gan infonya bermanfaat..
salam mas brow

Situspoker88.com mengatakan...

Situs Agen Judi Poker dan Domino Online Terpercaya Indonesia
AGEN POKER DAN DOMINO TERBAIK DI INDONESIA
AGEN POKER DAN DOMINO ONLINE TERBAIK DI INDONESIA
AGEN DOMINO99 DAN POKER ONLINE TERBESAR DI ASIA
Agen Judi Poker Domino QQ Ceme Online Indonesia
Referensi Judi Poker Domino QQ Ceme Online Indonesia
AGEN POKER DAN DOMINO ONLINE TERBAIK DI INDONESIA

Makasih Gan :)

paulsmith198914@gmail.com mengatakan...

I'm about to complete the first part of my lengthy paper; so ​I'll submit it to these dissertation writing services for a review. What do you think about http://dissertationwriting.services/ to be selected?

Agen Poker Online mengatakan...

Banyak Membaca menambah wawasan. Terima kasih atas infonya
Ditunggu Artikel2 selanjutnya

Ifa Fernandes mengatakan...

Pria perkasa idaman wanita adalah pria yang memiliki ukuran penis yang besar, panjang, kuat dan tahan lama. Seorang pria yang demikian pasti seorang istri akan merasakan kepuasan seks yang sangat luar biasa. Namun tak semua pria memiliki kemampuan dan ukuran penis demikian.
Lalu bagaimana caranya, Caranya adalah dengan mengkonsumsi Obat Pembesar Alat Vital

dewapoker mengatakan...

Selamat Datang Di www.DewapokerQQ.com

Dewapokerqq Menyediakan 6 Permainan Dalam 1 Website :
* Bandar Poker ( New Game )
* Domino99
* BandarQ
* AduQ
* Capsa Susun
* Poker

Minimal Deposit Rp 10.000,-
Minimal Withdraw Rp 20.000,-

=======================================================

Dapatkan Promo Menarik Yang Di Berikan Dewapokerqq :
* Bonus Turnover Up To 0.5% ( Per Minggu )
* Bonus Referral 10% + 10% ( Seumur Hidup )

NB : Syarat & Ketentuan Berlaku

=======================================================

Link Alternatif Dewapokerqq :
> http://dewapokerqq.com
> http://dewapokerqq.net
> http://dewapokerqq.info

=======================================================

Kami tunggu kemenangan anda di www.DewapokerQQ.com

Pin BBM : 2BE2E1C3
Wechat : DewapokerQQ
No tlp : +855 85736021
Skype : Dewapoker.vqq

Ronan Smith mengatakan...

I really enjoy your message. It's very insightful, thank you very much. HP Printer Error Code 0x07a74dd6

Posting Komentar

Silakan berkomentar di bawah ini. You comment, I follow.
Tapi komentar yang bernada spam akan saya hapus. Terima kasih :D

Cheat di Blog

Rainbow Text

Buku Tamu versi 2


ShoutMix chat widget
Widget by Info Blog

Headline News

Buku Tamu


ShoutMix chat widget

Mau punya buku tamu seperti ini?
Klik di sini (Info Blog)

Tautan Link Otomatis

Gamba di Pojok