Modifikasi Tampilan Dropcap agar Keren

Silahkan ketik"dropcap"(tanpa tanda kutip)pada kota pencarian pada blog ini ,Admin full blog design sudah posting beberapa bentuk tampilan Dropcap(tulisan bentuk Koran) yang bisa sobat pilih untuk mempercantik/keren pada tampilan awal pada postingan sobat .Nah untuk kali ini pun Kang Mahfid akan berbagi tutorial tentang cara Modifikasi Tampilan Dropcap agar  Keren, sebagai contoh sudah saya demokan pada postingan saya ini untuk lebih jelas lagi silahkan lihat screnshot gambar di bawah ini .

Untuk cara membuatnya sangatlah mudah ,silahkan pasang css kode berikut tepat di atas kode ]]></b:skin> atau </style> berikut kodenya :

.drop-cap {
    background-color: #3C3C3C;
    color: white;
    font: 40px Alike,Georgia,"URW Bookman L",Serif;
    height: auto;
    margin: 2px 10px 2px 0;
    padding: 10px 0 30px;
    position: relative;
    text-align: center;
    width: 30px;
}
.drop-cap:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 15px;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.modif {
    float: left;
}

Ganti kode warna merah sesui background template ,Untuk cara menggunakan saat posting gunakan kode berikut di awal postingan :

<span class="modif drop-cap">Huruf Awal</span>

Untuk pasang secara otomatis di tampilan postingan gunakan cara ini ,masuk dasboard ==Setelan == post dan komentar masukkan kode  <span class="modif drop-cap">Kode awal</span> dalam form Entry ,silahkan review screnshot demo di bawah ini :

Setelah pengaturan silahkan save