 |
| Efek Huruf Besar |
Efek Huruf Besar ( Drop Cap ) sering kita melihatnya dalam sebuah majalah atau surat kabar . Menurut saya , Efek Huruf besar tersebut memberikan kesan ekslusif dan menarik, sehingga saya mencoba untuk menerapkannya pada blog saya dan mencobanya untuk mencari cari ilmunya dan mencatatnya dalam blog ini. Kalau toh ada yang mencari dan menemukan di blog ini , ini adalah sekedar share atas apa yang sudah saya pelajari dan terapkan.
Adapun langkah - langkahnya dalam membuat Efek Huruf Besar ( Drop Cap ) , sebagai berikut :
- Masuklah ke akun Blogger anda
- Pilih " TEMPLATE " pada menu Blogger
- Klik " EDIT TEMPLATE "
- Cari kode berikut " ]]></b:skin> "
- Tambahkan script di bawah ini tepat di atasnya.
/* kode untuk huruf awal
----------------------------------------------- */
.hendi {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;}
Keterangan:
- Kode berwarna merah adalah warna dari font.
- Kode berwarna orange adalah warna background dari font.
- Kode berwarna Hijau adalah tinggi line pada font.
- Kode berwarna biru adalah ukuran dari font.
- Setelah menambah script tadi janganlah lupa untuk Save ( Klik Save Template )
Setelah memasang script tersebut tidak sekonyong-konyong selesai dan langsung jadi , tapi masih ada lagi yang harus anda kerjakan.yaitu pada saat membuat artikel / postingan.
Cara Penerapannya pada Blog
Untuk menerapkannya , setiap kali anda membuat postingan / artikel , cobalah selesaikan semua dulu artikel yang akan anda buat , setelai selesai cobalah untuk kembali lagi pada paragraf awal untuk membuat efek huruf besarnya ( Drop Cap ) . Kalau pada saat kita posting artikel posisi layar posting adalah pada mode " COMPOSE " , namun pada saat kita ingin membuat efek huruf besar , rubahlah posisi mode editor posting blogger ke posisi " HTML " , maka Kliklah menu HTML yang berada di atas sebelah kiri layar editor postingan.
Setelah pada posisi ini maka , Pilih kata / huruf yang akan di buatkan efek huruf besar , lalu ketikkan kode / script <span class="hendi"> sebelum huruf awal yang akan di beri efek , dan kemudian di tutup dengan kode / skript </span>. Atau kalau di ilustrasikan sepeti di bawah ini :
<span class="hendi">huruf awal kata</span>huruf berikutnya
Contoh :
Kita Ingin membuat Efek huruf besar pada kata " Membuat " , maka penerapannya adalah sbb:
<span class="hendi">M</span>embuat
Anda dapat klik "Pratinjau" untuk melihat hasilnya , apakah sudah sesuai seperti yang di harapkan. Setelah anda yakin dengan postingannya , maka anda tinggal Publikasikan postingan tersebut.
Demikian Cara membuat efek huruf besar pada awal huruf sebuah kata . semoga bermanfaat.
