Membuat Huruf Pertama Setiap Pos Menjadi Huruf Kapital

Cara lain dalam mendesain blog adalah mengubah huruf pertama menjadi huruf besar / kapital atau yang disebut Drop Caps. Efek ini membuat huruf pertama menjadi diperbesarkan dan mengambil posisi dari barisan kepertama sampai barisan ketiga atau keempat. Bukan cuma memperbesarkan, efek ini juga dapat mengubah font dan warna huruf tersebut. Biasanya kamu dapat melihat efek ini didalam blog bergaya Magazine, dll. Didalam tutorial ini, saya akan mengajari kamu bagaimana membuat efek ini.

Efek Drop Caps

Langkah 1. Masuk ke Dasbor Blogger - Template (buat dulu sebuah back-up) - Edit HTML - Lanjutkan - Expand Template Widget.

Langkah 2. Cari (Ctrl + F) kode ]]></b:skin>

Langkah 3. Diatas/sebelum kode ]]></b:skin>, tambahkan kode di bawah ini:
.capital:first-letter {
float: left;
display: block;
font-family: Times, serif, Georgia;
font-size: 40px;
color: #000000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}
Pengaturan:
  • ubahlah kata yang berwarna biru untuk mengubah warna huruf kapitalnya.
  • ubahlah kata yang berwarna ungu untuk mengubah ukuran huruf kapitalnya.

Langkah 4. Carilah kode <data:post.body/>

Langkah 5. Kemudian ganti kode di atas menjadi kode di bawah ini:
<div class='capital'><data:post.body/></div>

Langkah 6. Simpan template anda.


Sekarang, setiap post yang ada di blogmu selalu ada huruf kapital pada huruf pertama. Ingat! kemungkinan efek ini hanya akan kelihatan di dalam halaman post (tidak di halaman utama). Dan menambahkan gambar tepat sebelum huruf pertama dapat membuat efek ini hilang.

8 komentar:

  1. nambah ilmu lagi neh bro, thx pencerahannya. tidak percuma jalan-jalan pagi :)

    BalasHapus
  2. wah mantab nih sob tambah ilmu lagi :)

    BalasHapus
  3. langsung tak coba bro,,,

    BalasHapus
  4. wah variasi yang menarik untuk menulis nih, seperti majalah dan koran :)

    thanks for share..

    BalasHapus
  5. Dapat ilmu baru lahi dari blog ini, thanks gan

    BalasHapus
  6. Terima kasih sobat, info nya.

    BalasHapus
  7. Udah lama penasaran dengan cara ini, baru nemu sekarang, langsung di coba ah... thanks yah

    BalasHapus
  8. tenyata ga serumit yang di kira ya gan...

    BalasHapus

Diberdayakan oleh Blogger.

Followers