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 :
ada 2 pilihan untuk membuat dropcap yaitu:


PILIHAN PERTAMA 

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>

PILIHAN KEDUA


Anda Hanya Ketikan saja langsung di Postingnya Tepatnya lewat edit HTML
Kodenya seperti dibawah ini :

<span style="float: left; color: black; font-size: 50px; line-height: 30px; padding-top: 5px; padding-right: 5px; font-family: arial;">S</span>aya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog.

Pada contoh Kode di atas maka HURUF "S" Akan membesar.....

Selesai Juga Dech Tutorialnya....
Terimakasih Atas Kunjungannya....
Semoga Ilmu Yang Sedikit Ini Bermanfaat....
Jangan Lupa Like Post Ini Ya.... Terimakasih....

Print this page

Posted in: Blogger