Jun 7, 2009

Another Way to Change Blogger Template Without Deleting Widget

Fyuh, such a long post title. On my last post, I give trick how to change blogger template without deleting widget. There's same main point, that is copy all widget from current blog to new template. Maybe, some of you not familiar with Notepad ++, a lil bit complicated. Here's another way to edit XML file.
  1. Download new xml template
  2. Save to your desktop. Remember, SAVE no need to open. Some mistake is they open xml file in browser of course there will be an error warning, because browser not compatible to open xml file
  3. Create new blog. This is trial blog to edit new xml template
  4. Upload your new template to trial blog. How to ? Open Edit HTML, and then upload downloaded xml file
  5. Open your current blog layout
  6. Go to Edit HTML, copy all widget code between <div id='sidebar'>
  7. Open trial blog layout
  8. Go to Edit HTML, paste to trial blog, all copied widget code. Put it between <div id='sidebar'> too
  9. Save
  10. Download and save full template of trial blog
  11. Upload to your current blog layout, and you get new layout without deleting widget

61 comments:

  1. so clear, and helpfull, thanks...

    ReplyDelete
  2. @kang sur:tingkiyu tingkiyu heheheuheu

    ReplyDelete
  3. Thanks bgt nih buat pencderahannya.. :)

    ReplyDelete
  4. hello. thanks for the 'Black Brown Art' template. i cannot figure out what the 'edit' button is for or how to use it. please help.
    thank you.

    ReplyDelete
  5. @karima: that's for menu. See an example just like my blog layout now. Use ctrl+f , find it adn edit it

    ReplyDelete
  6. I always use your tips mwehehehe...

    my linggis language going better when coming here hohoho..

    ReplyDelete
  7. @joe: halah kutu kucing kekekeke

    ReplyDelete
  8. this is another helpful info for me.. thanks always =)

    ReplyDelete
  9. @bambie: hi bambie, thx for visiting again :)

    ReplyDelete
  10. hi im confused about number 6.i cant find the code.please help me!thanks.

    ReplyDelete
  11. @ain: open EDIT HTML (access through Layout>Edit HTML)

    there's your html code. Use ctrl+ F to search

    <div id='sidebar'>

    ALL WIDGET CODE

    </div>

    ReplyDelete
  12. It really help. this site is cool.
    Bookmark mode on.

    ReplyDelete
  13. hmm.. ur the master, i'm just reading ur great post here ;)

    ReplyDelete
  14. berarti tinggal menyesuaikan posisinya aja ya?
    hmm... kapan2 coba ah..

    ReplyDelete
  15. @mardee: iyah, tinggal mindah aja. g bakal kehapus soalnya nama widget nya sama
    @om nara: tingkiyu master xiixixixix

    ReplyDelete
  16. Nice trick. I think you give the simple way for anyone who using blogger..
    Mantap!

    ReplyDelete
  17. so clear n helpfull...hehhehehe... nyontek den surya....

    ReplyDelete
  18. makisih embak
    lain kali ajari aku bikin templates

    ReplyDelete
  19. nice trick... :D

    jan pinter tenan ebong kie... xixixixixixi

    ReplyDelete
  20. Very clear and effective. Thanks for your post.

    ReplyDelete
  21. Ipiet,
    I managed to get the right sidebar correctly, but how abt left sidebar? Will all my archives post remains?

    How abt all my previous post?will it remains too?

    ReplyDelete
  22. My problem now is when I click at the Archives post, then only the website become "normal" back...if I didn't click any post, it will become "lain macam"....

    ReplyDelete
  23. BS88: have you tried to reupload it?

    ReplyDelete
  24. Hi, uploaded and still the same!! What's wrong haah?

    ReplyDelete
  25. Can u take a look the uploaded effect? www.bestylish88.blogspot.com

    ReplyDelete
  26. My trial blog everything ok and nice,just the old blog got problem....

    ReplyDelete
  27. @BS88: i will upload updated version, hope this will solve your problem hehehhe... (I also wondering why)

    ReplyDelete
  28. Ipiet,
    Do I need to tick the Expand Widget Templates box when I upload the new updated file?

    ReplyDelete
  29. @BS88: no need, it's automatically :)

    ReplyDelete
  30. still cannot,arrrrrrh,saya sudah fed up lah...can i change to any other template?

    ReplyDelete
  31. Ipiet,
    When u said copy all widget code between "div id='sidebar', is it same

    div id='midsidebar-wrapper' and div id='sidebar-wrapper'??

    ReplyDelete
  32. ok, i hd checked, i think one of my post --STYLISH U # 6 got problem,if i can erase the Price: RM 8, shd be back to normal,any idea how?

    ReplyDelete
  33. @BS 88: there's still another template, you can choose it

    yess, it is same. Copy all widget on every section, such as sidebar, mid sidebar. After that step, we can arrange it. The important thing is, it wont be deleted

    you will erase it?
    Humm, what about delete that post, and re-type :D

    hehhehe im sorry, i dont know too, because the other didn't face the problem with this template

    ReplyDelete
  34. tq,ipiet,still thinking whether to change the template cos I like this very much :)

    erase it, i mean when i tried to edit post,the RM 8 is duplicate out when publish.In original post, only one RM 8.

    ReplyDelete
  35. @BS88: waw, how can? hehhehe im sorry, because i have never face the problem, so I can give solution for this. When i desperate, usually I make new blog, i change current blog to other name, and then use my old blog name to new blog hehhehe, and i import all post

    ReplyDelete
  36. got it <3

    awww lovely tips <3

    anyway miss, my template now is using 'sidebar-wrapper' instead of 'sidebar'. Are they different?
    i copied the sidebar-wrapper as if it was sidebar. shall i change the name?
    is there any layout that won't work if i use sidebar-wrapper and not sidebar?

    and what about midsidebar-wrapper?
    i copied it as well tho =)

    ReplyDelete
  37. @fakely:no matter thats sidebar name, no need to change, just all widget code ,wherever it hehe :) i mean maybe there's widget on footer, lower-wrapper, copy all :), you can paste to sidebar. The point is it won't be deleted and you can arrange it later

    ReplyDelete
  38. I tried it and it didn't work ma'am. There was an error said that the xml code wasn't closed properly etc. What's wrong?

    ReplyDelete
  39. @fakely: be carefull to copy, have to copy properly. Do not tick mark on expand widget template

    for an example your sidebar code

    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='HTML1' locked='false' title='Search Another Template Here' type='HTML'/>
    <b:widget id='HTML2' locked='false' title='Related Resources' type='HTML'/>
    <b:widget id='HTML11' locked='false' title='Sponsored Links' type='HTML'/>
    <b:widget id='Label2' locked='false' title='Categories' type='Label'/>
    </b:section>
    </div>


    You just have to copy

    <b:widget id='HTML1' locked='false' title='Search Another Template Here' type='HTML'/>
    <b:widget id='HTML2' locked='false' title='Related Resources' type='HTML'/>
    <b:widget id='HTML11' locked='false' title='Sponsored Links' type='HTML'/>
    <b:widget id='Label2' locked='false' title='Categories' type='Label'/>



    that's widget code

    ReplyDelete
  40. Hi! I keep getting the error message, "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type "b:section" must be terminated by the matching end-tag " whenever I paste and save template. Help? Thanks!

    ReplyDelete
  41. @ny: be carefull to copy, have to copy properly. Do not tick mark on expand widget template

    read comment before yours

    no need to include b:section
    just copy b:widget

    ReplyDelete
  42. Oh, okay, will try that and look more closely at what I copy and paste. Thank you! :)

    ReplyDelete
  43. wow, dirimu interactive sekali dengan klien-klien blogmu tul.. salut berat untuk mau..

    pantes lah nek bla bla bla... rahasia.. tutukmu ndop, ditutup sing rapet pet pet...

    ReplyDelete
  44. @ndop:hualah keplak loh.. sssttt
    @ny minute:yup..happy editing hehehe

    ReplyDelete
  45. Ipiet,
    I had no idea why my post become like tht..Now,it's back to normal BUT the post became a bit"songsang".U go and check out: www.bestylish88.blogspot.com.

    Btw,can u give me ur email?so tht I can send the code to u to see what's wrong...

    tq

    ReplyDelete
  46. BS88:chayooo hehehehhe keep spirit
    here's my email
    cebong.ipit@gmail.com

    ReplyDelete
  47. "songsang" means terbalik in Malay Language.Or Upside down in English...hehehe....

    I will email u :0

    ReplyDelete
  48. Thanks for this usefull post..really its usefull

    http://softwareroxer.blogspot.com

    ReplyDelete
  49. Wow, smart tricks! This is what I'm looking for, thanks for sharing :)

    ReplyDelete
  50. This comment has been removed by the author.

    ReplyDelete
  51. how to convert wp theme into blogger? i'm using dreamweaver. pls send me the links of step by step tutorial. thank you

    ReplyDelete
  52. @mark: I didnt use any software, just copy wordpress theme css, and arrange blogger HTML with the same arrangement of wp theme
    even you can do this using Edit HTML ob your dashboard

    ReplyDelete
  53. Hi, how to convert blogspot template into html template ? I have to do this for my current job.

    Thx..

    ReplyDelete
  54. @wira: copy css. adjust it to your HTML code

    ReplyDelete
  55. So much easier than copying everything over to notepad! Thanks!

    ReplyDelete
  56. thanks for sharing
    it's useful ^^

    ReplyDelete
  57. i cant understand.. now i've done download n upload... but why my layout still use the old layout.. i try time to time.. but in the end.. still the same..:(

    ReplyDelete
  58. Coach outlet online Leading American designer and maker of luxury lifestyle handbags and accessories.Large market in Europe and Canada,UK,USA etc.Welcome to Order!2011 New Style arrive,Free Shipping!

    ReplyDelete

Hi, thanks for visiting. You can leave your comment here

 

Ipietoon - Blog Design and Online Business Blogging Since 2008