Kamis, 27 September 2007

Cara pasang/ganti template aman dan praktis





Tentunya yang pertama harus anda lakukan adalah login terlebih dahulu, setelah login maka akan tampil gambar seperti dibawah ini.








(gambar 1)





Setelah tampil gambar seperti diatas, maka klik link Layout yang saya lingkari dengan warna merah. Selanjutnya pada menu language, anda bisa pilih bahasa Indonesia.









(gambar 2)





setelah anda klik link Layout tadi, tampil gambar seperti diatas dan tunggu apa lagi silahkan klik Edit HTML-nya






(gambar 3)


Nah... pada sesi yang ini ada 2 alternatif yang anda lakukan untuk mem-backup template, pertama adalah dengan cara men-mengcopy biasa seluruh tag/code lalu paste pada tempat lain dengan menggunakan fasilitas Notepad, Wordpad, dll. Sedangkan cara yang kedua untuk backUp atau amankan template anda adalah dengan cara mengklik Download Full Template, maka akan tampil window baru seperti dibawah (apabila browse dengan menggunakan FireFox Mozilla).






(gambar 4)


Save file tersebut pada hardisk atau Flashdisk anda.Yang menjadi pertanyaan sekarang, apasih perlunya di BackUp file tersebut lagian kita mau menggatinya? ini dikhawatirkan jangan sampai terjadi hal-hal yang tidak diinginkan oleh kita atau terjadi error di saat kita melihat hasilnya nanti.Kalau template sudah tersave, sekarang anda lanjutkan langkah selanjutnya. coba perhatikan dengan seksama gambar dibawah... "ini gambar dari mana ya? soalnya saya tidak melihat adanya gambar seperti ini pada tampilan".




(gambar 5)


ini adalah gambar dari salah satu template yang anda boleh pasang untuk menggatikan template anda yang sekarang, silahkan pilih sesuai dengan selera anda dengan mengklik siniPerlu anda ingat agar halaman tutorial ini tidak terganti sebaiknya anda melakukannya dengan mengklik kanan dan pilih Open Link in New Tab.sekali lagi saya ingatkan bahwa Tutorial ini dibuat dengan menggunakan fasilitas browsing Mozilla Firefox. Apabila pada komputer anda belum terinstall Mozilla Firefox, klik saja bannernya yang terletak pada sebelah kiri (cepat dan gratis).





(gambar 6)


Kita lanjutkan, ...seperti yang anda lihat pada gambar diatas gambar 5, ada panah warna biru mengarah pada scroll kolom, itu artinya apa... bila anda copy code yang ada dalam kolom tersebut gunakan scroll untuk menghemat waktu. Bagaimana caranya? Anda cukup men-select atau mem-blok beberapa code yang paling awal, sambil menekan tombol keyboard shift dan tarik turun scroll tersebut dengan menggunakan mouse dan pastikan semua terselect.Kalau sudah dipastikan semua terselect, maka klik kanan pada bagian yang terselect tersebut dan pilih copy seperti pada gambar 6.


(gambar 7)



sekarang kembali ke edit template anda. select All (tekan tombol Ctrl+A) lalu Delete.





(gambar 8)



Ini tampilan edit template setelah dihapus.




(gambar 9)



Langkah selanjutnya klik kanan pada edit template tersebut dan pilih Paste.nah sekarang template baru sudah ada... sekarang kita sudah dapat melihat tampilannya dengan meng-klik PREVIEW.




(gambar 10)



Sekarang tinggal di save.




(gambar 11)



wah... ada masalah ya...Kenapa bisa terjadi tampilan seperti gambar 11 di atas? itu karena ada element yang aktiv, sedangkan pada template tidak ditemukan. lalu bagaimana langkah selanjutnya?



langkah ini ada 2 alternativ, pertama:






Buka kembali template yang anda simpan tadi, dan cari code yang tertera seperti contoh gambar yang dilingkari diatas pada template anda, posisinya anda bisa lihat contoh dibawah.



<--contoh pertama------------------------------------->















































































Itu terpisah karena pada template yang tadi tersimpan pada 2 sidebar atau sidebar yang berbeda oleh karena itu "copy semua :






...sampai dengan...







dan paste pada:






...sampai dengan...






------------------------------>



Code yang saya tandai dengan warna hijau tidak bermasalah karena dalam fasilitas template baru tersebut sudah mendukung element template sebelumnya










(gambar 12)



Ini cara yang kedua:Klik pada Page element, maka akan tampil seperti dibawah.





(gambar 13)



Save semua element anda yang ada dengan klik edit
(gambar 14)





Setalah tampil seperti gambar di atas maka copy dan paste pada Notepad, wordpad dll seperti terlihat pada gambar dibawah.



(gambar 15)




(gambar 16)


Semuanya sudah beres...



dan seperti inilah hasilnya bila menggunakan template Three Column in 1024 x 768 px

Tidak ada komentar: