Manfaatkan Berbagai Font Rubah Judul Blog di BloGGer Baru

Sedikit sentuhan pada kode html melalui perubahan yang kita lakukan pada kode css di template BloGGeR Baru pastinya akan membuat penampilan yang jauh berbeda yang membuat bentuk teks judul atau title blog semakin terlihat menarik. Sebenarnya banyak sekali modifikasi yang dapat kita lakukan di bagian header blog ini, tetapi kita akan bahas satu demi satu setiap modifikasi yang mungkin kita lakukan.

Terbatasnya jenis font yang disediakan blogspot menjadi salah satu titik penting modifikasi dengan cara mengoptimalkan pemanfaatan jenis-jenis font yang tersedia dan mampu diserap blog. Kekayaan jenis font yang dipadukan dengan berbagai efek yang tercipta melalui kode css3 diharapkan semakin memperkaya bentuk penampilan header blog. Setelah di blog ini kita sediakan berbagai bentuk font yang bisa dimanfaatkan untuk menciptakan bentuk gaya teks baru, maka kini tinggal kita bedah cara menggunakannya pada template BloGGeR Baru.

Cara Merubah dan Mengganti Jenis Font pada Judul Blog atau Title Blog untuk Menciptakan Style dan Gaya Tampilan Baru dan Berbeda di BloGGer Baru (New BloGGer Template)

1. Login to BloGGer (login ke BloGGer)
2. Dasboard (Dasbor) : KLIK link Editing atau Rancangan.
3. Design (Rancangan) : KLIK link Edit HTMl.
4. Back Up Template (Amankan Template) : KLIK link Download Full Template atau Download Template Lengkap, kemudian lanjutkan dengan menyimpan file template sampeyan di folder PC.
5. Find CSS Code (Cari kode CSS) : Cari kode CSS berikut :

   .Header h1 {
       font: $(header.font);
       color: $(header.text.color);
       text-shadow: 0 0 $(title.shadow.spread) #000000; 
       }

6. Replace and Change CSS Code (Ganti kode CSS) : Gunakan kode CSS di bawah ini untuk mengganti kode CSS di atas kode CSS berikut yang menyertakan efek bayangan pada teks (Text Shadow Effects).

   .Header h1 {
       font: normal bold 70px Monotype Corsiva;
       color: $(header.text.color);
       text-shadow: 2px 2px 5px white;
       }

7. SAVE Template (Simpan Template) : KLIK SAVE Template/Simpan Template dan lihat hasilnya dengan membuka blog.

Catatan/Keterangan :

• font: normal bold 70px Monotype Corsiva;
• normal adalah style font (font-style) : normal atau italic
• bold » adalah tebal font (font-weight) : normal, bold atau bolder.
• 70px » adalah ukuran font (font-size) : satuan dalam pixel (px), em atau % (percent).
• Monotype Corsiva » adalah jenis font (font-family) : Sampeyan dapat memilih jenis font sesuka sampeyan.
• color » adalah warna font (font-color) : Silahkan pilih warna yang tepat dan sesuai dengan tampilan blog secara keseluruhan dan tetap gunakan cara merubah warna header seperti biasanya. Bila warna mau diatur sendiri secara langsung di template, rubah
  - color: $(header.text.color); dengan kode :
  color: blue atau color: #0000ff
  - Sampeyan tinggal ganti kode warna sesuka sampeyan.
• text-shadow: 2px 2px 5px white; berfungsi untuk menciptakan efek bayangan teks. Rubahlah variabel angka dan warnanya untuk mendapatkan berbagai bentuk efek dan warna efek yang berbeda.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

• 
• 

» Happy Blogging - gubhugreyot «

Untuk melengkapi tutorial blogger baru di atas sampeyan bisa buka beberapa posting di bawah ini :

1. Cara Cepat Cari Kode HTML di Template
2. Cara Bac-up Template
3. Tabel Nama dan Kode Warna
4. Berbagai jenis font (font-family).