Membuat Huruf Besar pada Awal Teks Postingan

Ingin membuat blognya seperti gaya koran atau majalah? Yaitu dengan membuat huruf di awal teks postingan lebih besar dibanding setelahnya. Istilah lainnya adalah drop caps yaitu huruf besar yang ukurannya mungkin 10 kali lipat huruf biasa yang diletakkan di awal teks postingan.

Caranya cukup mudah, dengan membuat huruf pada awal teks yang ada di postingan bisa membuat halaman atau teks yang kita postingan lebih dinamis dan menarik. Kalau kamu ingin mencobanya, simak langkah-langkahnya berikut ini.

Cara Membuat Huruf Besar pada Awal Teks Postingan
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin>

/* kode untuk huruf awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;

5. Warna hijau adalah kode warna teks dan merah di atas kode warna background. Simpan Template jika sudah selesai.

Untuk menerapkan huruf besar di awal teks ini, setiap posting kamu harus pilih menulis lewat Edit HTML bukan Compose, ini hanya untuk di awal saja. Ketikkan kode ini dulu <span class="awal">huruf awal</span> Kata huruf awal, ganti dengan huruf pertamamu yang akan kamu posting. Misalnya : <span class="awal">B</span>

Enter your email address:

Baca juga pelajaran ngeblog lainnya

21 komentar:

Harun Ar mengatakan... Balas Komentar

Owh begitu ya... Keren Mas tips-nya
Terima kasih

beat_clothing mengatakan... Balas Komentar

keren gan..^^
lanjutkan..^^
:)

batu mustika bertuah mengatakan... Balas Komentar

Trims atas info pengetahuan nya mas..salam kenal dan nitip info yah http://batu-mustika.indonetwork.co.id/batu-cincin-bertuah

Febriansyah Haq (Just Copy and Leave It!!!) mengatakan... Balas Komentar

bisa dicoba tuh :D

Screamo Blog mengatakan... Balas Komentar

ku tunggu kunjungan baliknya..
jangan lupa follback yah..

Pedukasi mengatakan... Balas Komentar

thanks sharingnya,
kalau di wordpress.com ada gak caranya gan?

Outbound di Malang mengatakan... Balas Komentar

salam gan ...
menghadiahkan Pujian kepada orang di sekitar adalah awal investasi Kebahagiaan Anda...
di tunggu kunjungan balik.nya gan !

Anonim mengatakan... Balas Komentar

http://www.investhemat.com/?id=rara1112

Baim Nakal mengatakan... Balas Komentar

matur nuwon tipsxa .//////////

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif

kondy mengatakan... Balas Komentar

mantappp

kondy mengatakan... Balas Komentar

mantap

Edyn Laskar mengatakan... Balas Komentar

Dulu perna nyari tutorial macam nih,,, tp gak ngerti cara pasangnya disini baru bisa ngerti.. makasi gank innfonya... sangat bermanfaat buat newblogger macam sy nih,,,
blog agank kreen..
ditunggu saranx untuk blog saya... TQ b4..
http://edynlaskar09.blogspot.com

NewsPayingCom mengatakan... Balas Komentar

Thank Ilmunya :) kunjungan baliknya ditunggu gan....

Odii Siitohang mengatakan... Balas Komentar

Waduuhhh, gag bisa otomatis GAN?

slovelasky mengatakan... Balas Komentar

makasih mas... infonya __________________♪♥

LulukGBF mengatakan... Balas Komentar
Komentar ini telah dihapus oleh penulis.
LulukGBF mengatakan... Balas Komentar

aku nggak ngerti, Om. kodenya itu terlalu panjang. lalu, sebelum kita masukin kodenya, harus add gadget HTML dulu, ya, Om?

Pengobatan Tumor Lambung Secara Alami mengatakan... Balas Komentar

Thanks Infonya!!

LulukGBF mengatakan... Balas Komentar

aku nggak ngerti!:((

Ihalisa Bsugiyo mengatakan... Balas Komentar

Terimakasih atas sharenya. Salam kenal

Jefry mengatakan... Balas Komentar

syukurlah di default themes yang saya pakai sudah ada ...

Poskan Komentar

Berkomentarlah di blog ini dengan cerdas
* Jangan mencantumkan link apapun, contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya, contoh: =))
* Karena banyaknya SPAM, terpaksa kami tampilkan verifikasi kata
Jangan sampai komentarmu dihapus karena tidak mematuhi aturan!