Drop caps adalah huruf besar yang ukurannya mungkin 10 kali lipat dari huruf biasa yang diletakkan di awal artikel. Teknik pembuatan tampilan hurup ini biasanya menggunakan sebuah script/ kode dalam pembuatannya. Dan apabila anda tertarik untuk membuatnya, saya akan kasih tahu tutorialnya. Sebenarnya membuat drop caps ini sangatlah mudah, tapi untuk lebih jelasnya silahkan ikuti langkah-langkah berikut ini :
1. Login ke blogger2. Langsung ke Tata Letak (sekarang design/rancangan) - Edit HTML
3. Cari kode berikut ]]></b:skin>
4. Masukkan atau Copy Paste kode di bawah ini, di atas kode ]]></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">S</span>
Nah demikianlah, tata cara pembuatan artikel model drop caps, semoga tutorial ini bermanfaat bagi anda.
Selamat mencoba
Tidak ada komentar :
Posting Komentar