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
Artikel keren lainnya:
Belum ada tanggapan untuk "membuat DropCaps lebih keren"
Posting Komentar
Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM