Thursday, July 15, 2010

Tampilan Huruf Besar Di Awal Posting | Bergaya Koran

Coba kamu perhatikan postingan 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.Tips 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> 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.

  • /* hurup 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 OjelHtc blog, caranya cukup dengan meng-klik "Berlangganan posting via RSS FEED" dan tambahkan OjelHtc.blogspot dalam reader kamu. Atau masukkan email kamu dan klik "Berlangganan" via email.


Sumber : Make Magazine Style Drop Caps by Kang Rohman.

Selamat mencoba tampilan huruf awal bergaya koran...

Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Blog Ini...