Saturday, November 5, 2016

Cara membuat awalan Huruf Besar pada postingan atau artikel

Drop cap

Untuk membuat huruf awal di cetak lebih besar, maka sobat perlu membubuhkan kode css ke dalam style sheet nya. Untuk itu silahkan ikuti langkah-langkah berikut ini !
Seperti biasa pertama login dulu dengan akun sobat.
Masuk dashboard lalu Template kemudian pilih Edit HTML.
Letakkan kode CSS dibawah ini tepat di atas kode ]]></b:skin> atau bisa juga di atas kode </style>
/* kode untuk hurup awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}
Note :
.awal {                       --> ini adalah penamaan saja
float:left;                   --> ini adalah kode agar tulisan awal di letakan pada posisi kiri alias mepet ke kiri
color: #000000;        --> ini adalah kode untuk warna tulisan
background:#ffffff;   --> ini adalah kode untuk warna latar belakang
line-height:80px;     --> ini adalah kode untuk jarak baris
padding-top:1px;      --> ini adalah kode untuk jarak sela antara tulisan dengan bagian atasnya
padding-right:5px;    --> ini adalah kode untuk jarak sela antara tulisan awal dengan tulisan selanjutnya
font-family:times;     --> ini adalah kode jenis hurup
font-size:100px;       --> ini adalah kode untuk besarnya huruf
}

Simpan Template.
Selanjutnya sekarang cara yang terpentingnya, setiap sobat mau menulis artikel tempelkan kode dibawah ini pada mode HTML.
<span class="awal">hurup awal </span>
Warna biru : ganti dengan awalan huruf kata.
Contoh pada HTML : <span class="awal">Y</span>ang  punya blog ini baik hati
Hasil Compose :
Yang  punya blog ini baik hati
Sekian dulu dulu untuk kali ini semoga mudah di pahami
Sekian Dan Terimah Kasih