Anonymous

Cara Paling Mudah Membuat Dropcap

: 20.40 24 comments

DropCap
M
asih ingat dengan postingan saya yang kemarin tentang Animasi Gambar Buat Dropcap Artikel kalau belum silahkan baca lagi artikelnya disini .Sebelumnya saya jelaskan dulu buat sobat yang belum tahu apa sebenarnya DROPCAP itu..? (sekedar basa basi padahal saya mengerti bahwa semua yang baca artikel ini sudah tahu apa itu dropcap).Dropcap adalah bentuk tulisan yang biasa nya berada di urutan pertama pada sebuah tulisan/artikel dengan ukuran lebih besar dibanding tulisan setelahnya ,dan biasanya Dropcap juga di kenal dengan nama Tulisan bentuk koran karena biasanya yang kita tahu pada sebuah koran huruf pertama pada tulisan/artikel koran tersebut selalu lebih besar di banding huruf huruf setelahnya.Nah buat sobat Full Blog Design yang ingin menggunakan effect DROPCAP pada pada Artikel/Postingan ternyata ada Cara Paling Mudah Membuat Dropcap tersebut contohnya Dropcap yang saya gunakan ini:
  1.  silahkan paste code css berikut tepat di bawah kode ]]></b:skin> berikut kodenya:
    <style type='text/css'>
    .content:first-letter {float: left; color: #903; font-size: 90px; line-height: 60px; padding-top:10px; padding-right: 8px; padding-left: 3px; font-family: Georgia;background: url(http://karina-project.googlecode.com/files/kucing%20joget.gif )no-repeat bottom }
    </style>
  2. Silahkan Save template
  3. Untuk memfungsikan Dropkapnya silahkan gunakan kode berikut :
    <div class="content">Isi artikel </div>
  4. Semoga trik dan cara diatas dapat mempermudah sobat Full Blog Deisgn dalam hal untuk memperindah tampilan artikel/postingan (Wassalam)


photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang Cara Paling Mudah Membuat Dropcap Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih

24 komentar

Anonim delete 13 Mei 2013 pukul 22.49

siip makasih infonya bang

Hariyanto Wijoyo delete 14 Mei 2013 pukul 05.07

kalo tampilannya bisa dengan huruf besar di awal paragraf, apalagi seperti surat kabar..tampilan blog jadi lebih keren ya...terimakasih sudah berbagi ilmu sobat :-)

Unknown delete 14 Mei 2013 pukul 12.48

kok aku sekarang ngak bisa buka blognya ya....?...ada tanda looding di tengah ..tapi ngak bisa muncul gambar dan postingan nya..

Unknown delete 14 Mei 2013 pukul 14.36

assalamualaikum....
terima kasih sebelumnya kepada admin
saya minta izin pak admin buat nyoba pak
kalau diperkenankan......

Unknown delete 14 Mei 2013 pukul 15.09

Sama sama Mas terimakasih sudah berkunjung di mari

Unknown delete 14 Mei 2013 pukul 15.10

Silahkan sob

Unknown delete 15 Mei 2013 pukul 09.02

berhasil trima kasi mas infonya..
followback ya mas...
http://samawaberbudaya.blogspot.com :D

Unknown delete 15 Mei 2013 pukul 18.00

Thanks bang sudah berbagi, ijin copy code css nya...(silahkan mas)

Unknown delete 16 Mei 2013 pukul 00.34

Wah belum di izinin superman sudah main kabur aja kic kic ...

Anonim delete 17 Mei 2013 pukul 08.37

Kunjungan balik om :D
yANG otomatis ga da tutorial nya om ??

Oia om related artikel di atas kurang enak di pandang kayaknya om ???

Anonim delete 17 Mei 2013 pukul 08.39

om Folback om :(

Anonim delete 17 Mei 2013 pukul 09.50

bukannya sok pintar om soalnya setiap hari aku belajar blog disini dan selalu melihat related artikel om kayak gimana gitu.,., klo perlu copi aja om di blogku pake contol u.,., atau ganti sama ini om http://yourjavascript.com/0030130522/relatedthumbnail.js
yang di bawah you might also

Imron Fhatoni delete 17 Mei 2013 pukul 09.54

izin copi ya mas wawan buat artikel di blog saya kalau mas wawan berkenan...

Anonim delete 17 Mei 2013 pukul 09.57

@Imron fhatoni Izin Sama Om Mahfid aja .,., inin bukan blog ku.,., waduh bisa berabe nich .,.,

Imron Fhatoni delete 17 Mei 2013 pukul 09.59

ya kan ngak pp gan mas mahfid juga ngerti solidaritasnya tinggi kalau agan ngk kbrtan..
main2 ke blog ku kpan2
http://informasibloger.blogspot.com

Unknown delete 17 Mei 2013 pukul 10.04

masing 2 memiliki kreteria yang berbeda semua masukan memang harusnya kita tampung siapa tahu lagi blank kan bisa menjadi inspirasi buat postingan kita benar ngak gan....?

Imron Fhatoni delete 17 Mei 2013 pukul 10.08

ya benar tu mas,,,
nie mas mahfid benar2 guru yang bisa saya andelin...
mkasih mas full blog desai tempat pertama saya bljar ngblog
trima kasih bnget buat mas mahfid..

mas kalau saya boleh nanya ajarin saya ngbuat kotak admin dbawah postingan sperti blog ini mas..
mohon pencerahannya...

Unknown delete 17 Mei 2013 pukul 10.08

Saya pelajari dulu yach soal tidak semua kode dapat kita pasang karena berdasar pengalaman kemarin begitu di pasang langsung muncul lagi dech kode error saat kita cek ke validasi html 5 bahkan yang awalnya kita cek di cek seo yang awalnya 100% malah berabe jadi turun tapi terima kasih atas semua masukan nya ... :)

Unknown delete 17 Mei 2013 pukul 10.11

Nah baru saja di bicarakan sudah ada inspirasi buat postingan selanjutnya...he he :yaya:

Anonim delete 17 Mei 2013 pukul 10.13

Sip Om .,. se 7

Imron Fhatoni delete 17 Mei 2013 pukul 10.15

owh iya dah om saya tunggu posting berikutnya...
salam blogger sumbawa dach kalau gitu hehehehe.... :''(

Kang Muroi delete 20 Mei 2013 pukul 14.46

wah bagus nih mas, nanti bisa tak cobain, makasih mas

Marlon Alamo delete 18 Juni 2013 pukul 12.47

Salam

Web/Blog Mas Mayanto uapik, ciamiik, kunjungan perdana langsung Subscribe.,,
Lam Kenal yo mas. Siap-siap dak repotin, mau nanya-nanya terus mengko
Nyuwun peneranganipun...

Salam
Marlon Alamo

Unknown delete 18 Juni 2013 pukul 18.39

monggo mas mudah mudahan saya bisa membantu

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
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>


Loading...