Cara Membuat huruf besar diawal postingan blog

14.53
Cara Membuat huruf besar diawal postingan blog, pasti banyak diantara sahabat yang sudah mengetahuinya, namun tidak ada salahnya jika saya  menerbitkan tulisan tentang Cara membuat huruf besar diawal postingan blog, hanya untuk berbagi dan memberi informasi kepada sahabat-sahabat lain yang mungkin belum mengetahui tentang artikel ini.

Contohya dapat sahabat lihat pada postingan ini dan langkah-langkah pembuatannya adalah sebagai berikut:
  1. Pastikan anda sudah login ke akun blogger anda
  2. Pilih menu Rancangan lalu pilih Edit Html
  3. Beri tanda centang pada Expand Template Widget
  4. Tekan Ctrl + F pada keyboard komputer anda dan cari kode ]]></b:skin>
  5. Copy kode dibawah ini dan paste tepat diatas kode ]]></b:skin>

  6. .dropcaps {
    color: #000;
    float: left;
    font-family: “Old London”;
    font-size: 350%;
    line-height: 45px;
    padding-right: 3px;
    }


  • Untuk memastikan silahkan preview terlebih dahulu template sobat, jika tidak ada kesalahan silahkan save template sobat

  • Lalu untuk menggunakannya pada postingan adalah sebagai berikut :
    Pastikan anda dalam mode Edit HTML lalu tambahkan kode berikut ini
    <span class=”dropcaps”>Hurup Yang Akan Di perbesar</span>
    pada postingan ini kami menggunakan kode <span class=”dropcaps”>C</span> sehingga huruf C pada awal kalimat postingan ini besar

    Keterangan :
    line-height: 45px; adalah tingginya huruf, silahkan ganti sesuai selera anda.

    Semoga Bermanfaat

    Share this :

    Previous
    Next Post »
    0 Komentar

    Penulisan markup di komentar
    • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
    • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
    • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
    • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
    • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
    • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
    • Kemudian parse kode tersebut pada kotak di bawah ini
    • © 2015 Simple SEO ✔