Tampilan Huruf Besar Di Awal Posting | Bergaya Koran



Coba kamu perhatikan postingan Blog saya kali ini,... Apa yang beda dengan posting lainnya? Betul sekali, huruf awal tampil besar sampai mengawali 4-5 baris kalimat. Nah itu yang dimaksud dengan tampilan bergaya koran atau surat kabar. Jika kamu ingin mengadopsi tampilan seperti ini, maka kamu harus menggunakan trik dan tips blogger tertentu.Bagaimana Membuat Tampilan Huruf Besar Di Awal Posting Bergaya Koran adalah::




= > Login ke account blogger kamu.
= > Pilih Tata Letak --> Edit HTML.
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
Cari kode ]]></b:skin>Untuk Tampilan Huruf Besar Di Awal Posting Bergaya Koran atau dalam kode CSS lalu
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
* Copy paste kode di bawah diatas kode ]]></b:skin> atau dalam kode CSS.
* /* huruf awal bergaya koran
----------------------------------------------- */
.awal {
float:left; <!--Letak disebelah kiri-->
color: #000000; <!--Warna huruf hitam-->
line-height:80px; <!--Jarak baris, jgn diganti-->
padding-top:1px; <!--Jarak dengan judul-->
padding-right:5px; <!--Jarak dengan teks dikanannya-->
font-family:times; <!--Jenis font-->
font-size:100px; <!--Ukuran font-->
}
* Jangan lupa disimpan
Cara penggunaan kode di atas :
* Ketika kamu melakukan posting (buat), silakan ketik tulisan kamu sampai selesai.
* Masih dalam "buat posting", klik pilihan "Edit HTML". Letaknya di atas sebelah kanan form "buat posting". Hasilnya kamu akan melihat postingan kamu dalam kode HTML.
* Tambahkan kode <span class="awal"> ... </span>
* # diantara huruf awal postingan.
# Terakhir pilih "Terbitkan Entri".
Contoh :
<span class="awal">O</span>ptimasi Blog merupakan blog yang berbicara tentang optimasi dalam blog melalui tips SEO dan trik blogger serta optimasi lainnya. Jadi jangan lupa untuk selalu mengikuti update posting David Style blog, caranya cukup dengan meng-klik "Berlangganan posting via RSS FEED" dan tambahkan davidteknologi.blogspot dalam reader kamu. Atau masukkan email kamu dan klik "Berlangganan" via email.

Sumber : Make Magazine Style Drop Caps by Ojel HTC
Selamat mencoba tampilan huruf awal bergaya koran...
Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Blog Ini...
Previous
Next Post »

2 comments

Write comments
August 31, 2010 at 9:38 AM delete

Wah Emang DROP CAP ni keren...Bro, Selamat berjuang dalam ngeblog yah,, enak logh jadi blogger dapet duit

Reply
avatar
David Style's
AUTHOR
August 31, 2010 at 1:39 PM delete

oke bro,,,Thanx ya Dit,,,Mampir2 ya diblog Ane,,,trus jgn lUpa ajarin cari duit online diblog,,hehe"...

Reply
avatar

Tuliskan Saran & Kritik Anda.... ConversionConversion EmoticonEmoticon