<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-9015570941546773038</id><updated>2012-01-20T21:15:47.310+08:00</updated><category term='Win 7'/><category term='Web Development'/><category term='Web Design'/><category term='Wordpress'/><category term='Easy Business Startup'/><category term='Web CMS applications'/><category term='Blogger - New'/><category term='Blogging'/><title type='text'>Doric Web Design</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>13</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-3930708841547040395</id><published>2011-08-23T17:00:00.000+08:00</published><updated>2010-06-03T13:42:35.118+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web Design'/><category scheme='http://www.blogger.com/atom/ns#' term='Web Development'/><title type='text'>Doric Web Design</title><content type='html'>&lt;div style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_KezhQ6waZT0/SpEROU5nd4I/AAAAAAAASTY/7hEqZ-SS4wU/s1600-h/licmsd.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5373094768255924098" src="http://4.bp.blogspot.com/_KezhQ6waZT0/SpEROU5nd4I/AAAAAAAASTY/7hEqZ-SS4wU/s400/licmsd.jpg" style="cursor: pointer; display: block; height: 94px; margin: 0px auto 10px; text-align: center; width: 294px;" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt; &lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://doricwebdesign.publishpath.com/"&gt;&lt;span style="font-weight: bold;"&gt;CMSLight&lt;/span&gt; reseller&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_KezhQ6waZT0/SpERHo0sKII/AAAAAAAASTQ/xjvrGXvXCds/s1600-h/terapad_button.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5373094653344884866" src="http://2.bp.blogspot.com/_KezhQ6waZT0/SpERHo0sKII/AAAAAAAASTQ/xjvrGXvXCds/s400/terapad_button.gif" style="cursor: pointer; display: block; height: 45px; margin: 0px auto 10px; text-align: center; width: 152px;" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt; &lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://doricwebdesign.terapad.com/"&gt;&lt;span style="font-weight: bold;"&gt;Terapad &lt;/span&gt;reseller&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_KezhQ6waZT0/SpEQ7JPb3CI/AAAAAAAASTI/hp90hzAJfmk/s1600-h/devhub.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5373094438708698146" src="http://3.bp.blogspot.com/_KezhQ6waZT0/SpEQ7JPb3CI/AAAAAAAASTI/hp90hzAJfmk/s400/devhub.png" style="cursor: pointer; display: block; height: 55px; margin: 0px auto 10px; text-align: center; width: 196px;" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt; &lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;devhub&lt;/span&gt; designer&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_KezhQ6waZT0/SpEQxeHJLVI/AAAAAAAASTA/Hk9D8eG7EEs/s1600-h/sdfghj.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5373094272512372050" src="http://2.bp.blogspot.com/_KezhQ6waZT0/SpEQxeHJLVI/AAAAAAAASTA/Hk9D8eG7EEs/s400/sdfghj.png" style="cursor: pointer; display: block; height: 58px; margin: 0px auto 10px; text-align: center; width: 170px;" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt; &lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;Blogger&lt;/span&gt; designer&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_KezhQ6waZT0/SpEQIww7E_I/AAAAAAAASSw/KlAQnrAl3ws/s1600-h/gsv.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5373093573144810482" src="http://2.bp.blogspot.com/_KezhQ6waZT0/SpEQIww7E_I/AAAAAAAASSw/KlAQnrAl3ws/s400/gsv.gif" style="cursor: pointer; display: block; height: 30px; margin: 0px auto 10px; text-align: center; width: 121px;" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt; &lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;Google Sites&lt;/span&gt; designer&lt;/div&gt;&lt;br /&gt;&lt;a href="http://1.bp.blogspot.com/_KezhQ6waZT0/SpEQABqpvdI/AAAAAAAASSo/1G8r839Pq24/s1600-h/screenssddfwhot.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5373093423063088594" src="http://1.bp.blogspot.com/_KezhQ6waZT0/SpEQABqpvdI/AAAAAAAASSo/1G8r839Pq24/s400/screenssddfwhot.png" style="cursor: pointer; display: block; height: 90px; margin: 0px auto 10px; text-align: center; width: 90px;" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;webs &lt;/span&gt;designer &lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_KezhQ6waZT0/SpEPDm4AYPI/AAAAAAAASSg/EThY3KhESOs/s1600-h/logo-200x80.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5373092385079189746" src="http://2.bp.blogspot.com/_KezhQ6waZT0/SpEPDm4AYPI/AAAAAAAASSg/EThY3KhESOs/s400/logo-200x80.jpg" style="cursor: pointer; display: block; height: 80px; margin: 0px auto 10px; text-align: center; width: 200px;" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;Webstarts&lt;/span&gt; designer &lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_KezhQ6waZT0/SpEO9D2mYbI/AAAAAAAASSY/PMbgSntrHkQ/s1600-h/wevbh.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5373092272598835634" src="http://2.bp.blogspot.com/_KezhQ6waZT0/SpEO9D2mYbI/AAAAAAAASSY/PMbgSntrHkQ/s400/wevbh.png" style="cursor: pointer; display: block; height: 76px; margin: 0px auto 10px; text-align: center; width: 234px;" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt; &lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;Webnode &lt;/span&gt;designer&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_KezhQ6waZT0/SpEOfDeP5nI/AAAAAAAASSI/HBYliqJeN5I/s1600-h/logo_home.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5373091757100623474" src="http://3.bp.blogspot.com/_KezhQ6waZT0/SpEOfDeP5nI/AAAAAAAASSI/HBYliqJeN5I/s400/logo_home.gif" style="cursor: pointer; display: block; height: 82px; margin: 0px auto 10px; text-align: center; width: 229px;" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt; &lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;Weebly&lt;/span&gt; designer&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_KezhQ6waZT0/SyoSZGWHn9I/AAAAAAAAUfQ/qLTNDIkG8Qk/s1600-h/ssslogo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_KezhQ6waZT0/SyoSZGWHn9I/AAAAAAAAUfQ/qLTNDIkG8Qk/s320/ssslogo.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;b&gt;Wix (Flash) &lt;/b&gt;designer&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_KezhQ6waZT0/SpEOYy-FH9I/AAAAAAAASSA/c6Y-YcSt52w/s1600-h/wrrrr.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5373091649591517138" src="http://4.bp.blogspot.com/_KezhQ6waZT0/SpEOYy-FH9I/AAAAAAAASSA/c6Y-YcSt52w/s400/wrrrr.png" style="cursor: pointer; display: block; height: 43px; margin: 0px auto 10px; text-align: center; width: 178px;" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt; &lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;Wordpress&lt;/span&gt; designer&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_KezhQ6waZT0/SpEOC5coStI/AAAAAAAASR4/bZ9dUPe0JG4/s1600-h/screenshot.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5373091273373141714" src="http://3.bp.blogspot.com/_KezhQ6waZT0/SpEOC5coStI/AAAAAAAASR4/bZ9dUPe0JG4/s400/screenshot.png" style="cursor: pointer; display: block; height: 90px; margin: 0px auto 10px; text-align: center; width: 90px;" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;Yola&lt;/span&gt; designer&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_KezhQ6waZT0/SuAADDFQ68I/AAAAAAAATV4/ZWlnBX2xff0/s1600-h/i_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_KezhQ6waZT0/SuAADDFQ68I/AAAAAAAATV4/ZWlnBX2xff0/s320/i_logo.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style="font-weight: bold;"&gt;e107&lt;/span&gt; designer&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_KezhQ6waZT0/Sydg8Mer12I/AAAAAAAAUdY/ardWfDPPxcE/s1600-h/kjiijj.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_KezhQ6waZT0/Sydg8Mer12I/AAAAAAAAUdY/ardWfDPPxcE/s320/kjiijj.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-3930708841547040395?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/3930708841547040395/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2009/08/doric-web-design.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/3930708841547040395'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/3930708841547040395'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2009/08/doric-web-design.html' title='Doric Web Design'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_KezhQ6waZT0/SpEROU5nd4I/AAAAAAAASTY/7hEqZ-SS4wU/s72-c/licmsd.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-7935441296924940063</id><published>2011-08-23T11:57:00.000+08:00</published><updated>2010-06-03T13:43:24.862+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Wordpress'/><title type='text'>Commercial Websites</title><content type='html'>I introduce small companies and individuals to the world of blogging and try to get them up and running with the goal of them handling everything once they get on their feet. My clients have responded best to following:&lt;br /&gt;&lt;br /&gt;- &lt;a href="http://wordpress.org/"&gt;Wordpress&lt;/a&gt;&lt;br /&gt;- &lt;a href="http://windowslivewriter.spaces.live.com/blog/cns%21D85741BB5E0BE8AA%21174.entry?sa=321177742"&gt;Windows Live Writer&lt;/a&gt;&lt;br /&gt;- &lt;a href="https://www.google.com/accounts/ServiceLogin?service=feedburner&amp;amp;continue=http%3A%2F%2Ffeedburner.google.com%2Ffb%2Fa%2Fmyfeeds&amp;amp;gsessionid=u_VYpZoAXfG16vMhs3zp3Q"&gt;Feedburner&lt;/a&gt;&lt;br /&gt;- &lt;a href="http://www.google.com/analytics/"&gt;Google Analytics&lt;/a&gt; and &lt;a href="http://103bees.com/"&gt;103bees&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;All in all, those tools seem to have the shortest learning curve and can help blogging newbies get going as quickly as possible.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-7935441296924940063?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/7935441296924940063/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2009/04/commercial-websites.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/7935441296924940063'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/7935441296924940063'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2009/04/commercial-websites.html' title='Commercial Websites'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-2198602223433041461</id><published>2010-12-31T17:56:00.002+08:00</published><updated>2010-12-31T17:56:44.571+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogging'/><title type='text'>What's the difference between a business blog and a normal website? Do blogs offer a business significant advantages?</title><content type='html'>&lt;embed width="452" height="361" quality="high" bgcolor="#000000" name="main" id="main" allowfullscreen="true" allowscriptaccess="always" src="http://videos.sitepronews.com/player/vPlayer.swf?f=http://videos.sitepronews.com/player/vConfig_embed.php?vkey=fa26d52b5b286226f2ce" type="application/x-shockwave-flash" /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-2198602223433041461?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/2198602223433041461/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2010/12/whats-difference-between-business-blog.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/2198602223433041461'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/2198602223433041461'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2010/12/whats-difference-between-business-blog.html' title='What&apos;s the difference between a business blog and a normal website? Do blogs offer a business significant advantages?'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-7466133233477835737</id><published>2010-12-09T16:41:00.000+08:00</published><updated>2010-12-09T16:41:23.238+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web CMS applications'/><title type='text'>Five tips for finding a cloud solution that's ready for your users</title><content type='html'>&lt;ul class="postData"&gt;&lt;li&gt;&lt;strong&gt;Date&lt;/strong&gt;: December 8th, 2010&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Author&lt;/strong&gt;: Sundar Raghavan&amp;nbsp;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;Cloud computing is here to stay. It has quickly earned a reputation  as a powerful business enabler, based on benefits such as scalability,  availability, on-demand access, rapid deployment, and low cost. IT-savvy  users in development and test functions have adopted the cloud model to  accelerate application lifecycles. And with recent innovations in  self-service access, users in consulting, training, and sales demo areas  are also becoming the direct consumers of cloud services.&lt;br /&gt;As these mainstream users adopt cloud services, many companies find  “infrastructure-oriented” cloud services to be intimidating and  difficult to use, since they were designed for IT pros. To be of value  to functional users, a business cloud solution must be simple and  self-service oriented, much like iTunes. This is especially important  because many companies do not have sufficient IT resources to help set  up, code, and customize cloud services.&lt;br /&gt;A business cloud solution should be &lt;em&gt;usable&lt;/em&gt; — not just  codeable –from day one. Here are some steps you can take to determine  whether a cloud solution is usable for your business.&lt;br /&gt;&lt;h2&gt;1: Verify that the cloud directly addresses your business problem&lt;/h2&gt;What business problem are you trying to solve with the cloud? Having  this type of focus can help you avoid the technology trap. If you’re  evaluating a cloud solution for multiple functional users, including  support, training, or business analysts, be sure that the cloud solution  addresses their needs. A cloud that offers pure infrastructure will  make it hard for functional users to accomplish business tasks without a  UI framework to guide the workflow. If you are moving to the cloud to  enable better collaboration across the team, ensure the cloud service  provider offers a granular user access model that enables teams to  assign rights to users based on their roles.&lt;br /&gt;&lt;h2&gt;2: Focus on usability&lt;/h2&gt;Today’s enterprise business users need a simple self-service cloud  solution that enables them to implement new ideas and collaborate with  customers. Usability includes requirements such as configurability,  self-service access, collaboration, visibility, and control. Ask  yourself these questions:&lt;br /&gt;&lt;ul class="unIndentedList"&gt;&lt;li&gt; Can the cloud be easily configured for different use-cases?&lt;/li&gt;&lt;li&gt; Does it deliver team management capabilities to enforce policies and role-based access?&lt;/li&gt;&lt;li&gt; Can your employees collaborate with prospects, customers, and partners and work on parallel streams without being constrained?&lt;/li&gt;&lt;li&gt; Does the cloud provide detailed usage reports and control mechanisms?&lt;/li&gt;&lt;/ul&gt;These are key requirements to enable business agility no matter the  size of your organization or the technical maturity of your team. These  capabilities will be applauded by your business users, as they don’t  have time to build new IT skill sets and sit through hours of cloud  training.&lt;br /&gt;&lt;h2&gt;3: Determine whether the cloud runs existing applications without any rewrites&lt;/h2&gt;Most users are already familiar with the business and technical  applications they use today, whether it’s email, training, or sales demo  applications. Clouds that power these applications without any changes  will deliver immediate value across your organization. Over the years,  we have learned firsthand that business users won’t wait for IT to build  or rewrite applications for use in the cloud. Time is money, and  neither the business user nor the IT department has any to waste. As a  result, the ability to run existing applications without any changes is a  key factor in determining whether a cloud is easy to use.&lt;br /&gt;&lt;h2&gt;4: Assess whether the cloud aligns cloud operating costs with business value&lt;/h2&gt;Cloud services do not require an upfront capital investment, but a  usage-based pricing model can lead to sticker shock. To ensure that your  cloud costs are in alignment with business value, see whether the cloud  provider offers a service that measures the value you receive on a  per-user basis. You can also ask whether the cloud provider offers  distinct pricing for users at different levels. This can help you avoid  paying the same fee for light and heavy users within your organization.  Find out whether the cloud allows you to apply quotas to individuals and  business units to cap usage at soft or hard budget limits. You will  also want to ask whether you can automatically suspend resources when  they are not in use to avoid the overuse of the cloud and resulting  costs.&lt;br /&gt;&lt;h2&gt;5: Pay special attention to responsive support&lt;/h2&gt;Successfully adopting new technologies, such as cloud computing,  often requires a responsive support organization that can attend to your  needs. Find out whether you can call a cloud provider directly or  whether you must work through an online form or email inquiry to  communicate about a cloud service. Also ensure that the support team  will respond to your inquiries within a few hours versus a day or more.&lt;br /&gt;&lt;h2&gt;The payoff&lt;/h2&gt;By following these steps to determine the cloud solution that’s right  for your users, your organization will be well equipped to drive  business agility, reduce costs, and accelerate your key business  activities.&lt;br /&gt;&lt;br /&gt;&lt;i&gt;Sundar Raghavan is chief product and marketing officer at &lt;a href="http://www.skytap.com/" target="_blank"&gt;Skytap&lt;/a&gt;,  a provider of cloud automation solutions. He is an industry veteran  with an 18-year career in product and marketing roles at Google, Ariba,  Arbor Software (now part of Oracle), and Microstrategy.&lt;/i&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-7466133233477835737?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/7466133233477835737/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2010/12/five-tips-for-finding-cloud-solution.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/7466133233477835737'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/7466133233477835737'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2010/12/five-tips-for-finding-cloud-solution.html' title='Five tips for finding a cloud solution that&apos;s ready for your users'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-8794286730914800381</id><published>2010-12-09T16:39:00.000+08:00</published><updated>2010-12-09T16:39:12.334+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Win 7'/><title type='text'>The most popular Windows Blog tips of 2010</title><content type='html'>&lt;ul class="postData"&gt;&lt;li&gt;&lt;strong&gt;Date&lt;/strong&gt;: December 7th, 2010&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Author&lt;/strong&gt;: Mark Kaelin&amp;nbsp;&lt;/li&gt;&lt;/ul&gt;While 2010 was the first full year of &lt;a href="http://www.microsoft.com/windows/default.aspx" target="_blank"&gt;Microsoft Windows 7&lt;/a&gt;,  the previous versions of that operating system still have an integral  role to play in many enterprises. Consequently, many of 2010’s most  popular &lt;a href="http://blogs.techrepublic.com.com/window-on-windows/" target="_blank"&gt;Windows Blog tips&lt;/a&gt; deal with Windows XP and Windows Vista.&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Product key&lt;/h2&gt;&lt;img alt="" class="alignright" height="97" src="http://i.techrepublic.com.com/gallery/320737.jpg" style="border: 0pt none; margin: 2px;" title="Windows" width="133" /&gt;The  one topic that TechRepublic members never seem to tire of is the  Windows Product Key. Of the top 10 or so Windows-related tips appearing  on TechRepublic, regardless of year published, three deal with this  topic.&lt;br /&gt;In the 2003 article, &lt;a href="http://articles.techrepublic.com.com/5100-10878_11-5034981.html" target="_blank"&gt;A workaround to XP installs when the product key is missing&lt;/a&gt;,  we explain how to discover the Product Key using an application known  as ViewKeyXP. The amazing thing about the popularity of this article is  that the ViewKeyXP application no longer works as of SP2.&lt;br /&gt;An updated explanation was published in 2006, &lt;a href="http://articles.techrepublic.com.com/5100-10878_11-5242778.html" target="_blank"&gt;Find a lost Windows product key&lt;/a&gt;. In this article, Jason Hiner explains how to find a lost Product Key using several different methods. My preference is the &lt;a href="http://www.belarc.com/free_download.html" target="_blank"&gt;Belarc Advisor&lt;/a&gt; utility.&lt;br /&gt;In 2009, I wrote an updated Windows Blog post on this topic, &lt;a href="http://blogs.techrepublic.com.com/window-on-windows/?p=1334" target="_blank"&gt;How do I change the Product Key in Windows XP? (Updated)&lt;/a&gt;.  This post explained how to use a tool from Microsoft that allows you to  change the Product Key associated with a Windows installation.&lt;br /&gt;This should go without saying, but from the emails we get during the  course of a year it apparently does need to be said in no uncertain  terms. All of these Product Key applications are for the legitimate and  necessary maintenance of a VALID, AUTHENTICATED, and PAID FOR  installation of Windows. TechRepublic does not condone the use of  pirated software, so please don’t send me an email asking for a Windows  Product Key.&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Recovery disk&lt;/h2&gt;In 2008, Greg Shultz wrote a blog post with the title, &lt;a href="http://blogs.techrepublic.com.com/window-on-windows/?p=622" target="_blank"&gt;Creating a Windows Vista Recovery CD&lt;/a&gt;. In it he explained how a website, &lt;a href="http://neosmart.net/blog/2008/windows-vista-recovery-disc-download/" target="_blank"&gt;Neosmart Files&lt;/a&gt;,  provides ISO images of Windows Recovery CDs. Greg’s blog post concerned  Windows Vista, but Neosmart has other ISO images available.&lt;br /&gt;&lt;h2&gt;Bootable USB drives&lt;/h2&gt;Another perennial favorite topic and one of the more popular Windows  topics in 2010 was the bootable Windows XP USB flash memory drive. Two  articles on this topic made the 10 most popular tips for the year, &lt;a href="http://articles.techrepublic.com.com/5100-10878_11-6160062.html" target="_blank"&gt;Illustrated walk-through: Creating a bootable USB flash drive for Windows XP&lt;/a&gt; (2007) and &lt;a href="http://articles.techrepublic.com.com/5100-22_11-5928902.html" target="_blank"&gt;SolutionBase: Boot Windows XP from a USB flash drive&lt;/a&gt; (2005).&lt;br /&gt;&lt;h2&gt;File extensions&lt;/h2&gt;When I first wrote this article in 2007, I did not expect it to generate much interest, boy was I wrong. The title, &lt;a href="http://articles.techrepublic.com.com/5100-10878_11-6172036.html" target="_blank"&gt;How do I change file extension associations in Windows Vista?&lt;/a&gt;,  seems very fundamental for Windows users, but apparently there is a  continuous need for an explanation on how perform this maintenance task.&lt;br /&gt;&lt;h2&gt;Remote desktop&lt;/h2&gt;Another surprising article was popular in 2010, &lt;a href="http://articles.techrepublic.com.com/5100-10878_11-6134548.html" target="_blank"&gt;Launching remote desktop from the command line in Windows XP Pro&lt;/a&gt;.  There is an extraordinary interest in how to script a remote desktop  connection. Windows XP’s remote desktop connection has an executable  file that can accept command line parameters and be run from a batch  file.&lt;br /&gt;&lt;h2&gt;Windows 7&lt;/h2&gt;The most popular Windows 7 tip of 2010, was &lt;a href="http://blogs.techrepublic.com.com/window-on-windows/?p=2033" target="_blank"&gt;Put the Classic Start menu in Windows 7 with Classic Shell&lt;/a&gt;.  It appears there a many TechRepublic members who prefer the old look  and feel of Windows XP and not the default configuration of Windows 7.  Change, especially with something as integral to our professional lives  as the PC, can be traumatic. However, I greatly prefer Windows 7 to any  previous version of Windows and I have adapted to the new user interface  without too much difficulty. I wonder if this tendency to look back at  XP for a preferred interface is merely a passing phase.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-8794286730914800381?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/8794286730914800381/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2010/12/most-popular-windows-blog-tips-of-2010.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/8794286730914800381'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/8794286730914800381'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2010/12/most-popular-windows-blog-tips-of-2010.html' title='The most popular Windows Blog tips of 2010'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-2433949401298994663</id><published>2009-06-12T11:33:00.003+08:00</published><updated>2010-05-29T13:20:16.508+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Easy Business Startup'/><title type='text'>FOR THOSE OF YOU WHO WANT TO START YOUR OWN BLOG</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i5.photobucket.com/albums/y189/mitchtanz/www.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://i5.photobucket.com/albums/y189/mitchtanz/www.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;There  is some point when someone wants to start his own business in the  internet that requires him to buy a hosting and a domain name. There are  a lot of free hosting services in the internet if you want to search.  Domain names are the same. A lot of free domain names available for free  in the internet. I always recommend for first timer to search and try  free services available in the internet, like free blog at blogger.com  or wordpress.com. Even Friendster also offers a free blog service.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;There  are free domain names available in the internet like .co.cc or .co.nr. I  still remember the first time I use .tk as my domain name. All of those  free domain name and web hosting are cool and worth to try, but like I  said at some point we will need a paid service.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;There  is a good Website Hosting service called Pickaweb. While originally it  is UK hosting company but it also gives service globally. The most  important thing you will look for if you choose a web hosting service is  the support (choose those who has 24×7 support via phone, chat and  email), uptime guarantee (no company can guarantee 100% uptime, but the  more the better). The other factor like price and features can be  compared among the other services and it depends on what you need.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-2433949401298994663?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.templatepanic.com/articles/for-those-of-you-who-want-to-start-your-own-blog' title='FOR THOSE OF YOU WHO WANT TO START YOUR OWN BLOG'/><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/2433949401298994663/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2009/06/for-those-of-you-who-want-to-start-your.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/2433949401298994663'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/2433949401298994663'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2009/06/for-those-of-you-who-want-to-start-your.html' title='FOR THOSE OF YOU WHO WANT TO START YOUR OWN BLOG'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-2408976222585239122</id><published>2009-06-12T11:10:00.005+08:00</published><updated>2011-06-27T17:33:11.255+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogging'/><title type='text'>ADVANTAGES OF FREE BLOGGING SERVICES</title><content type='html'>&lt;div class="MsoNormal"&gt;Are you new to blogging? People often ask me  about how to start from the very beginning. Should I buy my own domain  and look for a paid Web Hosting service to start blogging or just sign  up for an account in a site that offer free blogging service. Well,  there are two kinds depend on what your aim in the future. Here below  are the advantages and disadvantages between those two.&lt;br /&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;b&gt;The advantages of free blogging service: &lt;/b&gt;&lt;br /&gt;It  is easy to set up. You even no need to set up. Just sign up for a free  account and your blog is ready to go. &lt;br /&gt;Free blogging services are  usually easy to use. &lt;br /&gt;They are completely free, no need to pay for  a domain name and hosting service.&lt;br /&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;b&gt;The  disadvantages: &lt;/b&gt;&lt;br /&gt;The features to customize your blog are usually  limited. You have to follow the terms and conditions of service from the  company which provides the free blog service. &lt;br /&gt;The URL is not as  good as your own domain. Usually you will get yourname.blogsite.com  while with your own domain you can have yourname.com. &lt;br /&gt;It looks  less professional.&lt;/div&gt;&lt;div class="MsoNormal"&gt;But whatever you  choose is depend on what your purpose in making a blog. Which one is  better is according to you.&lt;/div&gt;&lt;div class="MsoNormal"&gt;Here are  the sites that provide the free blog service: &lt;br /&gt;Wordpress, Blogger,  Blogsome, Lifejournal and much more.&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_KezhQ6waZT0/SydiM3yom5I/AAAAAAAAUdo/A2h0qeFEE6E/s1600-h/kjiijj.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_KezhQ6waZT0/SydiM3yom5I/AAAAAAAAUdo/A2h0qeFEE6E/s320/kjiijj.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-2408976222585239122?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.templatepanic.com/articles/advantages-of-free-blogging-services' title='ADVANTAGES OF FREE BLOGGING SERVICES'/><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/2408976222585239122/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2009/06/advantages-of-free-blogging-services.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/2408976222585239122'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/2408976222585239122'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2009/06/advantages-of-free-blogging-services.html' title='ADVANTAGES OF FREE BLOGGING SERVICES'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_KezhQ6waZT0/SydiM3yom5I/AAAAAAAAUdo/A2h0qeFEE6E/s72-c/kjiijj.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-7856965201202325481</id><published>2009-05-22T14:52:00.008+08:00</published><updated>2010-03-20T10:52:43.873+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web CMS applications'/><title type='text'>Web CMS Applications</title><content type='html'>&lt;a href="http://4.bp.blogspot.com/_KezhQ6waZT0/ShZNjsM9VXI/AAAAAAAAPw8/fKD0tlavb0o/s1600-h/logo.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5338539683850573170" src="http://4.bp.blogspot.com/_KezhQ6waZT0/ShZNjsM9VXI/AAAAAAAAPw8/fKD0tlavb0o/s320/logo.gif" style="cursor: pointer; display: block; height: 64px; margin: 0px auto 10px; text-align: center; width: 265px;" /&gt;&lt;/a&gt;I've been a fan of AppAppeal all this year and found the vast majority of reviews to be excellent and helpful. Of the top four CMS [Content Management Site-ala Website builder/hosts] Devhub suits my information sites the best to monetize. I find that each has features that recommend it to a type of website.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Devhub&lt;/span&gt;’s main competition comes from other web-hosting solutions such as GoDaddy, Bravenet, and Google Pages, as well as from blogging platforms such as Blogger and Wordpress. The main difference between Devhub and the other free or low-cost web hosting platforms is the instant monetization and extensive reporting capabilities offered by Devhub. Devhub also offers a more complete CMS solution than the other sites. Blogger and Wordpress have been used by many people to create monetized websites, but this often requires more knowledge of HTML and other web languages in order to produce a professional-looking site. Devhub’s site editing tools are easier to use than any of the above-mentioned sites.&lt;br /&gt;&lt;br /&gt;Competitors to &lt;span style="font-weight: bold;"&gt;Weebly&lt;/span&gt; include Jimdo and Blinkweb. Both of these sites offer similar features to Weebly, with a basic account being free and an upgraded membership with more features available for a reasonable cost. Both sites give the user the ability to choose from a number of different templates, add pages or blogs, and utilize a variety of widgets. The main difference between Weebly and these two sites is that Weebly is much easier to use – the site editor used by Weebly is among the easiest on the web yet user’s can build a professional-looking website with it.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Snap Pages&lt;/span&gt; is an online application which makes it really easy to build websites. Of course there are plenty of different website editors, however this one is very simple and works online. It’s possible to use snappages to create a site by doing nothing more than dragging and dropping things around your screen. Not only are the websites really easy to create, but they are also very attractive and very professional. Too many similar systems make amateurish looking sites, however these are pretty nice. Users can easily select a variety of different themes, or they can customize the themes to create more unique sites. There are also many additional tools included such as photo management and calendar tools.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Yola &lt;/span&gt;offers a number of differences over other online web designers. This service offers free hosting and it’s possible to create websites by doing nothing more than pointing and clicking. You can then easily upload this site to your own hosting account, or host it for free on their servers. The whole system and process is very easy to use, you don’t need to know how to build websites, all you need to do is point, click and drag objects around to create your site. There’s no need to use expensive tools, or spend time learning complicated programming languages.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_KezhQ6waZT0/S6Q2uKdmSxI/AAAAAAAAV-M/D1jBNgv1cYs/s320/weebly.jpg" /&gt;&amp;nbsp;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt; &lt;/div&gt;&lt;div class="category_description"&gt;&lt;div class="summary_link"&gt;&lt;a href="http://www.appappeal.com/app/weebly/"&gt;Weebly Review&lt;/a&gt; &lt;/div&gt;&lt;div class="category_summary"&gt;Create a free website or blog in minutes by using a drag and drop interface.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_KezhQ6waZT0/S6Q3amSTY_I/AAAAAAAAV-U/PgACnIeyef8/s1600-h/devhubc.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_KezhQ6waZT0/S6Q3amSTY_I/AAAAAAAAV-U/PgACnIeyef8/s320/devhubc.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp; &lt;/div&gt;&lt;/div&gt;&lt;div class="category_description"&gt;&lt;div class="category_logo"&gt;&lt;/div&gt;&lt;div class="summary_link"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.appappeal.com/app/devhub/"&gt;DevHub Review&lt;/a&gt; &lt;br /&gt;&lt;div class="summary_rating"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="category_summary"&gt;DevHub is a free website builder and publishing platform with full monetization capabilities. &lt;/div&gt;&lt;/div&gt;&lt;div class="category_description"&gt;&lt;div class="category_logo"&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_KezhQ6waZT0/S6Q3ksD-QuI/AAAAAAAAV-c/VTQ59L2GOis/s1600-h/snappagesd.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_KezhQ6waZT0/S6Q3ksD-QuI/AAAAAAAAV-c/VTQ59L2GOis/s320/snappagesd.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="summary_link"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.appappeal.com/app/snappages/"&gt;SnapPages Review&lt;/a&gt;&amp;nbsp; &lt;/div&gt;&lt;div class="category_summary"&gt;SnapPages provides a suite of online applications for creating and maintaining your own website.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_KezhQ6waZT0/S6Q33f_ZzHI/AAAAAAAAV-k/d5ra7tLySgA/s1600-h/tyola.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_KezhQ6waZT0/S6Q33f_ZzHI/AAAAAAAAV-k/d5ra7tLySgA/s320/tyola.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="category_description"&gt;&lt;div class="category_logo"&gt;&lt;/div&gt;&lt;div class="summary_link"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.appappeal.com/app/yola/"&gt;Yola Review&lt;/a&gt; &lt;/div&gt;&lt;div class="category_summary"&gt;Yola allows you to build your own website quickly and will provide you with free hosting for your website. &lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-7856965201202325481?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.appappeal.com/apps/web-cms/' title='Web CMS Applications'/><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/7856965201202325481/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2009/05/web-cms-applications.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/7856965201202325481'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/7856965201202325481'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2009/05/web-cms-applications.html' title='Web CMS Applications'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_KezhQ6waZT0/ShZNjsM9VXI/AAAAAAAAPw8/fKD0tlavb0o/s72-c/logo.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-2408937452735950682</id><published>2009-04-23T19:16:00.000+08:00</published><updated>2009-04-23T19:52:05.883+08:00</updated><title type='text'>Blogger Buster: Tabbed Sidebar Navigation for Recent Posts, Labels and Archives</title><content type='html'>&lt;p&gt;These past few weeks, many readers have requested a tutorial for tabbed sidebar navigation, including integrated widgets for recent posts, labels and archives. This customization is a useful and stylish method to organize widgets in your sidebar (or other widgetized area of your blog template): it reduces the space used in your sidebar, and offers readers easy access to the information they may need about your blog.&lt;/p&gt; &lt;p&gt;So in this tutorial I will explain the method I use for tabbed navigation in Blogger Buster including all the code and CSS styling so you can customize your own tabbed widget to match the theme of your blog.&lt;/p&gt; &lt;p&gt;via &lt;a href="http://www.bloggerbuster.com/2008/08/tabbed-sidebar-navigation-for-recent.html" mce_href="http://www.bloggerbuster.com/2008/08/tabbed-sidebar-navigation-for-recent.html"&gt;Blogger Buster: Tabbed Sidebar Navigation for Recent Posts, Labels and Archives&lt;/a&gt;.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-2408937452735950682?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.bloggerbuster.com/2008/08/tabbed-sidebar-navigation-for-recent.html' title='Blogger Buster: Tabbed Sidebar Navigation for Recent Posts, Labels and Archives'/><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/2408937452735950682/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2009/04/blogger-buster-tabbed-sidebar.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/2408937452735950682'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/2408937452735950682'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2009/04/blogger-buster-tabbed-sidebar.html' title='Blogger Buster: Tabbed Sidebar Navigation for Recent Posts, Labels and Archives'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-1931135275365349026</id><published>2009-04-23T18:47:00.002+08:00</published><updated>2009-12-15T18:18:34.573+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger - New'/><title type='text'>Nice (Link) Titles</title><content type='html'>&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style="border-width: 0px; color: #39362f; font-family: Arial,sans-serif; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px 0px 20px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;&lt;a href="http://www.kryogenix.org/code/browser/nicetitle/" style="border-width: 0px; color: #666666; font-size: 12px; font-weight: bold; margin: 0px; outline-width: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"&gt;NiceTitle&lt;/a&gt; is a &lt;i style="border-width: 0px; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;relatively&lt;/i&gt; simple script that creates a div-container which pops up when a link (with the &lt;i style="border-width: 0px; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;title&lt;/i&gt; attribute) is hovered. This container shows what is written in the title attribute, plus the URL the link directs to.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="border-width: 0px; color: #39362f; font-family: Arial,sans-serif; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px 0px 20px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;&lt;img alt="" src="http://img217.imageshack.us/img217/6601/examplenicetitlegl5.gif" style="border: 1px solid rgb(223, 223, 223); font-size: 12px; margin: 0px; outline-width: 0px; padding: 4px; vertical-align: baseline;" /&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style="border-width: 0px; color: #39362f; font-family: Georgia,'Times New Roman',Times,serif; font-size: 22px; font-weight: normal; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px 0px 6px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;Installation&lt;/span&gt;&lt;/h2&gt;&lt;div style="border-width: 0px; color: #39362f; font-family: Arial,sans-serif; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px 0px 20px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;1. As a first step, you should download the script and upload it to your own server. The JS file can be found &lt;a href="http://www.kryogenix.org/code/browser/nicetitle/nicetitle.js" style="border-width: 0px; color: #666666; font-size: 12px; font-weight: bold; margin: 0px; outline-width: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"&gt;HERE&lt;/a&gt;.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="border-width: 0px; color: #39362f; font-family: Arial,sans-serif; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px 0px 20px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;2. From your Blogger Dashboard, go to Layout&amp;gt;Edit HTML (if you’re not a Blogger user, simply go to your HTML-edition section).&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="border-width: 0px; color: #39362f; font-family: Arial,sans-serif; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px 0px 20px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;3. Before , add the following line:&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;pre style="border-color: rgb(234, 234, 234); border-style: solid; border-width: 1px 1px 1px 3px; display: block; font-family: Monaco,monospace; font-size: 11px; margin: 0px 0px 20px; outline-width: 0px; overflow: auto; padding: 6px 12px; vertical-align: baseline; white-space: pre; width: auto;"&gt;&lt;script src="%3Cstrong%20style=" type="text/javascript"&gt;&lt;br /&gt;&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: red; "&gt;URL_nicetitle.js&lt;/span&gt;&lt;/b&gt;"&gt;&lt;br /&gt;&lt;/script&gt;&lt;/pre&gt;&lt;h2 style="border-width: 0px; color: #39362f; font-family: Georgia,'Times New Roman',Times,serif; font-size: 22px; font-weight: normal; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px 0px 6px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;Customization&lt;/span&gt;&lt;/h2&gt;&lt;div style="border-width: 0px; color: #39362f; font-family: Arial,sans-serif; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px 0px 20px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;1. Right before ]], add the following CSS code (if you’re not a Blogger user, simply add it to your global stylesheet):&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;pre style="border-color: rgb(234, 234, 234); border-style: solid; border-width: 1px 1px 1px 3px; display: block; font-family: Monaco,monospace; font-size: 11px; margin: 0px 0px 20px; outline-width: 0px; overflow: auto; padding: 6px 12px; vertical-align: baseline; white-space: pre; width: auto;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;&lt;b style="border-width: 0px; font-size: 11px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;&lt;span style="border-width: 0px; color: #000099; font-size: 11px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;div.nicetitle&lt;/span&gt;&lt;/b&gt; { background-color: #A38531; color: #fff; font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif; padding: 4px; position: absolute; top: 0; left: 0; text-align: left; width: 25em; z-index: 20; }  &lt;b style="border-width: 0px; font-size: 11px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;&lt;span style="border-width: 0px; color: #000099; font-size: 11px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;div.nicetitle p&lt;/span&gt;&lt;/b&gt; { margin: 0; padding: 0 3px; }  &lt;b style="border-width: 0px; font-size: 11px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;&lt;span style="border-width: 0px; color: #000099; font-size: 11px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;div.nicetitle p.destination&lt;/span&gt;&lt;/b&gt; { font-size: 9px; padding-top: 3px; text-align: left; }&lt;/span&gt;&lt;/pre&gt;&lt;div style="border-width: 0px; color: #39362f; font-family: Arial,sans-serif; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px 0px 20px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;a) &lt;i style="border-width: 0px; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;div.nicetitle{}&lt;/i&gt; is the main div container that pops up when the link is hovered. You can change the background (color or image), the font and border properties, and the width.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="border-width: 0px; color: #39362f; font-family: Arial,sans-serif; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px 0px 20px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;b) &lt;i style="border-width: 0px; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;div.nicetitle p&lt;/i&gt; is the paragraph inside the main container. There aren’t too many things to customize, but you can apply some padding and margins.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="border-width: 0px; color: #39362f; font-family: Arial,sans-serif; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px 0px 20px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;c) &lt;i style="border-width: 0px; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;div.nicetitle p.destination&lt;/i&gt; is the URL displayed belowed each link title. You can either opt to reduce the font-size there, or simply not displaying it (display: none;).&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="border-width: 0px; color: #39362f; font-family: Arial,sans-serif; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px 0px 20px; vertical-align: baseline;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;2. Do not forget that for the script to display this container, you should add the “title” attribute to (&lt;i style="border-width: 0px; font-size: 12px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;certain&lt;/i&gt;) links. A simple example here:&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;pre style="border-color: rgb(234, 234, 234); border-style: solid; border-width: 1px 1px 1px 3px; display: block; font-family: Monaco,monospace; font-size: 11px; margin: 0px 0px 20px; outline-width: 0px; overflow: auto; padding: 6px 12px; vertical-align: baseline; white-space: pre; width: auto;"&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;&lt;a href="http://www.blogger.com/site_URL" style="border-width: 0px; font-size: 11px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;title="&lt;i style="border-width: 0px; font-size: 11px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;&lt;span style="border-width: 0px; color: #003366; font-size: 11px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;"&gt;Text to be displayed&lt;/span&gt;&lt;/i&gt;"&amp;gt;Some text here&lt;/a&gt;&lt;/span&gt;&lt;/pre&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_KezhQ6waZT0/Sydia1cdUcI/AAAAAAAAUdw/O0UQBSTFPZQ/s1600-h/kjiijj.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/_KezhQ6waZT0/Sydia1cdUcI/AAAAAAAAUdw/O0UQBSTFPZQ/s320/kjiijj.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="color: #39362f;"&gt;&lt;span style="font-family: Arial;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="color: #39362f; font-family: Arial; font-size: 12px; line-height: 18px;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-1931135275365349026?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/1931135275365349026/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2009/04/nice-link-titles.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/1931135275365349026'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/1931135275365349026'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2009/04/nice-link-titles.html' title='Nice (Link) Titles'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_KezhQ6waZT0/Sydia1cdUcI/AAAAAAAAUdw/O0UQBSTFPZQ/s72-c/kjiijj.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-2289940176998681440</id><published>2009-04-23T18:39:00.001+08:00</published><updated>2009-04-23T18:49:47.197+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger - New'/><title type='text'>Moving Widgets</title><content type='html'>&lt;span class="Apple-style-span" style="font-family: Arial; color: rgb(57, 54, 47); font-size: 12px; line-height: 18px; "&gt;&lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; color: rgb(57, 54, 47); font-family: Arial, sans-serif; "&gt;The most common problem at the time of uploading a new template is that we “lose our widgets”. Is there a way of installing a new template without having to get rid of our beloved (and sometimes unnecessary) widgets? The answer is yes, and &lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; "&gt;yes&lt;/strong&gt;, it’s simple :).&lt;/p&gt;&lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; color: rgb(57, 54, 47); font-family: Arial, sans-serif; "&gt;What we should do, then, is simply go to Layout&gt; EditHTML and &lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; "&gt;without&lt;/strong&gt; checking the “Expand widget templates” box, look for code:&lt;/p&gt;&lt;pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 3px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; display: block; white-space: pre; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(234, 234, 234); border-right-color: rgb(234, 234, 234); border-bottom-color: rgb(234, 234, 234); border-left-color: rgb(234, 234, 234); font-family: Monaco, monospace; width: auto; overflow-x: auto; overflow-y: auto; "&gt;&lt;b:&lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; "&gt;section&lt;/strong&gt; class='&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(0, 153, 0); "&gt;sidebar&lt;/span&gt;' id='&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(0, 153, 0); "&gt;sidebar&lt;/span&gt;' preferred='yes'&gt;&lt;/pre&gt;&lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; color: rgb(57, 54, 47); font-family: Arial, sans-serif; "&gt;Under that line we will find our template’s widgets; we’ll see something like this:&lt;/p&gt;&lt;pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 3px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; display: block; white-space: pre; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(234, 234, 234); border-right-color: rgb(234, 234, 234); border-bottom-color: rgb(234, 234, 234); border-left-color: rgb(234, 234, 234); font-family: Monaco, monospace; width: auto; overflow-x: auto; overflow-y: auto; "&gt;&lt;b:&lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; "&gt;widget&lt;/strong&gt; id='&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(0, 0, 153); "&gt;BlogArchive1&lt;/span&gt;' locked='false' title='&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(0, 0, 153); "&gt;Archivo del blog&lt;/span&gt;' type='&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(0, 0, 153); "&gt;BlogArchive&lt;/span&gt;'/&gt; &lt;b:&lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; "&gt;widget&lt;/strong&gt; id='&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(255, 0, 0); "&gt;Profile1&lt;/span&gt;' locked='false' title='&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(255, 0, 0); "&gt;Datos personales&lt;/span&gt;' type='&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(255, 0, 0); "&gt;Profile&lt;/span&gt;'/&gt;  [...]&lt;/pre&gt;&lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; color: rgb(57, 54, 47); font-family: Arial, sans-serif; "&gt;Now, we copy those widgets and keep them save (wherever :D).&lt;/p&gt;&lt;h2 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 22px; vertical-align: baseline; line-height: 22px; color: rgb(57, 54, 47); font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; "&gt;We upload the template.&lt;/h2&gt;&lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; color: rgb(57, 54, 47); font-family: Arial, sans-serif; "&gt;Blogger will warn us that our widgets are going to be deleted. Obviously, we do &lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; "&gt;NOT &lt;/strong&gt;continue. We go to the same code where we took our widgets from:&lt;/p&gt;&lt;pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 3px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; display: block; white-space: pre; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(234, 234, 234); border-right-color: rgb(234, 234, 234); border-bottom-color: rgb(234, 234, 234); border-left-color: rgb(234, 234, 234); font-family: Monaco, monospace; width: auto; overflow-x: auto; overflow-y: auto; "&gt;&lt;b:&lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; "&gt;section&lt;/strong&gt; class='&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(0, 153, 0); "&gt;sidebar&lt;/span&gt;' id='&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(0, 153, 0); "&gt;sidebar&lt;/span&gt;' preferred='yes'&gt;&lt;/pre&gt;&lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; color: rgb(57, 54, 47); font-family: Arial, sans-serif; "&gt;And paste the widgets we copied. Right after the line above, and before:&lt;/p&gt;&lt;pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 3px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; display: block; white-space: pre; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(234, 234, 234); border-right-color: rgb(234, 234, 234); border-bottom-color: rgb(234, 234, 234); border-left-color: rgb(234, 234, 234); font-family: Monaco, monospace; width: auto; overflow-x: auto; overflow-y: auto; "&gt;&lt;/b:&lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; "&gt;section&lt;/strong&gt;&gt;&lt;/pre&gt;&lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; color: rgb(57, 54, 47); font-family: Arial, sans-serif; "&gt;In the end, the whole code should look like this:&lt;/p&gt;&lt;pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 3px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; display: block; white-space: pre; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(234, 234, 234); border-right-color: rgb(234, 234, 234); border-bottom-color: rgb(234, 234, 234); border-left-color: rgb(234, 234, 234); font-family: Monaco, monospace; width: auto; overflow-x: auto; overflow-y: auto; "&gt;&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(0, 153, 0); "&gt;&lt;b:&lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; "&gt;section&lt;/strong&gt; class='sidebar' id='&lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(0, 153, 0); "&gt;sidebar&lt;/span&gt;' preferred='yes'&gt;&lt;/span&gt;  &lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(153, 0, 0); "&gt;&lt;b:&lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; "&gt;widget&lt;/strong&gt; id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/&gt; &lt;b:&lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; "&gt;widget&lt;/strong&gt; id='Profile1' locked='false' title='Datos personales' type='Profile'/&gt;&lt;/span&gt;  &lt;span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; color: rgb(0, 153, 0); "&gt;&lt;/b:&lt;strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; "&gt;section&lt;/strong&gt;&gt;&lt;/span&gt; &lt;/pre&gt;&lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; color: rgb(57, 54, 47); font-family: Arial, sans-serif; "&gt;That’s it!&lt;/p&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-2289940176998681440?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/2289940176998681440/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2009/04/moving-widgets.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/2289940176998681440'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/2289940176998681440'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2009/04/moving-widgets.html' title='Moving Widgets'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-7362879357955068091</id><published>2009-04-03T22:16:00.003+08:00</published><updated>2009-04-03T23:47:12.090+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger - New'/><title type='text'>SOLUTION FOR BLOGGER XML ERROR MESSAGES</title><content type='html'>  &lt;p class="MsoNormal"&gt;&lt;b&gt;What to do:&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;1. Download the template you want to upload&lt;br /&gt;&lt;br /&gt;2. Get the &lt;b&gt;XML file&lt;/b&gt; and open in a &lt;b&gt;WordPad &lt;/b&gt;(right click --&gt; Open With --&gt; WordPad).&lt;br /&gt;&lt;br /&gt;3. &lt;b&gt;“Ctrl + F”&lt;/b&gt; and in the search box type &lt;b&gt;widget id&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;4. In every widget line it will display something like this : &lt;b&gt;&lt;b:widget id="'example1'&lt;/b"&gt;, replace that number for a any other one.&lt;br /&gt;&lt;i&gt;Example&lt;/i&gt;, if the widget says 1, erases it and place number 2 instead.&lt;br /&gt;So you will have something like this now: &lt;b&gt;&lt;b:widget id="'example2'&lt;/b"&gt;&lt;br /&gt;&lt;br /&gt;5. Do this to all widgets you find in you XML code. When you finish SAVE(Press CTRL+S)&lt;br /&gt;&lt;br /&gt;6. Go to &lt;b&gt;Blogger --&gt; Layout --&gt; HTML&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;7. &lt;b&gt;Upload &lt;/b&gt;--&gt; Preview / Save&lt;br /&gt;&lt;br /&gt;Done! Enjoy it.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;i&gt;Tip&lt;/i&gt;&lt;/b&gt;&lt;i&gt;: Rather than changing the number '1' into '2', and so on, change '1' into '11', '2' into '22'...or any other number you'd like. Higher value=better.&lt;/i&gt;&lt;/b:widget&gt;&lt;/b&gt;&lt;/b:widget&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;br /&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;br /&gt;&lt;b&gt;&lt;b:widget id="'example1'&lt;/b"&gt;&lt;b&gt;&lt;b:widget id="'example2'&lt;/b"&gt;&lt;/b:widget&gt;&lt;/b&gt;&lt;/b:widget&gt;&lt;/b&gt;&lt;/p&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;Klodian - &lt;/span&gt;&lt;/span&gt;Johan Ronsse&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a href="http://deluxetemplates.blogspot.com/"&gt;Deluxe Templates&lt;/a&gt;&lt;br /&gt;&lt;b&gt;&lt;b&gt;&lt;/b&gt;&lt;/b&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-7362879357955068091?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/7362879357955068091/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2009/04/solution-for-blogger-xml-error-messages.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/7362879357955068091'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/7362879357955068091'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2009/04/solution-for-blogger-xml-error-messages.html' title='SOLUTION FOR BLOGGER XML ERROR MESSAGES'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-9015570941546773038.post-5059763842224878010</id><published>2009-04-03T22:02:00.004+08:00</published><updated>2009-04-03T23:44:29.893+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger - New'/><title type='text'>HOW TO INSTALL NEW TEMPLATES WITHOUT LOSING WIDGETS?</title><content type='html'>It's frustrating to install a new template on your blog if you lose all your widgets. Here's how to avoid this problem and keep your old widgets on the blog when you install new templates. &lt;span style="font-weight: bold;"&gt;Don't worry&lt;/span&gt;, there's no coding involve. You just have to know where to copy and paste codes in your old template into your new template file.&lt;span id="fullpost"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 102, 0); font-weight: bold;"&gt;1. Save your current template first&lt;/span&gt;&lt;br /&gt;This is a must. Save the old one first just in case something screws up and you need to get back to the old template.&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 102, 0); font-weight: bold;"&gt;2. Use a text editor&lt;/span&gt;&lt;br /&gt;Don't do any coding in the Blogger Editor; it's too easy to mess things up. Get a text editor to do any code tweaking on your computer. If you have no idea what to use, just use &lt;a href="http://notepad-plus.sourceforge.net/uk/site.htm"&gt;Notepad++&lt;/a&gt;. Download the latest &lt;a href="http://sourceforge.net/project/showfiles.php?group_id=95717&amp;amp;package_id=102072"&gt;Notepad++ Installer.exe&lt;/a&gt; file. It's free and it makes it easier for you to do your coding.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(255, 102, 0);"&gt;3. Open up the old and new template XML files in the text editor&lt;/span&gt;&lt;br /&gt;Open them up because you'll need to copy some codes in the old template and paste them in the new template files. These codes that you'll copy and paste are basically the codes for your widgets. You don't have to understand what's going on inside the code; you just have to know where it is and what widget it is for.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(255, 102, 0);"&gt;4. Find out where the codes are located&lt;/span&gt;&lt;br /&gt;Look at the image below. See the  tag? Click on the image to make it larger. All the codes above this tag are mostly CSS, the type of code that controls the appearance (colors, fonts) of your blog. You don't need to copy/paste anything in this section.&lt;br /&gt;&lt;br /&gt;The codes below the  tag is the main XML code for your blog. Basically, it's the part that controls the layout (where the sidebars, widgets, headers are) and controls the data flow from Blogger into your blog. This is where all the codes for the widgets you want to save are located.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_vstR4q94fu8/SODLdnSGEgI/AAAAAAAAB_c/dbPLIkMRA1k/s1600-h/Widgets+code+body.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_vstR4q94fu8/SODLdnSGEgI/AAAAAAAAB_c/dbPLIkMRA1k/s400/Widgets+code+body.jpg" alt="" id="BLOGGER_PHOTO_ID_5251420875135521282" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;All your widgets are coded within the tag &lt;span style="font-weight: bold;"&gt;&lt;b:widget&gt; ... &lt;/b:widget&gt;&lt;/span&gt;. All the &lt;span style="font-weight: bold;"&gt;&lt;b:widget&gt;&lt;/b:widget&gt;&lt;/span&gt; tags must be located within the &lt;span style="font-weight: bold;"&gt;&lt;b:section&gt; ... &lt;/b:section&gt;&lt;/span&gt; tag. The structure looks something like this:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_KezhQ6waZT0/SdYZKzojs3I/AAAAAAAAOgc/t0VRZj1t_q4/s1600-h/dfgrtr.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 225px;" src="http://3.bp.blogspot.com/_KezhQ6waZT0/SdYZKzojs3I/AAAAAAAAOgc/t0VRZj1t_q4/s320/dfgrtr.jpg" alt="" id="BLOGGER_PHOTO_ID_5320467683234526066" border="0" /&gt;&lt;/a&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;&lt;br /&gt;The above is a sample code on how a widget code looks like in a template XML file. The main location of the widget is identified with the &lt;span style="font-weight: bold;"&gt;div id&lt;/span&gt; label. In this case, &lt;span style="font-weight: bold;"&gt;div id=sidebar-wrapper&lt;/span&gt;. Below the div id is the &lt;span style="font-weight: bold;"&gt;b:section&lt;/span&gt; tag. All widgets must be located within this &lt;span style="font-weight: bold;"&gt;b:section&lt;/span&gt; tag. You don't need to worry if you don't understand much about the &lt;span style="font-weight: bold;"&gt;div&lt;/span&gt; or &lt;span style="font-weight: bold;"&gt;b:section&lt;/span&gt; thingy. The important tag you have to know is the &lt;span style="font-weight: bold;"&gt;b:widget&lt;/span&gt; tag. Note that you can put as many widgets as you want inside the &lt;span style="font-weight: bold;"&gt;b:section&lt;/span&gt; tags.&lt;br /&gt;&lt;br /&gt;Here's an actual example of a widget tag embedded inside a &lt;span style="font-weight: bold;"&gt;b:section&lt;/span&gt; tag. The location is &lt;span style="font-weight: bold;"&gt;sidebar-wrapper&lt;/span&gt;, meaning that the widget is placed inside one of the sidebars in the blog. The widget is an image widget, as you can see it being labeled&lt;span style="font-weight: bold;"&gt; id='Image1'&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_vstR4q94fu8/SODHraHdqkI/AAAAAAAAB_U/Sw4Xn4Wd5bE/s1600-h/Widgets+code+sidebar.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_vstR4q94fu8/SODHraHdqkI/AAAAAAAAB_U/Sw4Xn4Wd5bE/s400/Widgets+code+sidebar.jpg" alt="" id="BLOGGER_PHOTO_ID_5251416714072926786" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;The most important thing to note is that the widget code starts with the &lt;span style="font-weight: bold;"&gt;&lt;b:widget&gt; tag &lt;/b:widget&gt;&lt;/span&gt;&lt;span&gt;and closed with the &lt;/span&gt; tag. This is the single most important thing you have to know when copying/pasting later on.Remember also that the widget is placed after the &lt;span style="font-weight: bold;"&gt;&lt;b:section&gt; &lt;/b:section&gt;&lt;/span&gt;tag and closed with the&lt;span style="font-weight: bold;"&gt; &lt;/span&gt; tag.&lt;br /&gt;&lt;br /&gt;Here's another example. The widget is a Linklist widget. You don't have to know the codes inside the widget tag because you won't have to change anything in there.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_vstR4q94fu8/SODHq7xc5yI/AAAAAAAAB_M/KlMeOl5Fexk/s1600-h/Widgets+code.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_vstR4q94fu8/SODHq7xc5yI/AAAAAAAAB_M/KlMeOl5Fexk/s400/Widgets+code.jpg" alt="" id="BLOGGER_PHOTO_ID_5251416705927538466" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(255, 102, 0);"&gt;5. Copy and paste the widgets into new template file&lt;/span&gt;&lt;br /&gt;Identify all the widgets you want to keep in your blog after template installation. Locate their codes in the old template file. Remember, these are the codes within the &lt;span style="font-weight: bold;"&gt;&lt;b:widget&gt;&lt;/b:widget&gt;&lt;/span&gt; tags and must be close properly with  &lt;span&gt;.&lt;/span&gt; Copy the codes for a widget that you want to keep and paste them in the new template file, within the  &lt;span style="font-weight: bold;"&gt;&lt;b:section&gt; &lt;/b:section&gt;&lt;/span&gt;tags at the location of your choice. Make sure the b:widget and b:section tags are closed properly.&lt;br /&gt;&lt;br /&gt;If you don't know the &lt;span style="font-weight: bold;"&gt;div id&lt;/span&gt; location you want to paste them in, just put them in any &lt;span style="font-weight: bold;"&gt;div id&lt;/span&gt;, but must be inside a &lt;span style="font-weight: bold;"&gt;b:section&lt;/span&gt; tag. It'll then show up as a widget in the &lt;span style="font-weight: bold;"&gt;Layout &gt; Page Elements&lt;/span&gt; page (as in the image below) and you can then drag and drop the widgets to any new location.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_vstR4q94fu8/SOFHXHAix2I/AAAAAAAAB_o/H5D3hgUrQww/s1600-h/page-element.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_vstR4q94fu8/SOFHXHAix2I/AAAAAAAAB_o/H5D3hgUrQww/s400/page-element.png" alt="" id="BLOGGER_PHOTO_ID_5251557102834599778" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(255, 102, 0);"&gt;6. Upload the new template as your new blog layout&lt;br /&gt;&lt;/span&gt;Once you've pasted all the widgets you want into your new template, upload the new template into your blog using the upload button shown below.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_vstR4q94fu8/SOFKPWseKsI/AAAAAAAAB_w/syO_DhSw8S4/s1600-h/upload.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_vstR4q94fu8/SOFKPWseKsI/AAAAAAAAB_w/syO_DhSw8S4/s400/upload.png" alt="" id="BLOGGER_PHOTO_ID_5251560268141308610" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(255, 102, 0);"&gt;7. If not sure, test this technique on a test blog first&lt;br /&gt;&lt;/span&gt;If you're not sure whether it'll work out okay, try it first in a test blog. Create a test blog with a few junk posts (lorem ipsum), create some widgets, and then try changing into new templates using the technique above. See if you can make it work.&lt;span style="font-weight: bold; color: rgb(255, 102, 0);"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(255, 102, 0);"&gt;------------------------------------&lt;/span&gt;&lt;/span&gt;&lt;h1&gt;OBT&lt;/h1&gt;&lt;br /&gt;&lt;a href="http://www.ourblogtemplates.com/" rel="nofollow" onclick=""&gt;Our Blogger Templates&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9015570941546773038-5059763842224878010?l=www.doric-web-design.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.doric-web-design.com/feeds/5059763842224878010/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.doric-web-design.com/2009/04/how-to-install-new-templates-without.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/5059763842224878010'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/9015570941546773038/posts/default/5059763842224878010'/><link rel='alternate' type='text/html' href='http://www.doric-web-design.com/2009/04/how-to-install-new-templates-without.html' title='HOW TO INSTALL NEW TEMPLATES WITHOUT LOSING WIDGETS?'/><author><name>Mitch Williamson</name><uri>https://profiles.google.com/100730533079219927284</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh6.googleusercontent.com/-zY5gNl2o4yY/AAAAAAAAAAI/AAAAAAAAAAA/99ayy6w3rA4/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_vstR4q94fu8/SODLdnSGEgI/AAAAAAAAB_c/dbPLIkMRA1k/s72-c/Widgets+code+body.jpg' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
