Membuat Huruf Awal Post Berstyle Koran

Sudah lama saya tidak mempostingan tutorial blogspot. OK, kali ini saya ingin berbagi tutorial cara membuat huruf pertama pada postingan menjadi besar atau bergaya koran seperti pada postingan-postingan saya diblog ini yang selalu diawali dengan huruf besar berwarna hijau. Sobat tertarik ingin membuatnya untuk blog sobat? Silahkan baca dan ikuti langkah-langkahnya berikut ini. Cekidot sob...

Berikut Langkah-Langkahnya:
  • Buka Blogmu kemudian klik "Rancangan" --> "Edit HTML".

  • Cari kode ]]></b:skin> (CTRL + F, untuk mempermudah pencarian). Kemudian copy dan pastekan kode dibawah ini tepat diatas kode ]]></b:skin> tadi.

    /*Style Koran--------------------------- */
    .stylekoran { float:left; color: #A91B33; font-size:100px; line-height:80px;
    padding-top:1px; padding-right:5px; }


    *Kode yang ditebalkan adalah warna dari huruf pertama dari postingan. Sobat dapat menggantinya dengan warna yang sobat sukai.

  • Simpanlah Template.

  • Kemudian klik menu "Setelan" --> "Format", dan pada kolom "Templat Entri", masukkan script dibawah ini:


  • <span class="stylekoran"> </span>



  • Save/simpan setelan.


Nah, sekarang kode tersebut telah berada dibagian entri posting baru. Untuk menggunakannya, sobat hanya perlu meletakkan huruf pertama pada postingan diantara 2 script tersebut. liat contoh teks dibawah ini:

<span class="stylekoran">B</span>eginilah kira-kira contoh untuk membuat huruf pertama pada postingan menjadi besar atau bergaya teks koran. Sekarang postingan sobat sudah menjadi keren dengan tampilan bergaya koran ini. Semoga postingan ini membantu sobat sesama blogger


Maka nanti hasilnya akan seperti dibawah ini:

Beginilah kira-kira contoh untuk membuat huruf pertama pada postingan menjadi besar atau bergaya teks koran. Sekarang postingan sobat sudah menjadi keren dengan tampilan bergaya koran ini. Semoga postingan ini membantu sobat sesama blogger


Semoga berguna dan bermamfaat...

6 comments:

  1. Aku coba dulu gan, saya bingung dan pengen bikin Halaman 1 2 3 dst seperti di blog ini gan, kaya dibawah postingan itu loh.........

    ReplyDelete
  2. silahkan sob...
    ntar kalo ada waktu ane postingin cara'a :)

    ReplyDelete
  3. Gan mo tanya Posisi Scrip ada dimana?

    Kemudian klik menu "Setelan" --> "Format", dan pada kolom "Templat Entri", masukkan script dibawah ini:

    saya cari ko ga ketemu ya?

    ReplyDelete
  4. @HartoBintang oww...saya masih pake blogger versi lama sob. Kalo cara di atas saya tes pada blogger versi lama, kalo versi baru saya belum coba lagi.

    ReplyDelete
  5. Mas. kq g bisa.. di Html nya sudah di save - di setelanya udah disave. tp pas dicoba gak ada perubahan.

    ReplyDelete

Komentar lah dengan menggunakan kata2 yang sopan. Komentar mengandung SARA, kata kotor, pelecehan, spam & semisal'a akan dihapus. Thanks