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>
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>
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;
----------------------------------------------- */
.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>
Owh begitu ya... Keren Mas tips-nya
BalasHapusTerima kasih
keren gan..^^
BalasHapuslanjutkan..^^
:)
Trims atas info pengetahuan nya mas..salam kenal dan nitip info yah http://batu-mustika.indonetwork.co.id/batu-cincin-bertuah
BalasHapusbisa dicoba tuh :D
BalasHapusku tunggu kunjungan baliknya..
BalasHapusjangan lupa follback yah..
thanks sharingnya,
BalasHapuskalau di wordpress.com ada gak caranya gan?
salam gan ...
BalasHapusmenghadiahkan Pujian kepada orang di sekitar adalah awal investasi Kebahagiaan Anda...
di tunggu kunjungan balik.nya gan !
http://www.investhemat.com/?id=rara1112
BalasHapusmatur nuwon tipsxa .//////////
BalasHapushttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif
mantappp
BalasHapusmantap
BalasHapusDulu perna nyari tutorial macam nih,,, tp gak ngerti cara pasangnya disini baru bisa ngerti.. makasi gank innfonya... sangat bermanfaat buat newblogger macam sy nih,,,
BalasHapusblog agank kreen..
ditunggu saranx untuk blog saya... TQ b4..
http://edynlaskar09.blogspot.com
Thank Ilmunya :) kunjungan baliknya ditunggu gan....
BalasHapusWaduuhhh, gag bisa otomatis GAN?
BalasHapusmakasih mas... infonya __________________♪♥
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusaku nggak ngerti, Om. kodenya itu terlalu panjang. lalu, sebelum kita masukin kodenya, harus add gadget HTML dulu, ya, Om?
BalasHapusThanks Infonya!!
BalasHapusaku nggak ngerti!:((
BalasHapusTerimakasih atas sharenya. Salam kenal
BalasHapussyukurlah di default themes yang saya pakai sudah ada ...
BalasHapusBisa gak gan otomatis tanpa harus edit HTML untuk huruf awalnya lagi?
BalasHapusthank's
Congratulation for the great post. Those who come to read your article will find lots of helpful and informative tips.
BalasHapusToshiba - Satellite 17.3" Laptop - 8GB Memory - 750GB Hard Drive - Prestige Silver
Toshiba - Satellite 14" Touch-Screen Laptop - 6GB Memory - 750GB Hard Drive - Smart Silver