H
alo apa kabar Cyber Mania. Udah beberapa hari ini CYber man vakum posting perihal tutorial nieh, tapi untuk menjaga ranking alexa kudu wajib rajin posting..hehe Pada kesempatan kali ini Cyber Man pengen share nieh tentang gimana caranya bikin drop cap di setiap posting. Hmmm ada yang belum tau istilah itu?kalo belum tau ya cyber mania tinggal liat huruf pertama postingan ini. Gimana sudah liat kan?lah begitulah bentuk drop cap yang di maksud. Sebenarnya tutorial ini sudah tersebar luas di blog2 rumah mbah google, tapi untuk melengkapi koleksi postingan apa salahnya cyber man ikut menampilkan to..hwhwh. Bikinnya gampang kok..ikutin aja tutorial berikut :
alo apa kabar Cyber Mania. Udah beberapa hari ini CYber man vakum posting perihal tutorial nieh, tapi untuk menjaga ranking alexa kudu wajib rajin posting..hehe Pada kesempatan kali ini Cyber Man pengen share nieh tentang gimana caranya bikin drop cap di setiap posting. Hmmm ada yang belum tau istilah itu?kalo belum tau ya cyber mania tinggal liat huruf pertama postingan ini. Gimana sudah liat kan?lah begitulah bentuk drop cap yang di maksud. Sebenarnya tutorial ini sudah tersebar luas di blog2 rumah mbah google, tapi untuk melengkapi koleksi postingan apa salahnya cyber man ikut menampilkan to..hwhwh. Bikinnya gampang kok..ikutin aja tutorial berikut :
1. Login di blogger dengan ID Cyber Mania
2. Klik menu Layout
3. Klik Tab Edit HTML
4. Centang Expand Template Widget agar code dapat terlihat semua
5. Cari Kode .post { telusuri code itu sampai bertemu dengan simbol }
6. Kalo sudah Ketemu cyber mania copy kan code berikut persis dibawah kode tadi tepat dibawah simbol }
dropcaps {
float:left;
color:#000000; (warna huruf drop cap)
font-size:100px; (ukuran font drop cap)
line-height:80px; (tinggi huruf drop cap)
margin-top:-21px; (jarak huruf dorp cap dari atas)
margin-right:5px; (jarak huruf drop cup dari kanan paragraph)
float:left;
color:#000000; (warna huruf drop cap)
font-size:100px; (ukuran font drop cap)
line-height:80px; (tinggi huruf drop cap)
margin-top:-21px; (jarak huruf dorp cap dari atas)
margin-right:5px; (jarak huruf drop cup dari kanan paragraph)
yang perlu di copy hanyalah code berwarna biru saja sedangkan tulisan didalam kurung silahkan di ganti sesuai keinginan Cyber Mania.
8. Setiap Cyber Mania hendak posting wajib menambahkan code
<span class="dropcaps">Huruf Awal</span>
tulisan yang berwarna merah silahkan diganti dengan huruf awal postingan
tulisan yang berwarna merah silahkan diganti dengan huruf awal postingan
di setiap huruf awal postingan CYber mania.
9. Simpan dan liat hasilnya...
Baca Juga tutorial berikut:
- Cara Membuat Kata Pengantar Otomatis Pada Postingan
- Kode Warna html pada Blog
- Cara Membuat Logo dengan mudah
- Cara Menambah 2 atau 3 kolom dibawah header
- Cara Menambah 3 kolom pada footer
- Cara Membuat Teks Animasi dan Logo Pada Blog
0 Response to "Cara Membuat Drop Cap"
Posting Komentar
Jika Cyber Mania membaca Artikel Diatas, mohon meninggalkan komentar di kolom komentar..komentar bersifat membangun dan menggunakan bahasa yang seharusnya..thx