Skip to content Skip to sidebar Skip to footer

Cara Mudah Membuat Huruf Besar (Drop Cap) Pada Postingan Blog

Drop Cap adalah huruf besar yang terdapat pada awal kata dalam sebuah tulisan. Drop cap ini sering kita jumpai di berbagai media, buku-buku dan majalah. untuk mengetahui lebih jelas apa itu drop cap silahkan simak gambar di bawah ini.


Pada psotingan tutorial kali ini kami akan berbagi bagaimana caranya membuat Drop cap pada postingan di blog.

berikut langkah-langkah nya :  
  1. Masuklah ke akun Blogger anda
  2. Pilih "Template" pada menu Blogger
  3. Klik " Edit Template"
  4. Tambahkan script dibawah ini tepat diatas kode </b:skin> atau </style>
nb : ini adalah kode css nya
.only_drop { float:left; color: #000000; background:#ffffff; line-height:80px; padding-top:1px; padding-right:5px; font-family:times; font-size:100px;}

 Setelah memasukkan kode di atas maka cara mengaplikasikannya :

buat postingan baru kemudian klik bagian HTML terus lakukan dengan langkah berikut,

<span class="only_drop">Huruf awal disini</span>untuk huruf berikutnya

Contoh, Paragraf awal pada postingan  :
"Saat ini perkembangan internet sudah sangat pesat, tidak hanya sebagai media komunikasi yang saling terkoneksi melainkan juga bisa dijadikan sumber penghasilan data yang saya tulis di blog ini adalah berdasarkan pengalaman setelah lama menggeluti dunia internet"

Maka penggunaannya 
<span class="only_drop">S</span>aat ini perkembangan internet sudah sangat pesat

hasilnya :


Oke sekian dulu tutorial kali ini semoga bermanfaat,

Post a Comment for "Cara Mudah Membuat Huruf Besar (Drop Cap) Pada Postingan Blog"