Modifikasi Template Simple Ringan SEO-Friendly
Modifikasi Template simple Ringan seo-friendly - Banyak teman-teman yang menggunakan template ini bertanya bagaimana membuat heading widget seperti pada demo. Sebenarnya mudah saja berikut saya akan memberikan tutorial tentang bagaiman cara edit template simple ringan seo-friendly ini. untuk yang belum memiliki templatenya silahkan download TEMPLATE SEO-FRIENDLY
1. Edit Heading Widget Menjadi h4
Mungkin judul blog terlihat biasa saja karena hanya menggunakan font times jadi kita akan edit dengan cara menambahkan bayangan atau shadow bahkan anda juga bisa mengganti font sesuai keinginan anda. Berikut caranya.
1. Edit Heading Widget Menjadi h4
- Pilih Template >> Edit Template >> klik/letakan kursor di kotak template >> Jika anda melakukan dengan benar maka akan muncul kotak kecil di pojok kanan atas template anda.
- Selanjutnya copy kode <h2 class='title'><data:title/></h2> pada kotak kecil tadi kemudia tekan enter.
- Jika sudah ketemu silahkan ganti semua h2 menjadi h4.
- Jika sudah selese cari lagi kode yang lain dengan cara klik di kotak kecil tadi, ingat gk usah di hapus kode yang sudah ada di kotak kecil tersebut anda hanya perlu tekan enter untuk menemukan kode yang lain.
- Jangan lupa save template anda.
Mungkin judul blog terlihat biasa saja karena hanya menggunakan font times jadi kita akan edit dengan cara menambahkan bayangan atau shadow bahkan anda juga bisa mengganti font sesuai keinginan anda. Berikut caranya.
- Masih pada kotak template masukan kode #header h1 di kotak kecil tadi >> tekan ENTER.
- Jika sudah ketemu hapus kode dibawahnya sampai #header a. ganti dengan kode berikut
font: bold 200% Droid Sans;
letter-spacing: -1px;
text-transform: none;
margin: 0px;
padding: 45px 0px 0px 40px;
width:500px;
text-shadow: 1px 2px #fff;
}
- Kemudian save template anda.
- Caranya masih sama seperti yang di atas masukan kode diatas #header .description { pada kotak kecil dipojok kanan template anda >> Tekan Enter
- Hapus kode dibawahnya sampai kode diatas #header img {. Ganti kode tadi dengan kode berikut:
color: #000000;
font: 100% Arial;
letter-spacing: -1px;
margin: 0;
padding: 0px 14px 0px 40px;
text-shadow: 1px 1px #fff;
text-transform: none;
}
- Simpan template anda
Komentar