Kemarin saya mendapat email dari sobat johan yang menanyakan perihal membuat huruf yang besar pada awal postingan. Sebenarnya jika ingin tau bisa saja searching di google tentang hal ini karena memang sangat banyak bloggers yang menulis tutorial ini. Saya agak lupa apakah pernah menulis tutorial huruf besar pada awal postingan ini, jadi semalam saya bongkar-bongkar lagi semua judul post dan ternyata memang belum pernah saya tulis mengenai hal ini.
Sekedar info buat yang baru, huruf ini akan tampil besar dan berbeda sendiri dengan huruf lain yang ada di blog kita. Biasanya bisa kita lihat di koran atau majalah. Untuk membuatnya sangat mudah, karena hanya butuh satu kode css dan sedikit sentuhan pada saat membuat postingan.
- Setelah masuk blogger, silahkan klik Edit HTML.
- Tambahkan kode berikut sebelum kode ]]>< /b:skin>
.huruf {
float:left;
color:#000;
line-height:60px;
padding-right:5px;
font-family:trebuchet ms,verdana;
font-size:60px;
} - Simpan Template.
Cara Posting
Tambahkan kode <span class="huruf"> sebelum huruf pertama dan </span> setelahnya. Contohnya seperti ini :
<span class="huruf">K</span>emarin saya mendapat email dari sobat johan yang menanyakan perihal membuat huruf yang besar pada awal postingan. Sebenarnya jika ingin tau bisa saja searching di google tentang hal ini karena memang sangat banyak bloggers yang menulis tutorial ini.
Sip, semoga bermanfaat !
Tweet
|
Berlangganan artikel terbaru via Email
|
14 comments
drop caps men...hihihi \m/
makin keren aja bogspot...
@Beben : ah si beben suka ngeledek nih kalau saya update postingan basi, saya menjawab pertanyaan pengunjung atuh ben, hehe..
Sippp dah.... happy blogging aja...
Manteb.. Ini yang ku cari...
tq da sharing,....^^
aku bookmark dulu, ntar aku coba dech ..
tenang ajahh.. hehe
Mas, mau nanya nih. Apakah kode HTML di atas bisa digunakan pada blog wordpress? Atau ada perubahan pada kode nya jika ingin ditampilkan pada blog wordpress?
gan koq kode ]]>< /b:skin> g' da y di blog qu............mohon peyunjuk ny gan..........thx..........
adevrans@yahoo.com
http://www.dickylibra.co.cc
terima kasih atas semua ilmunya mudah2an bermanfaat bagi kita semua.
kok ga berhasil... >,<
]]>< /b:skin> itu yang ada di bagian MOBILE kan ya? tolong petunjuknya.. mksh^^
@Yuugure2504 : setiap template berbeda-beda, letakkan saja kode tsb dibagian css
assalamualaikum,kalo di wordpres gimana om
Nice share gan, patut di coba...
thanks.
Posting Komentar