Kali ini saya mau menjelaskan sedikit cara mengganti template di blogspot, sebenarnya blogspot sendiri sudah menyediakan beberapa template, tetapi kebanyakan kurang puas, dan blogspot juga sudah menyediakan Perancang Template, seperti yang sudah saya jelaskan sebelumnya di Mengenal Area Kerja Blogspot di bagian rancangan.
Oke lah kaloo begitoo, langsung saja saya jelaskan cara pertama, dengan menggunakan Blogger Template Designer,
<fieldset>
Seperti biasa login blogger sobat.
Cari Rancangan, pilih Edit HTML.
Klik Download Template Lengkap (wajib untuk membackup template sobat)
Klik perancang template, maka tampilan yang pertama muncil kira - kira seperti gambar di bawah. Saya sarankan jika selesai mengedit di setiap menunya ingat klik APPLY TO BLOG
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">Contoh tampilan perancang template blogger</td></tr></tbody></table>
Oke lah kaloo begitoo, langsung saja saya jelaskan cara pertama, dengan menggunakan Blogger Template Designer,
<fieldset>
Seperti biasa login blogger sobat.
Cari Rancangan, pilih Edit HTML.
Klik Download Template Lengkap (wajib untuk membackup template sobat)
Klik perancang template, maka tampilan yang pertama muncil kira - kira seperti gambar di bawah. Saya sarankan jika selesai mengedit di setiap menunya ingat klik APPLY TO BLOG
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">Contoh tampilan perancang template blogger</td></tr></tbody></table>a. Templates.
Ket :
- Pilihan template, disana sobat bisa memilih template yang sudah disediakan oleh blogger.
- Sub template, disini disediakan, beberapa sub dengan background dan warna yang berbeda.
jika sobat sudah memilih jenis templatenya klik, yang di bawah layar kerja adalah previewnya jika kurang jelas sobat bisa klik expand preview. Untuk memunculkan kembali ktrol editingnya, klik Show Control.
Pada bagian background disana disediakan banyak jenis pilihan background yang bisa sobat pakai sesuka hati sobat.
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">Tampilan Pada menu background</td></tr></tbody></table>
Disana terdapat, beberapa pilihan, yaitu :
• Backgound Images, jika sobat klik gamabar kotak yang ada di background images, maka sobat akan diberikan banyak sekali pilihan background.
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">Tampilan pilihan Background Images</td></tr></tbody></table>
Jika sobat ingin menggunakan gambar piihan sobat sendiri, sobat juga bisa menguploadnya. Upload ada di bawah tulisan Select Background Images, sobat bisa mengupload file JPG, GIF, atau PNG, dengan ukuran diatas 300k (diasna sudah ada penjelasannya ). Jika sudan selesai mengganti background dengan Images Klik Done b. Background.
Pada bagian background disana disediakan banyak jenis pilihan background yang bisa sobat pakai sesuka hati sobat.
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">Tampilan Pada menu background</td></tr></tbody></table>Disana terdapat, beberapa pilihan, yaitu :
• Backgound Images, jika sobat klik gamabar kotak yang ada di background images, maka sobat akan diberikan banyak sekali pilihan background.
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">Tampilan pilihan Background Images</td></tr></tbody></table>• Main color theme, adalah warna yang dominan muncul dalam blog sobat, sobat bisa menentukan sendiri wana yang sobat inginkan, tinggal klik kota kecil yang ada di bawah tulisan Main Color Theme.
• Use default background and colors, fungsinya untuk mengembalikan background dan warna ke posisi semula.
c. Layout
• Body Layout : adalah susunan tata letak dari main wrapper sampai sidebar. disini kita diberikan delapan macam pilihan, sobat bisa pilih sendiri dan sesuaikan dengan kebutuhan blog sobat.
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">Pilihan layout Body</td></tr></tbody></table>• Footer Layout : Susunan atau tataletak kolom di bagian bawah body, disini kita diberikan cuma tiga pilihan kolom. Kenapa cuma tiga kolom? untuk alasan yang pasti saya sendiri tidak tahu, mungkin alasannya tiga kolom lebih ideal, kalau lebih dari tiga kolom akan terlihat berjubel dan membuat loading blog semakin lambat.<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">Pilihan Layout Footer</td></tr></tbody></table>•Adjust Width : untuk mengatur lebar sidebar dan entri blog.
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">Tampilan Adjust Width</td></tr></tbody></table>Selain dari template bawaan kita sebenarnya bisa menambahkan satu kolom widget di bawah header, atau dua kolom di bawah header, atau juga bisa menambah tiga kolom di atas header. Cara menambahnya bukan dari sini, tetapi melalui Edit HTML.
Dalam menu Advance ini kita dapat mengatur fonts, teks, warna teks , dan wana latar dari judul. Caranya tidak begitu sulit, link dan sebagainya, mungkin yang ini tidak saya jelaskan secara mendetail, saya yakin sobat bisa langsung mengerti cara mengeditnya.
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">Tampilan Advance</td></tr></tbody></table>
</fieldset>d. Advance.
Dalam menu Advance ini kita dapat mengatur fonts, teks, warna teks , dan wana latar dari judul. Caranya tidak begitu sulit, link dan sebagainya, mungkin yang ini tidak saya jelaskan secara mendetail, saya yakin sobat bisa langsung mengerti cara mengeditnya.
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">Tampilan Advance</td></tr></tbody></table>Jika sudah selesai melakukan pengeditan ingat klik APPLY TO BLOG , untuk melihat hasilnya secara langsung sobat bisa klik View Blog
Cara yang kedua adalah melalui edit HTML.
<fieldset>
Disini caranya sangat mudah, tetapi sebelum menupload template, tentunya sobat harus template yang akan sobat masukkan. Banyak situs - situs atau blog yang menyediakan template blog gratis, sobat tinggal serch aja "Free Template Blogspot" pasti banyak heheheh. Biasanya sobat akan mendapatkan file dalam bentuk XML,
ini saya ada linknya, silahkan dinikmati bli..,,
http://www.zoomtemplate.com/
http://x-template.blogspot.com/
http://freetemplates.blogspot.com/
atau sobat juga bisa mengunjungi blognya Asrizal, disana dia menyediakan beberapa Blogger Template SEO Friendly :
http://asrizalwahdanwilsa.blogspot.com/2010/09/blogger-template-seo-friendly.html
Jika sobat sudah memiliki templatenya, sekarang sobat langsung menuju Rancangan, pilih Edit HTML. Untuk menghindari kesalahan, sebaiknya sobat backup template milik sobat terlebih dauhulu, caranya, klik Download Template Lengkap.
Kemudian klik Browse, pilih template yang sobat simpan di driver sobat, jika sudah klik Ungguh.
Setelah sobat upload, sebaiknya klik pertinjau dahulu yang ada di bagian bawah untuk melihat hasilnya, dan apa bila sudah benar itu template yang sobat maksd heeee silahkan simpan template.
Jika terjadi seperti gambar di bawah...... (Sebaiknya dipertinjau dahulu ),
Jika sudah silahkan lihat blog sobat</fieldset>
Mungkin sekian dulu cara mengganti template blog, jika kurang jelas dengan penjelasan saya silahkan hubungi saya lewat YM, atau meninggalkan pesan di kolom komentar dibawah. Semoga bermanfaat,...
Tolong Post Coment
No comments:
Post a Comment