Jika engkau berdukacita, renunglah ke lubuk hati , dan kau akan temui bahawa sesungguhnya engkau sedang tangisi sesuatu yang pernah engkau syukuri- ©Kujie

20 October 2009

Cara tukar template tanpa hilangkan widget

Kalau bercadang menukar template baru, mula-mula kenal pasti widget yang ada di blog sama ada di sidebar, main wrapper, header atau pun footer.

Cari code seperti ini di template blog lama.

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog'/>

</b:section>
</div>

Ini adalah widget di main wrapper - hanya contoh. copy dan paste code yang berwarna merah pada notepad.


<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Mutiara Kata' type='HTML'/>
<b:widget id='Feed2' locked='false' title='Post Terkini' type='Feed'/>
<b:widget id='HTML7' locked='false' title='Komen Terkini' type='HTML'/>
<b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML1' locked='false' title='Pelawat' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>

</b:section>
</div>


Ini contoh widget di sidebar. Kata kunci yang perlu diberi perhatian adalah <div id='sidebar-wrapper'>

Kalau ada widget di footer blog, cari <div id='footer-wrapper'>

Dah siap copy dan paste di notepad. Boleh save untuk kegunaan di lain kali.

Ok, sekarang setelah kita unzip file template baru yang ingin digunakan.

Pergi ke Dashboard > Layout > Edit HTML
Download Full Template dulu, untuk langkah keselamatan.
Klik Browser dan cari file yang kita save tadi. Klik Upload



Selalunya selepas kita upload template baru, akan keluar arahan seperti di atas, Confirm & Save. Klik Confirm & Save macam biasa.

Lepas tu Jangan tick pada Expand Widget Templates

Masih lagi di page EDIT HTML, Scroll di bawah, cari code seperti ini:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

copy dan paste code widget yang kita save tadi.

Widget main wrapper letak di bawah
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>


Widget footer letak di bawah code

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>

* Kadang-kadang ada masalah ID yang sama , contoh HTML1 ada 2, tukar salah satunya dengan ID lain , contoh HTML6,7,8. Atau ID Feed1 ada 2, tukar salah satunya dengan ID lain, contoh Feed11.



Kemudian klik Save Template .

3 comments:

  1. thanks for the info..=)

    ReplyDelete
  2. sorry..saya dah buat steps tu semua..tapi widget follower, archieve (sidebar) yg slalu ade kat tepi kanan blog jadik kat bawah pulak..Padahal saya cuma copy and paste di bahagian bawah html code sidebar mcm yg u explain kat atas tu..macamane nak bagi elok smula?

    ReplyDelete
  3. ikut step ni betul, jangan tertinggal satu pun code

    yang penting close tag seperti

    b:section
    div

    ReplyDelete

Komen anda sangat dihargai...

Followers