Membuat hurup awal lebih besar atau capslock pada posting

Kang Bagas96 44 comments 19.2.11 <a href='http://bagas96.blogspot.com/2011/02/membuat-hurup-awal-lebih-besar-atau.html'>Membuat hurup awal lebih besar atau capslock pada posting</a>

Jam 16:15 nampak di layar hp 5 jam sudah terkapar di cicalengka gara-gara kendaraan mogok..
:@ huahh panas nya cuaca menambah rasa jengkel di hati rasanya seperti ada di atas penggorengan dengan minyak mendidih :(
lebai :D memang kesannya tapi ini yang saya rasakan saat ini, meski sudah meng habiskan berbotol-botol minuman dingin tapi hanya sesaat mampu menghilangkan dahaga ,

Huammmm.. Bosan rasanya dan besar sekali saya rasakan kejenuhan...
Dimana jenuh menunggu montir yang tidak datang-datang
jenuh menunggu perut lapar karena tidak ada uang untuk beli makan hehe :D

jiahhhhhhhh :s ini mau posting apa curhat?

Ah masa bodo biar aja orang menilai apa pokonya saat ini pengen teriak
HOOAAAAAAAAAAAAA :@
HEHE coba bayangkan kalau saya teriak beneran bisa di sangka orang tidak waras :L (read: padahal emang tidak waras :p )

wahhh jadi orang tidak waras saja bangga ea hehe...

Dari pada keterusan langsung saja ke post yaitu bagaimana cara menampilkan hurup besar pada awal posting atau biasa di sebut capslock , benar tidak yah hehe.. Kalau salah mohon maklum di hp saya tidak ada capslock nya hehe.... cuman tekan tanda # untuk membesarkan huruf (read: maklum hape jadul :d )

Dan untuk caranya pasang kode css ini pada template kaka-kaka sekalian yang budiman (read: pak dimannya tidak usah di ajak :D )

1. Pasang css ini pada template

type 1

.post caps { float:left; color: #ff0000; font-size:100px; line-height:80px; padding-top:1px; padding-right:3px; }

untuk mengatur besar kecilnya hurup ubah px pada bagian font-size:100px

type 2
.post caps { float:left; color: #ff0000; padding-left:4px; font-weight:bold;}

pilih salah satu dari 2 pilihan di atas atau bisa kamu sesuaikan css nya smau kamu :D

jika sudah simpan template

Untuk menampilkannya cukup menuliskan satu hurup di antara <caps>
dan </caps>

copy code
<caps></caps>

misalnya kamu ingin menampilkan 1 hurup besar saja maka pada waktu menulis post seperti ini:

<caps>
M</caps>au yang gratis?

maka hasilnya akan menjadi
Mau yang gratis?

Jika ingin memberi hurup tebal 1 hurup atau 1 kalimat juga bisa tinggal simpan kalimatnya saja di antara code caps seperti di atas

Bagaimana? Sederhana saja bukan
tinggal kamu pilih di antara 2 di atas
untuk hasil css 1

H

anya contoh

css 2
Hanya contoh
untuk lebih jelasnya lihat awal hurup pada posting saya menggunakan type css 2

Silahkan di coba saja moga bermanpaat dan tidak membuat sahabat pusing memasangnya hehe
cukup saya saja seorang yang sedang pusing :D

Hatur nuhun manawi bahan katampi ;)

Perbaikan:
letakan kode css sebelum kode html </b:skin>


Untuk mobile template sudah terpasang tinggal cari kode .post caps{
dan ubah sesuaikan ukuran / warna sesuai yang kamu kehendaki :D

kategori: Bedah Template, Tutorial Blog

Lihat post lainnya