Ini adalah sebahagian tutorial yang pernah aku buat pada blog aku yang sebelum ini. Insya'Allah kesemua tutorial lain akan siap dipindahkan ke sini selepas aku memperbaiki cara tulisan aku.
Sebenarnya Dropcaps adalah huruf yang dibesarkan pada awalan perkataan. Nama dropcaps diambil setelah ia diperkenalkan dalam Microsoft Word. Dan ia banyak digunakan dalam surat khabar satu ketika dahulu. Buat masa sekarang ia telah digunakan dalam beberapa majalah dan terus menular ke dalam blog.
Tapi itupun kalau kamu rajin nak buat.
Memasang Dropcaps
01. Pilih Template > Edit Html.
02. Cari kod ini :
]]></b:skin>
03. Tambahkan kod ini diatasnya :
.dropcaps {
color:#445566;
float:left;
font-family: Times, serif, Georgia;
font-size:100px;
line-height:70px;
padding-top:2px;
}float:left;
font-family: Times, serif, Georgia;
font-size:100px;
line-height:70px;
padding-top:2px;
04. Pilih Save.
05. Pilih Setting > Formatting > Post Template.
06. Tambahkan kod ini :
<span class="dropcaps">P</span>enulisan bermula disini
Kod ini akan tertera setiap kali kamu membuat Dropcaps, masukkan saja bahagian huruf yang kamu ingin besarkan kedalam kod tersebut.
07. Pilih Save.

rembat laa tunggu lgi,tq!
ReplyDeletesalam...
ReplyDeletehaha, sape la yang rajin sangat nak customize entry cenggini...hehe, mmg tabik spring la...
tp kan...mmg byk lagi benda2 html script ni kalau explore kan...mcm2 boleh buat...hehe...
neway, good tutorial...
mmg best..
ReplyDeletebleh dipraktikkan kat blog peribadi aku nanti
hoh ..
Sat.. aku rasa aku dah komen dah tadi. Ke itu ilusi aku semata-mata.
ReplyDeleteBtw, cara penulisan ko oke je bagi aku, teruskan memberi tutorial =)
Teruskan memberi tutorial.
ReplyDeleteWindu banget sama Blog Menjerit. :D
Mende ruumates tu? iklan? aku terkonpius dgn tutorial ko
ReplyDeleteakan di cuba
ReplyDeletehehe
Alamak boss... tak jadi lah.... ada perubahan... macam tak jadi je... kod yg kat bawah b:/skin tu dah ada kat atas header pulak
ReplyDelete@4952399754699876716.0
ReplyDeletesudah diperbetulkan, terima kasih.
@matkapak
ReplyDeleterembat jangan tak rembat.
@MK
ReplyDeletedulu lembut sikit tutorial, sekarang kasar sikit tutorial. saja nak jadikan trademark.
@EiNS
ReplyDeleteklik je iklan tu baru tahu.
@5117272503358866940.0
ReplyDeleteyang penting kena rajin, tu je.
aku pun penah guna gak.. bleh membuatkan visitor tertarik baca entry korang.hehe..
ReplyDeleteslepas ni, wat tutorial cmna hide-menghide comment tu plak.hehe
@8742244094131772187.0
ReplyDeletesabar dik oi!
camne ko buat thread comment neh? :)
ReplyDeletethanks marzuki, aku dah rembat dengan jayanya tutorial ini.
ReplyDeleteAku juga dah link kan blog kau ini pada blog aku, so pepaham je ye.heehe.Tq.
@2464092716066963063.0
ReplyDeleteNantilah aku tutorkan. Sabar ek!
hahaha...
ReplyDeletesatu satunya tutorial yang ma bolah faham dan baca samapi abes.
lalala...
@608112032410190256.0
ReplyDeleteIni yang kacang je. Nanti pa bagi yang durian plak.
Erm nilah aku dok cari2..sbb aku tulis ebook percuma aku tu nampak sengal jerk..nak gak creativiti..hahahah
ReplyDeletegempak la brader hackers.
ReplyDelete@1916261910604240939.0
ReplyDeletehekhek...
@6185905025476474332.0
ReplyDeleteSumpah tak faham, ahahaha.
@8952794832533738151.0
ReplyDeleteEbook apa? Bagilah aku baca.
Dah implement threaded comment ek, boleh style tak dia punya colour?
ReplyDeleteSalam...
ReplyDeleteKenapa saya buat tak menjadi?
Huruf awal entry saya tak jadi besar pun...
: (
Saya buat di blog baru saya...
ReplyDeletehttp://resepistimewa4u.blogspot.com/
@2024065824812085527.0
ReplyDeletebubuh kod no 3 atas body ( kalau tak jadi.
Salam...
ReplyDeletebody ada banyak... Nak letak atas body yg mana satu nih?
aku nak buat untuk WP ada tak juki?
ReplyDelete@2714430361491838499.0
ReplyDeletePlugin tak ada kot tapi boleh je guna tutorial ni. Asalkan paste ditempat yang betul menjadilah.
@1217446908366368273.0
ReplyDeleteLetak bawah kod ini :
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
@3342188855729552194.0
ReplyDeleteYang tu cuma edit Css saja.
ok ! jadi dah...
ReplyDeleteTerima Kasih bro Juki..
U are so good.. Terima kasih kerana sudi memberi pelbagai ilmu.. to all nation.. Keep it up..
ReplyDelete