membuat DropCaps lebih keren

Kali ini saya akan membuat DropCaps lebih keren
untuk scrennshots ,lihat di bawah ini ... udah gac sabar ya...silahkan ikuti tutorialnya 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

Mungkin Hanya itu yang saya posting kali ini ,,..semoga bermanfaat

Tweet

Artikel keren lainnya: