mas template

Membuat Huruf Besar (Drop Cap) pada Awal Postingan

Tahukan teman-teman apa itu drop cap? drop caps adalah huruf besar yang ukurangnya mungin 10 kali lipat huruf biasa yang diletakkan di awal artikel. Nah kalau teman-teman semua tertarik untuk membuat nya, saya akan kasih tau tutorialnya. Sebenarnya membuat drop caps ini sangatlah mudah, tapi untuk lebih jelasnya silahkan ikuti langkah-langkah di bawah ini :
1.   Login ke blogger
2.   Langsung ke Tata Letak (sekarang design/rancangan)  - Edit HTML
3.   Cari kode berikut ]]></b:skin>
4.   Masukkan kode di bawah ini, di atas ]]></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;

5.   Klik Save Template / Simpan
Untuk menerapkan drop cap ini, setiap posting anda harus lewat Edit HTML, bukan lewat edit HTML di template anda. 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">L</span>

Selamat mencoba
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

20 comments:

  1. Terimakasih bayak atas infonya

    ReplyDelete
  2. maskolis, aq gg bsa keluar pas posting dengan kode html diatas...
    gmn ya??

    ReplyDelete
  3. wah ini dia yg ane cari"..
    ijin buat praktek sob..

    ReplyDelete
  4. Salam gan.
    Setelah ane praktekkan post agan ini, kenapa padding dropcap nya ke atas(top) melulu ya gan. Kagak bisa kebawah. Text-align sudah justify, text high saya pakai 60px.
    Mohon pencerahannya. Subscriber neh gan.

    ReplyDelete
  5. Thanks Bro. it's work for my blog. please visit us on tasbankoncer.blogspot.com

    ReplyDelete
  6. Thank's gan!!!
    Bisa di coba juga tuh...

    ReplyDelete
  7. makasih mas, dicoba dulu, kunjungi juga blog saya
    http://el-abad.blogspot.com/

    ReplyDelete
  8. Terimakasih maskolis untuk artikelnya, sangat bermutu

    ReplyDelete
  9. Makasih Infonya Gan, silahkan kunjungi blog kami : http://master-riski.blogspot.com/

    thanks infonya..

    ReplyDelete
  10. sepertinya kode css diatas kurang penutup } yah :)

    ReplyDelete
  11. sangat bermanfaat mas trimakasih buat refrensi blog saya yang masih seumur jagung ini handexcel.blogspot.com

    ReplyDelete
  12. hatur nuhun
    http://si-kudil.blogspot.com/

    ReplyDelete

No comment moderation in this page
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly

 
CREATING WEBSITE © 2012 the other blog Mas Template | Look at this Johny Template | Powered by Blogger