10.06.2009

Edit Template blogger sesuai keinginan anda....

NNNah....akhirnya template blog ini sempurna, meskipun tidak sempurna blog kawan-kawan yang lebih kreatif,tapi saya merasa puas bisa berkreasi sendiri memodifikasi template sesuai apa yang saya inginkan.

Dulu ketika saya pertama kali blogging,saya sangat kerepotan untuk men-design blog agar indah di pandang, saat itu saya sering merepotkan dua kawan saya yaitu Bang Setyawan Dirgantara dan Bang Enigma. Maka dari itu saya ucapkan terimakasih pada mereka berdua yang sampai repot mengirimkan email ke saya. Buat bang enigma dan bang setyawan ingatkan waktu saya tanya gini ..... “Bang gimana cara buat tampilan blog yang seperti punya abang.....pada halaman utama ada singkatan atau resensi artikel, kemudian ada tulisan baca selengkapnya........trus kalau di klik akan ngelink ke artikel penuh......”

Hehe...waktu itu saya kesulitan untuk menanyakan istilah Read more, tapi melihat kesuksesan dua blog mereka saya jadi terinspirasi untuk belajar dan terus belajar, dari blog walking sampai utak-atik script sendiri (meski sering merusak template dan buat lagi hahaha).

Template yang saya pakai ini saya dapatkan dari HaryantoBlog namun Imagenya saya rubah sendiri. Saya akan kasih tau cara edit template agar sesuai dengan keinginan anda. Sebagai contoh kita pakai Template ini aja lah,biar mudah menjelaskan,karena template tersebutlah yang saya pakai.

Tapi ingat :

Kelemahan dari template ini adalah seluruh meta , javascript dan kode lain yang anda masukan dalam tag HTML template lama akan hilang termasuk mungkin ID adsense anda,maka dari itu ulangi memasukan beberapa kode yang telah hilang tersebut setelah Upload. Mungkin resiko tersebut juga berlaku pada template-template lainya.

Langkah-langkahnya adalah sbb :

Log In ke blogger >> tata letak

Download template lama anda untuk berjaga-jaga bila proses penggantian gagal.

Simpan Fitur-fitur elemen halaman yang anda pasang seperti script, image code dan lain-lain ke notepad

Downloate temlate yang saya pakai di sini biasanya file yang terdownload adalah Zip file maka dari itu anda harus meng ekstraknya dengan cara Klik kanan pada file kemudian pilih ekstrak here.

Upload file yang berekstensi Xml, bila sukses akan ada pertanyaan seperti berilut :

itu menandakan fitur anda yang lama seperti header image, javascript dll akan di hapus, karena anda telah menyimpanya maka klik aja SAVE

Lihat blog di jendela baru cari gambar berikut di bagian header.


Gambar inilah yang perlu di ganti dengan cara sebagai berikut.

Buat gambar anda sendiri dengan ukuran 425 x 120 Px, simpan di photobucket atau webhosting untuk mengambil URL nya. Setelah selesai simpan dulu URL gambar anda ke notepad dan lakukan langkah berikut :

Klik tata letak >> Edit HTML >> Chek Expand Wiget Template

Tekan Ctrl + F pada browser anda lalu cari kode

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfB0kpMQE754qUgmav117ZkbnwT9Hyv8U2tpfQ4lmGV_ZtWQLV64ka8c69C-9-zKDX8N3KK-OEsRybBkkpBaX3pns3vXlxvsVp_TSYnGFTdCLK4Ba-XeYSQQcd9NtiJ1RHI_J0t0ry4efQ/s1600/358rjag.png

ganti URL tersebut dengan URL gambar header anda

Kemudian buat lagi gambar seukuran 425 x 120 px lalu upload ke potobucket atau web hosting >>ambil URL nya,untuk menganti gambar di bawah ini :

Khusus bagian ini akan terlink kan ke account anda maka dari itu cari kode di bawah ini :

<a href='http://www.twitter.com/84productions'><img border='0px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-d03tiojAZw2F-XreSIKIhP2mhzgaszYk9L8b_kqaUGGZNLsSPF-8RgD6ebypNtlBpnTdlXvtYtfvfcVm2DO4cCwcVMnR14az420lcx7svBSxTcIdfPK6Zv4YjeeMSmlizv71E3sNxJeh/s1600/6925c2.png'/></a>

Ganti tulisan merah dengan alamat account friendster,twitter,facebook atau account anda yang lain dan ganti tulisan biru dengan URL gambar anda.(eh sampai lupa.......gambarnya harus sesuai dengan account anda loh....misal FB ya harus men-cirikhas-kan FB dll)

Bila selesai Klik SAVE TEMPLATE dan Binggo.......jadi template anda sendiri.

Seperti yang saya katakan di depan, semua script code yang anda tambahkan pada TAG HTML template lama akan hilang,mungkin bila id adsense, kode image icon pada addres barr, kode selamat datang blog dll akan mudah di benahi, tapi bila read More yang hilang? apakah anda tidak kerepotan memasang read more lagi,padahal posting anda sudah banyak? memang ada beberapa template yang masih menyimpan read more lama anda, ada yang sekaligus memberikan fitur read more versi nya sendiri ada pula yang menghapus read more yang ada di template sebelumnya,bila itu terjadi maka solusinya ada di Posting saya yang ini :

Untuk HaryantoBlog saya ucapkan terimakasih karena menyediakan template yang bagus n membuat saya semakin kreatif.......


NB : hampir semua template memliki kesamaan dalam penggantian image nya........anda hanya cukup mengganti URL gambar serta link nya dengan URL anda sendiri, jika anda tidak menemukan lokasi gambar di header, cukup cari URL di background dengan cara CTRL+ F masukan kata background kemudian cari kode yang merupakan ciri khas URL.
semoga bermanfaat.

14 komentar temen:

FATAMORGANA mengatakan...

Tutorialnya mantap sobat...

ceritatugu mengatakan...

waaah ternyata ahli buat template,inyong bisa ikut belajar nih

hakam mengatakan...

hehe thank ya, sekarang mungkin masih jarang posting karena sibuk di sekolah. mohon dukungan nya aja

ellysuryani mengatakan...

Mantap infonya sobat. Terimakasih sharenya ya.

Kang Artha mengatakan...

kayaknya bisa gw pasang nih

genial mengatakan...

wahhh ternyata akangnya mahir maenan CSS sama template juga tokh... keren kang sekarang blognya!!! maaf saiia baru bisa mampir karena kesibukan yang gag tau juntrungannya kang... hampir gag sempet lagi buat BW... terimakasih karena sudah singgah... akang juga lama menghilang kmn ajja?!?!?!? semoga semua dlm keadaan baik-baik ajja, sehat walafiat :)

none mengatakan...

wow..thanks buat tips dan triknya ya!

Bang arie mengatakan...

Makasih atas tutorialnya,,,salam knal :)

Kabasaran Soultan mengatakan...

Wah ...keren habis deh
bisa banyak belajar disini nih...
Thanks

kurniawan.q mengatakan...

thanks buat tips dan triknya ya

insan mengatakan...

Ajarin saya kustomisasi template dong mas...
mas kan uadah punya ilmunya, jadikanlah berkah dengan dibagi2 padaku, hehe

Selamat...

Blogger Admin mengatakan...

@ihsan.......wah.......yang penting kita bisa HTML dan punya hosting buat nyimpen gambar/flash dll..........aq sendiri juga masih belajar kok.....tp insya allah klo ada waktu tak kirimin email....

sukamto mengatakan...

ma kasih atas infonya, akan kupraktekkan.

masigit mengatakan...

bisnis pulsa
http://masigit.pulsaok.com/