Modifikasi Tampilan Dropcap agar Keren - Hallo Sob Jody Blog, artikel kali ini berjudul Modifikasi Tampilan Dropcap agar Keren, kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : Modifikasi Tampilan Dropcap agar Keren
link : Modifikasi Tampilan Dropcap agar Keren

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

Demikianlah Artikel Modifikasi Tampilan Dropcap agar Keren

Sekian Modifikasi Tampilan Dropcap agar Keren, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.

Anda sedang membaca artikel Modifikasi Tampilan Dropcap agar Keren dan artikel ini url permalinknya adalah http://caratutorialgratis.blogspot.com/2013/08/modifikasi-tampilan-dropcap-agar-keren.html Semoga artikel ini bisa bermanfaat.

Tweet