Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Friday, April 5, 2013

Cara membuat huruf besar (Drop Cap) pada awal postingan

Cara membuat huruf besar (Drop Cap) pada awal postingan
Drop Capadalah Huruf besar diawal kata atau kalimat yang mempunyai ukuran lebih besardari huruf biasa yang diletakkan diawal suatu artikel.
Sebenarnyatehnik penulisan seperti ini ( Drop Cap ) pada awalnya dapat kita jumpai padamajalah ataupun surat kabar, seiring dengan berkembangnya tehnologi saat ini,penulisan pada dunia maya pun sudah mulai diterapkan untuk memperindah suatutulisan pada halaman situs.
Bilasohib tertarik dengan trik ini saya akan menguraikan pada postingan kali ini.



  • Login ke blogger
  • Langsung ke Tata Letak (sekarang design/rancangan)  - Edit HTML
  • Cari kode berikut ]]></b:skin>
  • Masukkan kode di bawah ini, di atas ]]></b:skin>

    /* kode untuk huruf awal
   ----------------------------------------------- */
    .awal {
    float:left;
    color: #000000;         /* Warna Huruf */
    background:#ffffff;      /* Warna background */
    line-height:80px;
    padding-top:1px;
    padding-right:5px;
    font-family:times;     /* jenis Huruf */
    font-size:100px;      /* Ukuran Huruf */
}


 Klik Save Template / Simpan

Untukmenerapkan drop cap ini, setiap posting anda harus lewat Edit HTML, bukan lewatedit HTML di template anda. Ketikkan kode ini dulu <spanclass="awal">huruf awal</span> Kata huruf awal, ganti denganhuruf pertamamu yang akan kamu posting. Misalnya : <spanclass="awal">L</span>

 

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 1:04 AM

2 comments :

  1. Ada yang kurang sedikit ... pada coding penutupnya sob,
    terimaksih atas triknya...

    ReplyDelete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog