Thursday, April 29, 2010

TUTORIAL UNTUK BESARKAN HURUF PERTAMA PADA SETIAP BLOG POST

Salam tengahari semua. Haa, baru bleh buat tutorial untuk blog nih. Banyak yang request untuk belajar camana nak besarkan huruf pertama pada setiap post blog. Ala-ala macam dalam majalah. Kalau tak faham, tengok gambar kat bawah nih, tu yang aku bulatkan dgn bulatan merah tu.

Langkah 1: Log in ke blog anda dan pergi ke Layout.

Langkah 2: Klik pada Edit HTML.

Langkah 3: Back up blog anda sebagai langkah keselamatan in case apa2 jadi nanti.

Langkah 4: Cari line skrip nih
Nak mudah, tekan ctrl+F dan masukkan skrip kat atas tu dalam kotak putih di bhgn bwh window anda, klik enter dan anda akan terus ditunjukkan ke skrip tersebut. (mcm dlm kotak merah dlm gambar di bwh)

Langkah 5: Di bahagian atas skrip tu pastekan skrip di bawah nih
.post-body:first-letter {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

Langkah 6: Preview dan save perubahan yang telah dibuat.

Untuk background huruf skrip di atas adalah putih. Kalau nak sesuaikan dengan background blog korang, tukar saja bahagian #ffffff dengan kod warna lain. Dan jangan lupa save. Sila pilih warna pilihan anda di sini.

Amacam? Jadi tak?

6 comments:

  1. bagus-bagus-bagus...cikgu ni tak kedekut ilmu.

    ReplyDelete
  2. akka: sharing is caring...

    ReplyDelete
  3. erm...tp kalau nk hilangkn bckground putih kt huruf tu boleh tk..?

    blog sy colour purple..if guna mcm ni..sure nmpk jggal cz bckground huruf tu colour putih..

    ReplyDelete
  4. nabilah: rasanya boleh... background:#ffffff; tu untuk kaler putih... so kalau nak tukar ke purple or any colour just tukar kod colour tu... e.g: for colour purple
    background:##B404AE;

    cuba try ya....

    ReplyDelete

Related Posts with Thumbnails