Membuat Huruf Besar di awal tulisan (tulisan bergaya koran)

Membuat huruf besar di awal postingan atau lebih kita kenal sebagai postingan bergaya koran seperti pada postingan di blog saya ini, mungkin untuk para master blogger hal ini sudah tidak asing lagi, tapi tidak salahnya di sini saya ulas kembali karena maklum saya seorang blogger pemula yang punya kemampuan terbatas sangat seneng udah bisa bikin blog seperti ini juga.

Ok deh kita langsung aja ke prakteknya dan gak usah basa basi lagi :

1. Login di blogger dengan ID anda (jangan ID punya orang lain yah)

2. Klik menu Layout-Tata Letak.

3. Klik Tab Edit HTML

5. Jangan lupa dan harus selalu diingat, apabila mau ngutak ngatik atau edit kode
HTML,biasakan di save dl templatenya untuk menjaga hal-hal yang tidak diinginkan.

6. Setelah itu beri tanda centang Expand Templates Widgets

7. Copy kode dibawah ini dan tempatkan persis di atas kode ]]></b:skin>

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

6. Langkah selanjutnya adalah membuat postingan dan pada huruf awal postingan tersebut, sobat pergunakan kode di bawah ini:

<span class="awal">Hurup Awal</span>

Contoh Postingan:

Membuat huruf besar di awal postingan atau lebih kita kenal sebagai postingan bergaya koran seperti pada postingan di blog saya ini.........

Lalu pasang kode seperti di atas tadi

<span class="awal">M</span>embuat huruf besar di awal postingan atau lebih kita kenal sebagai postingan bergaya koran seperti pada postingan di blog saya ini........

Nanti hasilnya seperti ini

Membuat huruf besar di awal postingan atau lebih kita kenal sebagai postingan bergaya koran seperti pada postingan di blog saya ini.........


Keterangan kode di atas:

M = adalah huruf yang ditampilkan pada awal kalimat,ganti sesuai hurufnya.

.awal --> ini adalah penamaan saja, mau di ubah jadi start, mimiti (bahasa sunda) atau apa saja boleh, cuma jangan lupa untuk membubuhkan tanda titik (dot) di awal tulisan.

float:left; --> ini adalah kode agar tulisan awal di letakan pada posisi kiri alias mepet ke kiri, jangan di rubah kalau yang ini.

color: #000000; --> ini adalah kode untuk warna tulisan, kode #000000 adalah kode warna hitam, jika anda ingin warna yang lain boleh aja. oh ya untuk teks code warna anda bisa lihat di sini

background:#ffffff; --> ini adalah kode untuk warna latar belakang, kode #ffffff adalah kode warna putih, jika anda ingin warna yang lain silahkan di ganti sesuai keinginan.

line-height:52px; --> ini adalah kode untuk jarak baris, sebaiknya jangan di ganti.

padding-top:1px; --> ini adalah kode untuk jarak sela antara tulisan dengan bagian atasnya, sebaiknya jangan di ganti.

padding-right:5px; --> ini adalah kode untuk jarak sela antara tulisan awal dengan tulisan selanjutnya sebesar 5 pixel, jika anda berniat mengganti jaraknya, silahkan ganti nilainya saja.

font-family:times; --> ini adalah kode jenis hurup, yang di pakai adalah jenis times, jika tidak suka dengan times bisa di ganti dengan yang lain, mau Georgia, Verdana, sans-serif atau yang lainnya silahkan saja.

font-size:60px; --> ini adalah kode untuk besarnya hurup, jika mau di ganti silahkan ganti nilainya saja


Semoga Bermanfaat .......



http://dsindangheula.blogspot.com/
-----------------------------------------------------------

Artikel yang berhubungan

Lihat semua postingan >>Di sini<<