Tutorial Blogger

Belajar dunia BLOGGER dengan mudah, cepat dan gratis

Popular Posts

Trending Topik

Popular Post

Post Terakhir

Space Iklan - 125 X 125

Space Iklan - 468 X 120

Cara membuat Dropcap pada postingan blog

Pasti kawan-kawan semua sudah mengerti apa itu dropcap? Kalau ada yang belum mengerti akan saya jelaskan secara rinci apa itu dropcap. Drop cap adalah huruf besar pada awal kalimat, biasanya dropcap ini sering ditemukan saat kita sedang membaca surat kabar sebagai awal kalimatnya. Bukan hanya itu dropcap juga biasa dipakai pada MS. Word (Microsoft Word). Sekarang fasilitas dropcap ini bisa kita gunakan untuk awal kalimat pada postingan blog (blogger), ya meskipun caranya agak sedikit susah/rumit. Dibawah ini adalah contoh dropcap pada postingan blog


T
utorial Blogger adalah blog yang bisa dibilang cukup berteman dan tidak sombong


Untuk membuat dropcap pada postingan blog, ikuti langkah dibawah ini
1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget
 Gambar 1.1. Edit HTML

 Gambar 1.2. Lanjutkan

2. Cari kode ]]></b:skin> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
3. Setelah ketemu letakan kode dibawah ini tepat diatas kode yang tadi 
/* Drop Cap
----------------------------------------------- */
.dropcap {
float:left;
color: #000000;
line-height:35px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:70px;
}
4. Simpan templatenya

Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya

Menggunakan Dropcap Pada Postingan
1. Buatlah sebuah postingan
2. Klik Edit HTML 




Kumpulan Tutorial | Aksesoris Blog | Dasar dasar Blog | Gadget Blog | Template Blog






Kumpulan Tutorial | Aksesoris Blog | Dasar dasar Blog | Gadget Blog | Template Blog


3. Ketik <div class="dropcap">Huruf Besar</div>

Contohnya seperti ini

<div class="dropcap">H</div>ai nama saya Andreano Calvin

Setelah jadi akan seperti ini 

H
ai nama saya Andreano Calvin
 


Semoga Berhasil
Anda baru saja membaca artikel yang berkategori dasar blog | posting dengan judul Cara membuat Dropcap pada postingan blog. Jika kamu suka, janganlike dan bagikan keteman-temanmu ya... By : Tutorial Blogger
Ditulis oleh: Andreano Calvin - Rabu, 04 April 2012

2 komentar untuk "Cara membuat Dropcap pada postingan blog"

  1. Info yg menarik...
    1 follow telah tertancap..
    follow back ya bro..

    Thx U

    BalasHapus

Silakan berkomentar jika ada script yang RUSAK aatau kurang dipahami



TERIMA KASIH