Cara Mengubah Template Blog

| Kamis, 02 Agustus 2012
Untuk newbie pada bidang blog pasti bertanya-tanya bagaimana caranya untuk mengubah tampilan blog menjadi bagus. Carannya dengan mengganti template blog dasar dari Blogger dengan template yang anda sukai. Apa itu template blog? Pertama-tama saya akan saya jelaskan secara singkat pengertian template.

Template blog adalah desain-desain halaman blog beserta seluruh komponennya (misal: gambar, stylesheet, dsb) baik berupa file statis dan file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang anda lihat pada blog saya saat ini, terlihat tatanan gambar dan tulisan di layar monitor anda, itulah yang dinamakan template. Dan berikut beberapa screenshot beberapa template.




Baiklah, selanjutnya adalah langkah-langkah untuk mengubah template pada blog anda.

Pertama, cari template untuk blog anda di google, yahoo, atau search engine lainnya. Biasanya ada 2 bentuk template yang di sajikan, yaitu dalam bentuk skrip dan file berformat "*.xml".

Kedua, masuk akun blogger anda => Template. Di pojok kanan atas akan ada tombol seperti dibawah ini kemudian klik tombol tersebut. Untuk yang mendapat template berbentuk skrip bisa langsung ke langkah kelima.


Ketiga, setelah klik tombol di atas akan muncul gambar di bawah. Agar tidak terjadi kesalahan klik tombol "Unduh template lengkap" untuk merecover skrip blog sebelumnya. Jika sudah mendownload klik tombol "Choose file" untuk mengupload skrip template yang sudah anda download. Kemudian pilih template yang sudah didownload,  kemudian klik "unggah".


Keempat, setelah langkah-langkah diatas sudah dilakukan tampilan blog anda sudah berupa. Tapi masih ada yang harus di edit terlebih dahulu. Yaitu pengaturan bagian menu. Klik tombol seperti gambar di bawah.


Kelima, setelah klik tombol "Edit HTML" akan muncul seperti gambar dibawah. Kemudian klik tombol "Lanjut", maka akan masuk ke kotak skrip HTML. Bagi template yang berbentuk skrip, langsung saja copy paste skrip tersebut ke dalam kotak HTML.



Keenam, cari skrip seperti dibawah ini. Hilangkan tanda "#" dengan url blog yang anda inginkan.

<div id='nav'>
<ul>
<li><a href='http://#'>Home</a></li>
<li><a href='http://#'>About</a></li>
<li><a href='http://#'>Contact</a></li>
<li><a href='http://#'>Guestbook</a></li>
<li><a href='http://#'>Exchange link</a></li>
<li><a href='http://#'>Sitemap</a></li>
</ul>
</div>


Semoga bermanfaat, dan Selamat mencoba.



Sumber Screenshot dan Skrip oleh Johanes DJ

1 komentar:

  1. Terimakasih informasinya, kunjung balik y :)
    http://goo.gl/2WYzzb

    BalasHapus

Next
Diberdayakan oleh Blogger.
▲Top▲