<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Timugon.com &#187; website layout</title>
	<atom:link href="http://timugon.com/tag/website-layout/feed" rel="self" type="application/rss+xml" />
	<link>http://timugon.com</link>
	<description>My Digital Journal, Inspiration and Resource</description>
	<lastBuildDate>Thu, 02 Feb 2012 08:41:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>WordPress Welcomes Bulknetwork.net</title>
		<link>http://timugon.com/2009/12/wordpress-welcomes-bulknetwork-net.html</link>
		<comments>http://timugon.com/2009/12/wordpress-welcomes-bulknetwork-net.html#comments</comments>
		<pubDate>Tue, 01 Dec 2009 07:44:00 +0000</pubDate>
		<dc:creator>javis</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[website layout]]></category>

		<guid isPermaLink="false">http://timugon.com/2009/12/wordpress-welcomes-bulknetwork-net.html</guid>
		<description><![CDATA[Migrating my blogger blog to WordPress hosting with Exabytes. Wait for bulknetwork.net new facelift in a screen near you! Recent Keywords:bulknetwork net (1)]]></description>
			<content:encoded><![CDATA[<p style="float:right; margin:0 0 10px 15px; width:240px;">
		<img src="http://i92.photobucket.com/albums/l22/gagaukon/bulknetworkonExabytes.jpg" width="240" />
		</p><div style="text-align: center;">Migrating my blogger blog to WordPress hosting with Exabytes. Wait for bulknetwork.net new facelift in a screen near you!</div>
<div style="text-align: center;"><a href="http://s92.photobucket.com/albums/l22/gagaukon/?action=view&amp;current=bulknetworkonExabytes.jpg" target="_blank"><img src="http://i92.photobucket.com/albums/l22/gagaukon/bulknetworkonExabytes.jpg" border="0" alt="exabytes,bulknetwork,contestblog" width="471" height="296" /></a></div>
<h4>Recent Keywords:</h4><ul><li>bulknetwork net (1)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://timugon.com/2009/12/wordpress-welcomes-bulknetwork-net.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Pimp Your Facebook Profile Page</title>
		<link>http://timugon.com/2009/10/how-to-pimp-your-facebook-profile-page.html</link>
		<comments>http://timugon.com/2009/10/how-to-pimp-your-facebook-profile-page.html#comments</comments>
		<pubDate>Mon, 19 Oct 2009 05:02:00 +0000</pubDate>
		<dc:creator>javis</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[facebook profile]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[pimp facebook]]></category>
		<category><![CDATA[website layout]]></category>

		<guid isPermaLink="false">http://timugon.com/2009/10/how-to-pimp-your-facebook-profile-page.html</guid>
		<description><![CDATA[Bored with your current facebook layout?! Changing facebook layout is never been easier. I’ve been searching for a handful of solutions to styling my Facebook background, and finally stumble upon this simple and easy solution. Pagerage plugins for Firefox and IE. To add styles and view the tweak from pagerage you need to use mozilla [...]]]></description>
			<content:encoded><![CDATA[<p style="float:right; margin:0 0 10px 15px; width:240px;">
		<img src="http://4.bp.blogspot.com/_DdMB0wG_z2c/Stv0TyBPQQI/AAAAAAAAAiw/WAJwqu-1eZQ/s400/RJ+stylised+FB+BG.jpg" width="240" />
		</p><p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_DdMB0wG_z2c/Stv20rdUvcI/AAAAAAAAAi4/lbgFk7QYYnI/s1600-h/FBpopst.jpg"><img id="BLOGGER_PHOTO_ID_5394176363585650114" style="FLOAT: right; MARGIN: 0pt 0pt 10px 10px; WIDTH: 244px; CURSOR: pointer; HEIGHT: 183px" alt="" src="http://4.bp.blogspot.com/_DdMB0wG_z2c/Stv20rdUvcI/AAAAAAAAAi4/lbgFk7QYYnI/s320/FBpopst.jpg" border="0" /></a>Bored with your current facebook layout?!</p>
<div style="TEXT-ALIGN: justify">Changing facebook layout is never been easier. I’ve been searching for a handful of solutions to styling my Facebook background, and finally stumble upon this simple and easy solution. <a href="http://www.pagerage.com/InstallYontooPlugin.aspx">Pagerage plugins for Firefox and IE</a>. To add styles and view the tweak from pagerage you need to use mozilla firefox with the plugins. Plugins also available for IE users, but i strongly encourage you to use firefox. Why?! you will know why after installing it.</div>
<div style="TEXT-ALIGN: justify">If you runs of slow computer, it is advisable not to install the plugins/extension because it will initially increace you FB&#8217;s pageload. But if you still want to stylish your FB&#8217;s layout just like what you have done for your myspace and friendster, you&#8217;ll loved this.</p>
<div style="TEXT-ALIGN: center"><span style="font-size:130%;"><span style="color:#666666;"><span style="FONT-WEIGHT: bold">So how do you change your Facebook layout with Pagerage?</span><br /></span></span></div>
<div style="TEXT-ALIGN: center"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_DdMB0wG_z2c/Stv0TyBPQQI/AAAAAAAAAiw/WAJwqu-1eZQ/s1600-h/RJ+stylised+FB+BG.jpg"><img id="BLOGGER_PHOTO_ID_5394173599387959554" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 478px; CURSOR: pointer; HEIGHT: 249px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_DdMB0wG_z2c/Stv0TyBPQQI/AAAAAAAAAiw/WAJwqu-1eZQ/s400/RJ+stylised+FB+BG.jpg" border="0" /></a><span style="font-size:85%;">You can view my pimped FB profile here http://www.facebook.com/roy.joroh </span></p>
</div>
<p>You must install a Firefox or Internet Explorer extension/plugin that allows you to view stylized facebook backgrounds. After you install and choose the background (at this point of time choices of background image still limited to certain categories), your friends can view yours, too; but they must also have the Firefox or Internet Explorer extension/plugins.<br /><span style="COLOR: rgb(102,102,102);font-size:130%;" ></p>
<p><span style="FONT-WEIGHT: bold">3 simple steps to change your Facebook layout (Make sure you are logged in with your facebook account)</span></span></p>
<p>1 &#8211; <a href="http://www.pagerage.com/InstallYontooPlugin.aspx">Download</a> the plugin for your browser (FF &amp; IE)</p>
<p>2 &#8211; Go back to PageRage and select <a href="http://www.pagerage.com/FacebookLayouts.aspx">your layout</a></p>
<p>3 &#8211; Share with your friends. This is the most important step because your friends can view your pimped profile only if they have downloaded the plugin.</p>
<p>So there you go! Enjoy pimping your Facebook. You can visit their <a href="http://pagerageblog.blogspot.com/">blog here</a> for tracking and support.</p>
<p></div>
<h4>Recent Keywords:</h4><ul><li>pimp your facebook profile (36)</li><li>pimp your facebook (35)</li><li>how to change fb layout (32)</li><li>change fb layout (27)</li><li>pimp my fb page (27)</li><li>pimp my fb profile (26)</li><li>pimp my fb (17)</li><li>pimp my facebook profile (17)</li><li>pimp my facebook background (16)</li><li>how to pimp your facebook profile (12)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://timugon.com/2009/10/how-to-pimp-your-facebook-profile-page.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Top Navigation Menu Bar Added</title>
		<link>http://timugon.com/2009/09/top-navigation-menu-bar-added.html</link>
		<comments>http://timugon.com/2009/09/top-navigation-menu-bar-added.html#comments</comments>
		<pubDate>Wed, 23 Sep 2009 07:53:00 +0000</pubDate>
		<dc:creator>javis</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[menu bar]]></category>
		<category><![CDATA[menu bar code]]></category>
		<category><![CDATA[top navigation menu]]></category>
		<category><![CDATA[website layout]]></category>

		<guid isPermaLink="false">http://timugon.com/2009/09/top-navigation-menu-bar-added.html</guid>
		<description><![CDATA[As you can see the top navigation bar had just recently added. This is the most important page element that this blog had been missing for quiet a while. After spending hours googling for the best solutions, i choose template hacks from allblogtools.com to furnish this site. I made some adjustment to the code, so [...]]]></description>
			<content:encoded><![CDATA[<p style="float:right; margin:0 0 10px 15px; width:240px;">
		<img src="http://i.drunk.googlepages.com/left01.png" width="240" />
		</p><div style="text-align: justify;">As you can see the top navigation bar had just recently added. This is the most important page element that this blog had been missing for quiet a while. After spending hours googling for the best solutions, i choose template  hacks from allblogtools.com to furnish this site. I made some adjustment to the code, so that it can support image and graphic (for RSS and Twitter Button) just like this picture below..</p>
<p><span style="font-size: large;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5384909992650289090" src="http://4.bp.blogspot.com/_DdMB0wG_z2c/SrsLG5tfL8I/AAAAAAAAAho/9yLE5b0a730/s640/TCbar.JPG" style="display: block; margin: 0px auto 10px; text-align: center;" /></span><br />If you want the code jump right in to <a href="http://www.allblogtools.com/tricks-and-hacks/how-to-add-top-navigation-menu-bar-to-blogger-blogspot/">allblogtools.com</a> for the original source. Or simply copy from here.</div>
<p>1) Go to Layout &gt;&gt; Edit HTML &gt;&gt; tick on Expand Widget Templates and find this code<br />
<blockquote><span style="font-size: 100%;"><code>&lt;/b:skin&gt;</code></span></p></blockquote>
<p>2) Paste this codes below just before the code<br />
<blockquote><code><span style="font-size: 100%;">/*TOP NAVIGATION BAR URL: http://www.timugon.com/ */</p>
<p>.basictab{</p>
<p>padding: 3px 0;</p>
<p>margin-left: 0;</p>
<p>font: bold 12px Verdana;</p>
<p>border-bottom: 1px solid gray;</p>
<p>list-style-type: none;</p>
<p>text-align: left; /*set to left, center, or right to align the menu*/</p>
<p>}</p>
<p>.basictab li{</p>
<p>display: inline;</p>
<p>margin: 0;</p>
<p>}</p>
<p>.basictab li a{</p>
<p>text-decoration: none;</p>
<p>padding: 3px 7px;</p>
<p>margin-right: 3px;</p>
<p>border: 1px solid gray;</p>
<p>border-bottom: none;</p>
<p>background-color: #f6ffd5;</p>
<p>color: #2d2b2b;</p>
<p>}</p>
<p>.basictab li a:visited{</p>
<p>color: #2d2b2b;</p>
<p>}</p>
<p>.basictab li a:hover{</p>
<p>background-color: #DBFF6C;</p>
<p>color: black;</p>
<p>}</p>
<p>.basictab li a:active{</p>
<p>color: black;</p>
<p>}</p>
<p>.basictab li.selected a{ /*selected tab effect*/</p>
<p>position: relative;</p>
<p>top: 1px;</p>
<p>padding-top: 4px;</p>
<p>background-color: #DBFF6C;</p>
<p>color: black;</p>
<p>}</span><br /></code></p></blockquote>
<p>3) Save template</p>
<p>4) Now, go to your Blogger Dashboard, Layout &gt;&gt; Page Elements &gt;&gt;and now above blog posts area, click add gadget,</p>
<p>5) Pick add HTML/Javascript and paaste this following codes</p>
<blockquote><p><code><span style="font-size: 100%;">&lt;ul class="basictab"&gt;</p>
<p>&lt;li class="selected"&gt;&lt;a href="http://www.timugon.com"&gt;TIMUGON.COM&lt;/a&gt;&lt;/li&gt;</p>
<p>&lt;li&gt;&lt;a href="XXXX.html(paste your url here)"&gt;ABOUT&lt;/a&gt;&lt;/li&gt;</p>
<p>&lt;li&gt;&lt;a href="XXXX.html(paste your url here)"&gt;EDIT HERE&lt;/a&gt;&lt;/li&gt;</p>
<p>&lt;li&gt;&lt;a href="http://www.timugon.com/2009/02/circle-of-friends.html"&gt;EDIT HERE&lt;/a&gt;&lt;/li&gt;</p>
<p>&lt;li&gt;&lt;a href="http://xxpasteyoururlherexx"&gt;&lt;img border="5" alt="Subscribe to RSS" width="30" src="http://i.drunk.googlepages.com/rss_left.png" height="25"/&gt;&lt;/a&gt;&lt;/li&gt;</p>
<p>&lt;li&gt;&lt;a href="http://twitter.com/gagaukon"&gt;&lt;img border="5" alt="Hey! Im on Twitter" width="30" src="http://i.drunk.googlepages.com/left01.png" height="25"/&gt;&lt;/a&gt;&lt;/li&gt;</p>
<p>&lt;/ul&gt;</span><br /></code></p></blockquote>
<div style="text-align: justify;">6) Save template and check your blog. Before proceeding with this tweak it is recommended that you save your blog template before doing this. This tweak work fine with my blog and hopefully same goes to you too. I also strongly advice you to copy the original codes from allblogtools.com.</p>
<p>Thats it, have fun and im out!</p>
<p></div>
]]></content:encoded>
			<wfw:commentRss>http://timugon.com/2009/09/top-navigation-menu-bar-added.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Layout Failure &#8211; Ten years of survival and still senseless</title>
		<link>http://timugon.com/2009/03/layout-failure-ten-years-of-survival-and-still-senseless.html</link>
		<comments>http://timugon.com/2009/03/layout-failure-ten-years-of-survival-and-still-senseless.html#comments</comments>
		<pubDate>Fri, 13 Mar 2009 00:24:00 +0000</pubDate>
		<dc:creator>javis</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[website layout]]></category>

		<guid isPermaLink="false">http://timugon.com/2009/03/layout-failure-ten-years-of-survival-and-still-senseless.html</guid>
		<description><![CDATA[The WORST website layout I‘ve ever seen. When I first saw this site upon googling around, I suddenly got distracted and feeling lost. My first reaction was Holy Cow!! WTF! ~ I do not know where to begin my reading, let alone navigating the website around. I have this feeling of being dumped into a [...]]]></description>
			<content:encoded><![CDATA[<p style="float:right; margin:0 0 10px 15px; width:240px;">
		<img src="http://i92.photobucket.com/albums/l22/gagaukon/worstwebsitelayout.jpg" width="240" />
		</p><div style="text-align: justify;">The WORST website layout I‘ve ever seen.</p>
</div>
<div style="text-align: justify;">
<div style="text-align: justify;">When I first saw this site upon googling around, I suddenly got distracted and feeling lost. My first reaction was Holy Cow!! WTF! ~ I do not know where to begin my reading, let alone navigating the website around. I have this feeling of being dumped into a weighty bushes and trying hard to get myself out. There are too many buttons to click on and too many links to choose. For me, this is one good example of “Total Failure” in designing websites. The only positive comment I can make is that the background is in white <img src='http://timugon.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </div>
<p>
<div style="text-align: center;">So here goes&#8230;</div>
<div style="text-align: center;"><a href="http://s92.photobucket.com/albums/l22/gagaukon/?action=view&amp;current=worstwebsitelayout.jpg" target="_blank"><img style="width: 524px; height: 343px;" src="http://i92.photobucket.com/albums/l22/gagaukon/worstwebsitelayout.jpg" alt="worst layout design" border="0" /></a></div>
<div style="text-align: justify;"></div>
</div>
<div style="text-align: justify;">
<div style="text-align: justify;">Have these people ever seen another web site?!!!</p>
<p>Obviously, yes! Upon checking the domain with dnscoop, it’s hard to believe that the site had been around for more that 10 years. PageRanked 4 by google and by the time of me writing this has 114,367 traffic ranks as acknowledged by alexa.</p>
<p><a href="http://www.timugon.com/2008/10/petrosains-sucks.html">In Malaysia</a>, the most recognized &#8216;worst navigation&#8217; website goes to <a href="http://www.timugon.com/2008/10/petrosains-sucks.html">Petrosains website</a>, but compared to this one, petrosains have much more senses than heavenworks.</p>
<p>Curious to find out more? visit <a href="http://www.havenworks.com/">havenworks.com</a> to see for yourself.</p>
<p></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://timugon.com/2009/03/layout-failure-ten-years-of-survival-and-still-senseless.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

