Cara membuat huruf besar pada awal postingan yang keren | Terbaru 2017

Sudah pandai mengutak atik template, jika sudah akan saya beri aksesoris yang cukup menarik, ya aksesoris ini adalah agar huruf pertama dalam paragraf pertama berukuran besar, lihat saja artikel ini, huruf pertamanya besarkan, nah itu yang akan saya bagikan kali ini, tertarik mau mencobanya atau memakainya simak artikel ini dengan benar yah, ok kegunaan huruf besar ini adalah untuk memperindah artikel yang kita tulis, kalian bisa nanti memilih huruf seperti apa yang ingin kalian pilih. Kalian juga tidak usah khawatir dengan kode javascriptnya, ini widget hanya sedikit sekali menggunakan scriptnya. Ok langsung kita ke caranya yah biar ga buang buang waktu.

1.       Pertama kalian login seperti biasa ke blogger.com

2.       Kalian pilih template/tema dan klik edit html.

3.       Kemudian kalian cari kode ]]></b:skin> dengan cara menekan ctrl+f .

4.       Setelah itu kalian copy kode berikut dan paste di atas kode ]]></b:skin>.

/* kode untuk huruf awal
----------------------------------------------- */
.sobirinimam{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.

       5.    setelah itu kalian klik save template.

Dan untuk cara menggunakannya kalian letakan kode ini di awal paragraf yang ingin dibuat huruf besar.  <span class="sobirinimam">huruf awal</span>  contoh saya ingin membuat huruf besar pada artikel ini, yang berawalan huruf "s". Maka ganti kode "huruf awal" dengan huruf s seperti berikut.
<span class="sobirinimam">huruf awal</span>

 menjadi seperti ini


<span class="sobirinimam">s</span>

berikut ini adalah kode scirpt yang lain, silahkan tinggal pilih mana yang kalian suka :

/* Dropcap */ .sobirinimam {float: left; font-family: 'Apple Chancery',cursive; font-size: 70px; line-height: 50px; margin: 5px 5px 0px 0px; position: relative; text-shadow: 2px 2px 2px rgb(153, 102, 255);}

/* Dropcap */ .sobirinimam {background-color: lightgrey; color: darkblue; float: left; font-family: Georgia,Times,serif; font-size: 65px; line-height: 45px; margin: 0px 5px 0px 0px; padding: 5px; position: relative;}

/* Dropcap */ .ujangyoyo {color: red; float: left; font-family: 'Comic Sans MS',cursive,sans-serif; font-size: 70px; font-style: italic; line-height: 50px; margin: 2px 8px 0px 0px; position: relative;">S</span>}
 

jika kalian ingin mengedit, ini adalah keterangan dari kode kode di atas.

• float: left; posisi drop caps di dalam kalimat
•  font-family: Georgia, Times, serif; jenis font yang akan digunakan, untuk memilih font ini, anda dapat melihatnya di office. Misalnya microsoft office word. Anda cukup memasukan nama fontnya.
• font size: 70px; ukuran font dropcap. Ingat jangan hapus "px".
• font-weight: bold; bold adalah ketebalan font. Misalnya "contoh"  dan "contoh"
• font-style: italic; kemiringan font. Misalnya "contoh" dan "contoh"
• color: red; warna dari font, anda dapat menggantinya dengan bahasa inggris dari warna warna yang akan anda pilih atau dengan menggunakan: color: #EEE;
• line-height: 50px; ketinggian garis font. bisa dibilang tinggi font
• margin: 0px 5px 0px 0px; - Posisi font. Yang pertama adalah jarak dari atas, lalu kanan, terus bawah dan kiri.
• padding: 5px; Kalo ini adalah jarak font dari sekeliling.
• background-color: lightgrey; warna background font. anda dapat menggantinya dengan bahasa inggris dari warna warna yang akan anda pilih atau dengan menggunakan: color: #EEE;
• text-shadow: 2px 2px 2px #9966ff; bayangan font, set ukuran jarak bayangan dan ganti warna bayangan tersebut

Dan untuk lebih mudah cara menggunakannya pada setiap kali memposting artikel maka kalian masukan kode di atas yaitu <span class="sobirinimam">huruf awal</span> ke dalam template entri, caranya klik pengaturan yang ada di dasbor blog dan klik "pos, komentar, dan berbagi", lalu kalian klik template entri dan masukan kode di atas, lalu klik save. Selesai jadi kalian tidak usah ribet memasukan span lagi, dan cara menggunakannya kalian klik mode html dan ganti huruf awal dengan huruf yang ingin di besarkan lalu klik mode compose lagi dan tulis artikel seperti biasa. Jika masih belum mudeng ikuti tutorial video berikut.