<?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>Zhohara</title>
	<atom:link href="http://zhohara.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://zhohara.com</link>
	<description></description>
	<lastBuildDate>Tue, 22 Nov 2011 13:36:17 +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>3 Steps to Finding Your Career Bliss</title>
		<link>http://zhohara.com/three-steps-to-find-career-bliss/</link>
		<comments>http://zhohara.com/three-steps-to-find-career-bliss/#comments</comments>
		<pubDate>Wed, 09 Nov 2011 13:49:43 +0000</pubDate>
		<dc:creator>zhohara</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Career]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[bliss]]></category>
		<category><![CDATA[career]]></category>
		<category><![CDATA[dreams]]></category>
		<category><![CDATA[passion]]></category>
		<category><![CDATA[resume]]></category>
		<category><![CDATA[talents]]></category>

		<guid isPermaLink="false">http://zhohara.com/?p=1201</guid>
		<description><![CDATA[Most of us think of work as drudgery. Something that HAS to be done rather than something that GETS to be done. The second biggest question I get asked is, &#8220;When am I going to find a job?&#8221; and behind that &#8220;How do I find a job I love?&#8221;  The answer is always the same to both questions. Simple, when you find your bliss, find what you would do for free because you love it so much, someone will pay you well to do it. That sounds over simplistic, I know but really, it goes back to how many of us really know what we want.  It&#8217;s across the board too, not just in work.  In love, in life, in career, even in health, we must have a clear idea of where we want to be.  The great thing about figuring out what we want, you don&#8217;t always have to have a clear idea of how to get there. &#160; When we are young we go through several dreams.  Boys and girls often fantasize about being cowboys, fireman, policemen, ballerinas, even rock stars, may envision being before they lose the ability to dream. While a few know from very early on that they have a passion for a certain field, say, a doctor, many still succumb to the ideas others may have about what they should become or, worse, what they shouldn&#8217;t expect to become.  Those overly high or overly low expectation of children and teenagers often form the basis ...]]></description>
			<content:encoded><![CDATA[Most of us think of work as drudgery. Something that HAS to be done rather than something that GETS to be done. The second biggest question I get asked is, &#8220;When am I going to find a job?&#8221; and behind that &#8220;How do I find a job I love?&#8221;  The answer is always the same to both questions. Simple, when you find your bliss, find what you would do for free because you love it so much, someone will pay you well to do it. That sounds over simplistic, I know but really, it goes back to how many of us really know what we want.  It&#8217;s across the board too, not just in work.  In love, in life, in career, even in health, we must have a clear idea of where we want to be.  The great thing about figuring out what we want, you don&#8217;t always have to have a clear idea of how to get there.

&nbsp;

When we are young we go through several dreams.  Boys and girls often fantasize about being cowboys, fireman, policemen, ballerinas, even rock stars, may envision being before they lose the ability to dream. While a few know from very early on that they have a passion for a certain field, say, a doctor, many still succumb to the ideas others may have about what they should become or, worse, what they shouldn&#8217;t expect to become.  Those overly high or overly low expectation of children and teenagers often form the basis for career choices later on in life.  They also form the attitudes towards work, especially if we saw our own parents or family members stuck in jobs about which they were not passionate.

Before we get to the list, let me dispel a few myths.  First, it is never too late to find your passion and go for it.  Second, most may want to scream at me by saying &#8220;But I need money.  How do I find my career bliss and make money at the same time?&#8221;.  You can find your career bliss little by little, step by step instead of making a sweeping change.  Sometimes finding a career you about which you are passionate takes extra schooling, or takes planting seeds and interviewing for a long while before it comes to fruition.  It can take as long as it takes so long as you are going for it.  The excitement of chasing the dream can renew that spark.

&nbsp;

So how do you find your career bliss?

1.  Take stock of your talents, hidden and overt.  What do you love doing?  What are your hobbies and interests?  What gets you excited about working?  Make a list of those hidden talents and then a list of potential jobs.  Let me give you an example.  You went to school to be an accountant because that&#8217;s what you father did when you were a kid.  You hate accounting BUT you love woodworking.  You are so excited about working with your hands, building something beautiful that will last generations and will grace someone&#8217;s home.  Maybe you are even good at it.  Do you know that skilled carpenters can make upwards of $30 an hour?  Or even better, furniture craftsman make pieces that sell for hundreds or thousands of dollars.  That&#8217;s just one example.   From that list of potential career choices, find one that matches your skill set.  If you want to become a doctor, for instance, and find that you maybe are not cut out for medical school, look at another medical career path.  There are many many jobs in the healthcare field that may make you excited to go to work.

2.  Look at your current job or, if you are unemployed, the path you are taking looking for work.  Is it one that excites you?  Is it one where you can&#8217;t WAIT to go to work every morning?  Is it, perhaps, a career path you love but don&#8217;t like the current position or workplace?  Make a list of everything you like, and even things you don&#8217;t.  From that list, you can make another list of what you can change, and another for what you cannot change or is out of your control.  Sometimes a change of attitude on your part makes the workplace much more tolerable.  Sometimes a change in jobs or positions within a company is warranted. And other times, it&#8217;s time to look for another career.

3.  Revamp your resume.  If you are looking to change career paths, or even career sectors, create resumes geared to those sectors.  You may be thinking &#8220;I have no experience as a carpenter!&#8221; but you may be a skilled wood worker with a portfolio of pieces.  If you want to go into advertising and have been an accountant, list your skills and what you have accomplished as an accountant and anything you did in that job that gave you an idea of why you want to go into advertising full time.

Don&#8217;t be afraid to take some classes, even in the evening, read publications geared towards your dream path, and dream about what it will be like to live your dream and find your career bliss.

Look for our book, coming out soon, &#8220;Find Your Bliss, Reveal Your Destiny!&#8221;.]]></content:encoded>
			<wfw:commentRss>http://zhohara.com/three-steps-to-find-career-bliss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>You Are Three Steps Away from Mr. Right</title>
		<link>http://zhohara.com/three-steps-away-from-m-right/</link>
		<comments>http://zhohara.com/three-steps-away-from-m-right/#comments</comments>
		<pubDate>Wed, 02 Nov 2011 10:11:56 +0000</pubDate>
		<dc:creator>zhohara</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Dating & Relationships]]></category>
		<category><![CDATA[adventures]]></category>
		<category><![CDATA[circle of friends]]></category>
		<category><![CDATA[cocoon]]></category>
		<category><![CDATA[Mr. Right]]></category>
		<category><![CDATA[new experiences]]></category>
		<category><![CDATA[six degrees of separation]]></category>

		<guid isPermaLink="false">http://zhohara.com/?p=1140</guid>
		<description><![CDATA[&#160; &#160; &#160; I believe strongly in the interconnection of people in our day to day lives. The &#8220;six degrees of separation&#8221; idea is that every person on the planet is about six steps away from, by introduction, any other person on the planet. Think of the statement &#8220;friend of a friend of a friend&#8221; and you will understand that you can be six steps or fewer away from your &#8220;perfect for you&#8221; life partner. So what should that mean to you? Well, in short, the more you get out there the more you widen your circle, the closer you are to meeting your perfect guy or gal. Now, I hear the collective &#8220;whine&#8221; rising up from behind my computer. &#8220;But I am so tired of getting out there.&#8221; &#8220;I never meet anyone I am attracted to.&#8221; &#8220;Noone is ever attracted to me.&#8221; or my favorite, &#8220;I am shy so I never leave my house.&#8221; Guess what? Although the potential for falling in love with the pizza delivery guy is there I suppose, taking a chance and doing something, one thing, ANYTHING, different will greatly influence your chance of meeting interesting people. If you have never heard the definition of insanity let me share it with you.  &#8221;Insanity is doing the same thing over and over and expecting a different outcome.&#8221;  You go to work, come home, sit on the sofa, watch TV, sit at the computer, MAYBE you try to meet someone on the internet via a photo and ...]]></description>
			<content:encoded><![CDATA[&nbsp;

<a href="http://zhohara.com/three-steps-away-from-m-right/six-degrees/" rel="attachment wp-att-1197"><img src="http://zhohara.com/wp-content/uploads/2011/11/six-degrees1.png" alt="" title="six-degrees" width="601" height="285" class="aligncenter size-full wp-image-1197" /></a>

&nbsp;

&nbsp;
<p style="text-align: justify;"></p>
<p style="text-align: justify;">I believe strongly in the interconnection of people in our day to day lives. The &#8220;six degrees of separation&#8221; idea is that every person on the planet is about six steps away from, by introduction, any other person on the planet. Think of the statement &#8220;friend of a friend of a friend&#8221; and you will understand that you can be six steps or fewer away from your &#8220;perfect for you&#8221; life partner.</p>
<p style="text-align: justify;">So what should that mean to you? Well, in short, the more you get out there the more you widen your circle, the closer you are to meeting your perfect guy or gal. Now, I hear the collective &#8220;whine&#8221; rising up from behind my computer. &#8220;But I am so tired of getting out there.&#8221; &#8220;I never meet anyone I am attracted to.&#8221; &#8220;Noone is ever attracted to me.&#8221; or my favorite, &#8220;I am shy so I never leave my house.&#8221; Guess what? Although the potential for falling in love with the pizza delivery guy is there I suppose, taking a chance and doing something, one thing, ANYTHING, different will greatly influence your chance of meeting interesting people.</p>
<p style="text-align: justify;">If you have never heard the definition of insanity let me share it with you.  &#8221;Insanity is doing the same thing over and over and expecting a different outcome.&#8221;  You go to work, come home, sit on the sofa, watch TV, sit at the computer, MAYBE you try to meet someone on the internet via a photo and a profile (more on that later), and you go to bed only to wake up and do the same thing again the next day.  While there are indeed slight chances to meet someone on the subway, chances are you are on autopilot going through your day to day lives.  You never even look up and see what is right in front of you. The person next to you might be everything you ever dreamed of but  they are on autopilot as well.</p>
<p style="text-align: justify;">If you want to &#8220;date to mate&#8221; you have to get out there, do something different, look up every once in awhile.  I am not saying you have to take a class or join a single&#8217;s club if you don&#8217;t want to do so.  I am telling you that taking a class would expand your mind and introduce you to like minded people who might be perfectly wonderful or know someone perfectly wonderful so it&#8217;s worth a thought.  Even if you stopped at a bookstore or started to market in a different neighborhood, took up jogging or found an interest in sailing,  found a farmer&#8217;s market or picked your own strawberries, your &#8220;perfect for you&#8221; mate is really just six or fewer steps away from you.</p>
<p style="text-align: justify;">If you never leave your cocoon, there is still a chance.  Cute new neighbors or their cute old college buddies, painters, plumbers, mechanics or delivery people could make potential mates.  If you never leave your cocoon, however, I strongly suspect you will never know that, right around the corner could be your great love!</p>]]></content:encoded>
			<wfw:commentRss>http://zhohara.com/three-steps-away-from-m-right/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dating is NOT a Bowl of Pasta</title>
		<link>http://zhohara.com/dating-is-not-a-bowl-of-pasta/</link>
		<comments>http://zhohara.com/dating-is-not-a-bowl-of-pasta/#comments</comments>
		<pubDate>Wed, 26 Oct 2011 13:02:35 +0000</pubDate>
		<dc:creator>zhohara</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Dating & Relationships]]></category>
		<category><![CDATA[dating]]></category>
		<category><![CDATA[dating for mating]]></category>
		<category><![CDATA[Mr. Right]]></category>
		<category><![CDATA[relationship]]></category>

		<guid isPermaLink="false">http://zhohara.com/?p=180</guid>
		<description><![CDATA[Hello readers! So you have decided it&#8217;s time to settle down.  Maybe you are getting a bit older or maybe you are tired of the dating scene and you just want that special guy or gal.  Whatever your reasons for wanting to find Mr. or Ms. Right, we need to get one thing straight right now.  Dating is NOT a bowl of pasta.  I am not suggesting you not date around, even more than one at a time.  I am telling you that HOW you go about dating is more important than HOW MANY you date. The first thing about &#8220;dating for mating&#8221; you need to understand is that you have to be clear about what it is you want but you have to also have the flexibility to get that you don&#8217;t always know what you need.   You may have dated so many of the wrong men or women that you think you will never find the right one, but remember, they are all wrong until one is right one. [wp_quote]You have to kiss a lot of frogs before you find your prince&#8230;[/wp_quote] So why do I say dating is not a bowl of pasta?  Most people, when they start to think about settling down, do so without any real plan.  They throw whatever they are dating against a wall and see what sticks.  Now, that may not sound like a bad way to do it.  After all, I am telling you to date around, right?  There is ...]]></description>
			<content:encoded><![CDATA[<img src="http://zhohara.com/wp-content/uploads/2011/10/girl-holding-heart1-150x150.png" alt="" title="girl-holding-heart" width="150" height="150" class="alignleft size-thumbnail wp-image-1117" />

Hello readers!

So you have decided it&#8217;s time to settle down.  Maybe you are getting a bit older or maybe you are tired of the dating scene and you just want that special guy or gal.  Whatever your reasons for wanting to find Mr. or Ms. Right, we need to get one thing straight right now.  Dating is NOT a bowl of pasta.  I am not suggesting you not date around, even more than one at a time.  I am telling you that HOW you go about dating is more important than HOW MANY you date.

The first thing about &#8220;dating for mating&#8221; you need to understand is that you have to be clear about what it is you want but you have to also have the flexibility to get that you don&#8217;t always know what you need.   You may have dated so many of the wrong men or women that you think you will never find the right one, but remember, they are all wrong until one is right one.

[wp_quote]You have to kiss a lot of frogs before you find your prince&#8230;[/wp_quote]

So why do I say dating is not a bowl of pasta?  Most people, when they start to think about settling down, do so without any real plan.  They throw whatever they are dating against a wall and see what sticks.  Now, that may not sound like a bad way to do it.  After all, I am telling you to date around, right?  There is a difference to dating with a plan and flailing around trying to make something stick.

Dating with a plan involves figuring out your ideas of a &#8220;perfect for you&#8221; mate.  I don&#8217;t mean figuring out the height and weight , hair color, etc.(although having an idea of what you like is definitely a great manifesting tool) . I am talking about figuring out what emotional needs you have and what attributes in a mate would suit meeting those needs.  Look at your own abilities to meet the needs of your partner as well.  An example of figuring out which attributes compliment your own would be if you are a fiercely independent person, don&#8217;t look for a man that is clingy or wants to spend every moment with you.  If you are a person who needs a lot of attention, don&#8217;t attempt to have a relationship with a person who is fiercely independent.

The flipside to this is being TOO picky.  You can get the image of what you want so ingrained in your mind that you develop tunnel vision.  Remember, you may meet someone with your exact physical desires and he or she could be totally wrong for you emotionally.  Conversely, someone you may not have pictured in your mind may be just what you are looking for but you will pass them by because of the image in your mind. There is a balance even in manifesting the partner of your dreams.

I do subscribe to the &#8220;say yes to everyone&#8221; who asks you out for 30 days school of thought while you are in the process of figuring out what you want.  This helps you get an idea of what you do and don&#8217;t like in a potential mate.  You do this only for 30 to 60 days before you start to narrow down the field.  In that 30 days, stay &#8220;out&#8221; as much as possible, and don&#8217;t be afraid to do new things.  More on doing new things in future posts.

You still don&#8217;t get why I say &#8220;dating is not a bowl of pasta&#8221;.  Many times when dating you may be tempted to make every dating scenario a relationship even when you may not even like the person.  You try just for the sake of not being alone.  This is a mistake.  This is settling.  You aren&#8217;t alone if you are dating.  You can&#8217;t find that really special man or woman if you are settling.  Remember that.

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;]]></content:encoded>
			<wfw:commentRss>http://zhohara.com/dating-is-not-a-bowl-of-pasta/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Shortcodes &#8211; Columns</title>
		<link>http://zhohara.com/shortcodes-columns/</link>
		<comments>http://zhohara.com/shortcodes-columns/#comments</comments>
		<pubDate>Wed, 27 Jul 2011 22:32:42 +0000</pubDate>
		<dc:creator>zhohara</dc:creator>
				<category><![CDATA[Features]]></category>
		<category><![CDATA[columns]]></category>
		<category><![CDATA[shortcodes]]></category>

		<guid isPermaLink="false">http://localhost/00Working/w-metrolo-demoblog/?p=329</guid>
		<description><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax. One-Half [togglebox title="Shortcode"] [wp_pre] [/wp_pre] [/togglebox] [top] One-Third [togglebox title="Shortcode"] [wp_pre] [/wp_pre] [/togglebox] [top] Two-Third [togglebox title="Shortcode"] [wp_pre] [/wp_pre] [/togglebox] [togglebox title="Shortcode"] [wp_pre] [/wp_pre] [/togglebox] [top] One-Fourth [togglebox title="Shortcode"] [wp_pre] [/wp_pre] [/togglebox] [togglebox title="Shortcode"] [wp_pre] [/wp_pre] [/togglebox] [togglebox title="Shortcode"] [wp_pre] [/wp_pre] [/togglebox] [togglebox title="Shortcode"] [wp_pre] [/wp_pre] [/togglebox] [top] One-Fifth [togglebox title="Shortcode"] [wp_pre] [/wp_pre] [/togglebox] [top] Two-Fifth &#038; Three-Fifth [togglebox title="Shortcode"] [wp_pre] [/wp_pre] [/togglebox] [top]]]></description>
			<content:encoded><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax.
<h3>One-Half</h3>

<div class="col-1-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit.</div> <div class="col-1-2 last">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit.</div>

[togglebox title="Shortcode"] [wp_pre]<div class="col-1-2">Content</div> <div class="col-1-2 last">Content</div>[/wp_pre] [/togglebox]

[top]
<h3>One-Third</h3>

<div class="col-1-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit.</div> <div class="col-1-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit.</div> <div class="col-1-3 last">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit.</div>

[togglebox title="Shortcode"] [wp_pre]<div class="col-1-3">Content</div> <div class="col-1-3">Content</div> <div class="col-1-3 last">Content</div>[/wp_pre] [/togglebox]

[top]
<h3>Two-Third</h3>

<div class="col-2-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.</div> <div class="col-1-3 last">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit.</div>

[togglebox title="Shortcode"] [wp_pre]<div class="col-2-3">Content</div> <div class="col-1-3 last">Content</div>[/wp_pre] [/togglebox]

<div class="col-1-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit.</div> <div class="col-2-3 last">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.</div>

[togglebox title="Shortcode"] [wp_pre]<div class="col-1-3">Content</div> <div class="col-2-3 last">Content</div> [/wp_pre] [/togglebox]

[top]
<h3>One-Fourth</h3>

<div class="col-1-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="col-1-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="col-1-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="col-1-4 last">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>

[togglebox title="Shortcode"] [wp_pre]<div class="col-1-4">Content</div> <div class="col-1-4">Content</div> <div class="col-1-4">Content</div> <div class="col-1-4 last">Content</div> [/wp_pre] [/togglebox]

<div class="col-1-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit.</div> <div class="col-1-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim.</div> <div class="col-1-4 last">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim.</div>

[togglebox title="Shortcode"] [wp_pre]<div class="col-1-2">Content</div> <div class="col-1-4">Content</div> <div class="col-1-4 last">Content</div> [/wp_pre] [/togglebox]

<div class="col-1-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim.</div> <div class="col-1-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim.</div> <div class="col-1-2 last">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit.</div>

[togglebox title="Shortcode"] [wp_pre]<div class="col-1-4">Content</div> <div class="col-1-4">Content</div> <div class="col-1-2 last">Content</div> [/wp_pre] [/togglebox]

<div class="col-1-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim.</div> <div class="col-1-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend  arcu, augue quis elit.</div> <div class="col-1-4 last">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Proin facilisis, risus vitae scelerisque dignissim.</div>

[togglebox title="Shortcode"] [wp_pre]<div class="col-1-4">Content</div> <div class="col-1-2">Content</div> <div class="col-1-4 last">Content</div> [/wp_pre] [/togglebox]

[top]
<h3>One-Fifth</h3>

<div class="col-1-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="col-1-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="col-1-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="col-1-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="col-1-5 last">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>

[togglebox title="Shortcode"] [wp_pre]<div class="col-1-5">Content</div> <div class="col-1-5">Content</div> <div class="col-1-5">Content</div> <div class="col-1-5">Content</div> <div class="col-1-5 last">Content</div> [/wp_pre] [/togglebox]

[top]
<h3>Two-Fifth &#038; Three-Fifth</h3>

<div class="col-3-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="col-2-5 last">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>

[togglebox title="Shortcode"] [wp_pre]<div class="col-3-5">Content</div> <div class="col-2-5 last">Content</div> [/wp_pre] [/togglebox]

[top]]]></content:encoded>
			<wfw:commentRss>http://zhohara.com/shortcodes-columns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shortcodes &#8211; Display Elements</title>
		<link>http://zhohara.com/shortcodes-display-elements/</link>
		<comments>http://zhohara.com/shortcodes-display-elements/#comments</comments>
		<pubDate>Wed, 27 Jul 2011 20:04:31 +0000</pubDate>
		<dc:creator>zhohara</dc:creator>
				<category><![CDATA[Features]]></category>
		<category><![CDATA[features]]></category>
		<category><![CDATA[shortcodes]]></category>

		<guid isPermaLink="false">http://localhost/00Working/w-metrolo-demoblog/?p=253</guid>
		<description><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt &#8216;Shortcode Generator&#8217; so you don&#8217;t have to go around hunting for Shortcode syntax. Dropcap [dropcap]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arc.[/dropcap] [top] Highlight Special notes can be highlighted using the &#8216;highlight&#8217; shortcode. Use from a pre-existing set of colors (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple) or set your own background color and text color. [highlight color="black"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/highlight] [highlight color="gray"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/highlight] [highlight color="white"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/highlight] [highlight color="blue"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/highlight] [highlight color="yellow"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/highlight] [highlight color="red"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/highlight] [highlight color="orange"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/highlight] [highlight color="green"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/highlight] [highlight color="pink"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/highlight] [highlight color="purple"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/highlight] [linebreak] [linebreak] [togglebox title="Shortcode"]Preset Colors: [wp_pre][highlight color="gray"]Some Text[/highlight][/wp_pre]Custom Colors: [wp_pre][highlight bg_color="#aa0000" text_color="#ffffff"]Some Text[/highlight][/wp_pre] [/togglebox] [top] Buttons Buttons come in 3 sizes &#8211; small, medium and large. Once again, you can choose from pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or set your own background ...]]></description>
			<content:encoded><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt &#8216;Shortcode Generator&#8217; so you don&#8217;t have to go around hunting for Shortcode syntax.
<h3>Dropcap</h3>
[dropcap]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arc.[/dropcap]

[top]
<h3>Highlight</h3>
Special notes can be highlighted using the &#8216;highlight&#8217; shortcode. Use from a pre-existing set of colors (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple) or set your own background color and text color.

[highlight color="black"]Lorem ipsum dolor sit amet, <a href="http://zhohara.com/shortcodes-display-elements">consectetur</a> adipiscing elit.[/highlight]
[highlight color="gray"]Lorem ipsum dolor sit amet, <a href="http://zhohara.com/shortcodes-display-elements">consectetur</a> adipiscing elit.[/highlight]
[highlight color="white"]Lorem ipsum dolor sit amet, <a href="http://zhohara.com/shortcodes-display-elements">consectetur</a> adipiscing elit.[/highlight]
[highlight color="blue"]Lorem ipsum dolor sit amet, <a href="http://zhohara.com/shortcodes-display-elements">consectetur</a> adipiscing elit.[/highlight]
[highlight color="yellow"]Lorem ipsum dolor sit amet, <a href="http://zhohara.com/shortcodes-display-elements">consectetur</a> adipiscing elit.[/highlight]
[highlight color="red"]Lorem ipsum dolor sit amet, <a href="http://zhohara.com/shortcodes-display-elements">consectetur</a> adipiscing elit.[/highlight]
[highlight color="orange"]Lorem ipsum dolor sit amet, <a href="http://zhohara.com/shortcodes-display-elements">consectetur</a> adipiscing elit.[/highlight]
[highlight color="green"]Lorem ipsum dolor sit amet, <a href="http://zhohara.com/shortcodes-display-elements">consectetur</a> adipiscing elit.[/highlight]
[highlight color="pink"]Lorem ipsum dolor sit amet, <a href="http://zhohara.com/shortcodes-display-elements">consectetur</a> adipiscing elit.[/highlight]
[highlight color="purple"]Lorem ipsum dolor sit amet, <a href="http://zhohara.com/shortcodes-display-elements">consectetur</a> adipiscing elit.[/highlight]

[linebreak] [linebreak]

[togglebox title="Shortcode"]Preset Colors: [wp_pre][highlight color="gray"]Some Text[/highlight][/wp_pre]Custom Colors: [wp_pre][highlight bg_color="#aa0000" text_color="#ffffff"]Some Text[/highlight][/wp_pre] [/togglebox]

[top]
<h3>Buttons</h3>
Buttons come in 3 sizes &#8211; small, medium and large. Once again, you can choose from pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or set your own background color and text color.

<button     class="btn " type="button" ><span>Button</span></button> <button     class="btn " type="button" ><span>Button with Long Text</span></button> <button     class="btn " type="button" ><span>Button</span></button> <div class="clear"></div>

Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet, <button     class="btn " type="button" ><span>Right aligned Button</span></button> consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet.

[togglebox title="Shortcode"]Preset Colors: [wp_pre]<button     class="btn " type="button" ><span>text</span></button> <div class="clear"></div>[/wp_pre]Custom Colors: [wp_pre]<button     class="btn " type="button" ><span>text</span></button> <div class="clear"></div>[/wp_pre] [/togglebox]

[top]
<h3>Break &amp; Top</h3>
Use break for creating sections and top for going to the top of the page.

[break]

[togglebox title="Shortcode"][wp_pre][break][/wp_pre] [wp_pre][top][/wp_pre][/togglebox]

[top]
<h3>Google Maps</h3>
Fill in the <a href="http://zhohara.com/recommends/coordinates/3/" class="clicky_log_outbound">coordinates</a>, and you have yourself a Google Map

[map width="540" height="300" lat="38.26" long="-85.62" zoom="8"]

[togglebox title="Shortcode"][wp_pre] [map width="540" height="300" lat="38.26" long="-85.62" zoom="8"] [/wp_pre][/togglebox]

[top]
<h3>Align &#8211; Left, Right &amp; Center</h3>
[align_left]<img class="size-thumbnail wp-image-279" title="pic01" src="http://zhohara.com/wp-content/uploads/2011/09/Image11-150x150.gif" alt="" width="150" height="150" />[/align_left] Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet. [align_right]<img class="size-thumbnail wp-image-279" title="pic01" src="http://zhohara.com/wp-content/uploads/2011/09/Image11-150x150.gif" alt="" width="150" height="150" />[/align_right] Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit dolor sit amet, risus vitae scelerisque dignissim, eros consectetur amet. [align_center]<img class="size-thumbnail wp-image-279" title="pic01" src="http://zhohara.com/wp-content/uploads/2011/09/Image11-150x150.gif" alt="" width="150" height="150" />[/align_center] Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet.
[linebreak]

[togglebox title="Shortcode"][wp_pre][align_center]Content[/align_center] [/wp_pre][/togglebox]

[top]
<h3>Frame &#8211; Left, Right &amp; Center</h3>
[frame_left src="http://zhohara.com/wp-content/uploads/2011/09/Image11-150x150.gif" href="http://google.com"]Left Frame[/frame_left] Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet. [frame_right src="" href=""] [wp_quote]Right Frame
This frame has text but it has neither a
URL nor any Image. Use this for whatever
you want. Maybe a testimonial like this.[/wp_quote] [/frame_right] Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit dolor sit amet, risus vitae scelerisque dignissim, eros consectetur amet. [frame_center src="http://zhohara.com/wp-content/uploads/2011/09/Image11-150x150.gif" href="http://google.com"] [/frame_center] Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet.
[linebreak]

[togglebox title="Shortcode"][wp_pre][frame_center src="IMAGE-URL" href="LINK-URL"] Some text [/frame_center] [/wp_pre][/togglebox]

[top]]]></content:encoded>
			<wfw:commentRss>http://zhohara.com/shortcodes-display-elements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shortcodes &#8211; Boxes &amp; Messages</title>
		<link>http://zhohara.com/shortcodes-boxes-messages/</link>
		<comments>http://zhohara.com/shortcodes-boxes-messages/#comments</comments>
		<pubDate>Wed, 27 Jul 2011 20:00:38 +0000</pubDate>
		<dc:creator>zhohara</dc:creator>
				<category><![CDATA[Features]]></category>
		<category><![CDATA[alert boxes]]></category>
		<category><![CDATA[message boxes]]></category>
		<category><![CDATA[shortcodes]]></category>

		<guid isPermaLink="false">http://localhost/00Working/w-metrolo-demoblog/?p=286</guid>
		<description><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax. Styled Boxes Styled Boxes come with pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or set your own background color and text color. [styled_box title="This is title" color="white"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/styled_box] [linebreak] [styled_box title="This is title" color="gray"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/styled_box] [linebreak] [styled_box title="This is title" color="yellow"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/styled_box] [linebreak] [styled_box title="This is title" color="orange"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/styled_box] [linebreak] [styled_box title="This is title" color="green"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/styled_box] [linebreak] [togglebox title="Shortcode"][wp_pre][styled_box title="Some title" color="white"]Content[/styled_box] [linebreak][/wp_pre][/togglebox] [top] Alert Boxes Alert Boxes are special boxes which can be used for specific purposes. There are 8 type of Alert Boxes available. These are Alert, Check, Cross, Info, Plus, Document, Note, Chat. [alert_box type="alert"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fac, risus vitae scelerisque dignissim, eros augue eleifend ...]]></description>
			<content:encoded><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax.
<h3>Styled Boxes</h3>
Styled Boxes come with pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or set your own background color and text color.
[styled_box title="This is title" color="white"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/styled_box] [linebreak] [styled_box title="This is title" color="gray"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/styled_box] [linebreak] [styled_box title="This is title" color="yellow"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/styled_box] [linebreak] [styled_box title="This is title" color="orange"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/styled_box] [linebreak] [styled_box title="This is title" color="green"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/styled_box] [linebreak] [togglebox title="Shortcode"][wp_pre][styled_box title="Some title" color="white"]Content[/styled_box] [linebreak][/wp_pre][/togglebox]

[top]
<h3>Alert Boxes</h3>
Alert Boxes are special boxes which can be used for specific purposes. There are 8 type of Alert Boxes available. These are Alert, Check, Cross, Info, Plus, Document, Note, Chat.

[alert_box type="alert"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fac, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]
[alert_box type="check"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fac, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]
[alert_box type="cross"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fac, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]
[alert_box type="info"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fac, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]
[alert_box type="plus"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fac, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]
[alert_box type="document"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fac, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]
[alert_box type="note"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fac, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]
[alert_box type="Chat"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fac, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]
[togglebox title="Shortcode"][wp_pre][alert_box type="TYPE"]Content[/alert_box][/wp_pre][/togglebox]

[top]
<h3>Simple Message Boxes</h3>
Once again, you can choose from pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or set your own background color and text color.
[message color="white"]Lorem Ipsum Lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros[/message]
[message color="gray"]Lorem Ipsum Lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros[/message]
[message color="black"]Lorem Ipsum Lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros[/message]
[message color="yellow"]Lorem Ipsum Lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros[/message]
[message color="green"]Lorem Ipsum Lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros[/message]
[message color="blue"]Lorem Ipsum Lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros[/message]
[togglebox title="Shortcode"]Preset Colors: [wp_pre][message color="white"]Content[/message] [/wp_pre]Custom Colors: [wp_pre][message msg_bg_color="#ff0000" msg_text_color="#ffffff"]Content[/message] [/wp_pre] [/togglebox]

[top]]]></content:encoded>
			<wfw:commentRss>http://zhohara.com/shortcodes-boxes-messages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shortcodes &#8211; Lists</title>
		<link>http://zhohara.com/shortcodes-lists/</link>
		<comments>http://zhohara.com/shortcodes-lists/#comments</comments>
		<pubDate>Wed, 27 Jul 2011 19:50:46 +0000</pubDate>
		<dc:creator>zhohara</dc:creator>
				<category><![CDATA[Features]]></category>
		<category><![CDATA[list styles]]></category>
		<category><![CDATA[shortcodes]]></category>

		<guid isPermaLink="false">http://localhost/00Working/w-metrolo-demoblog/?p=305</guid>
		<description><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax. Custom Lists [arrow_list]Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/arrow_list] [star_list]Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/star_list] [check_list]Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/check_list] [bubble_list]Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/bubble_list] [code_list]Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/code_list] [doc_list]Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/doc_list] [tag_list]Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/tag_list] [alert_list]Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/alert_list] [cross_list]Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/cross_list] [info_list]Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna ...]]></description>
			<content:encoded><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax.
<h3>Custom Lists</h3>
[arrow_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/arrow_list]

[star_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/star_list]

[check_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/check_list]

[bubble_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/bubble_list]

[code_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/code_list]

[doc_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/doc_list]

[tag_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/tag_list]

[alert_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/alert_list]

[cross_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/cross_list]

[info_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/info_list]

[plus_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/plus_list]

[togglebox title="Shortcode"][wp_pre][star_list]Pellentesque a tortor felis.[/wp_pre] [wp_pre]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/wp_pre] [wp_pre]Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/star_list][/wp_pre][/togglebox]

[top]]]></content:encoded>
			<wfw:commentRss>http://zhohara.com/shortcodes-lists/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shortcodes &#8211; Tabs &amp; Toggles</title>
		<link>http://zhohara.com/shortcodes-tabs-toggles/</link>
		<comments>http://zhohara.com/shortcodes-tabs-toggles/#comments</comments>
		<pubDate>Wed, 27 Jul 2011 19:40:37 +0000</pubDate>
		<dc:creator>zhohara</dc:creator>
				<category><![CDATA[Features]]></category>
		<category><![CDATA[shortcodes]]></category>
		<category><![CDATA[tabs]]></category>
		<category><![CDATA[toggles]]></category>

		<guid isPermaLink="false">http://localhost/00Working/w-metrolo-demoblog/?p=318</guid>
		<description><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax. Toggles Toggle boxes are great for organizing content into neat collapsible units. And they are super easy to implement in your posts as well! [togglebox title="Shortcode"] [wp_pre][togglebox title="Some Title"]Toggle Box Content[ /togglebox] [/wp_pre] Ofcourse, toggle boxes can contain other shortcodes too like this [highlight color="blue"]highlighted text[/highlight] [/togglebox] [top] Tabs Tab Sets automatically pick up their colors (from the background and the accent colors you choose in the Metrolo backend Settings Panel). [tabset tab1="Tab Title" tab2="Another Title" tab3="This is third" tab4="Yet another"] [/tabset] [togglebox title="Shortcode"] [wp_pre][tabset tab1="Title1" tab2="Title2"] [/tabset][/wp_pre] [/togglebox] [top]]]></description>
			<content:encoded><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax.
<h3>Toggles</h3>
Toggle boxes are great for organizing content into neat collapsible units. And they are super easy to implement in your posts as well!

[togglebox title="Shortcode"] [wp_pre][togglebox title="Some Title"]Toggle Box Content[ /togglebox] [/wp_pre] Ofcourse, toggle boxes can contain other shortcodes too like this [highlight color="blue"]highlighted text[/highlight] [/togglebox]

[top]
<h3>Tabs</h3>
Tab Sets automatically pick up their colors (from the background and the accent colors you choose in the Metrolo backend Settings Panel).

[tabset tab1="Tab Title" tab2="Another Title" tab3="This is third" tab4="Yet another"]     [/tabset]

[togglebox title="Shortcode"] [wp_pre][tabset tab1="Title1" tab2="Title2"]   [/tabset][/wp_pre] [/togglebox]

[top]]]></content:encoded>
			<wfw:commentRss>http://zhohara.com/shortcodes-tabs-toggles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shortcodes &#8211; Video, Slideshow &amp; Lightbox</title>
		<link>http://zhohara.com/shortcodes-video-slideshow-lightbox/</link>
		<comments>http://zhohara.com/shortcodes-video-slideshow-lightbox/#comments</comments>
		<pubDate>Wed, 27 Jul 2011 19:30:28 +0000</pubDate>
		<dc:creator>zhohara</dc:creator>
				<category><![CDATA[Features]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[shortcodes]]></category>
		<category><![CDATA[videos]]></category>

		<guid isPermaLink="false">http://localhost/00Working/w-metrolo-demoblog/?p=335</guid>
		<description><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax. Nivo Slider Nivo slider is one of the most popular sliders, and you can use it within your posts to display a slideshow of images. This shortcode is flexible to accommodate various settings such as height, width, navigation display, arrows (next/prev) display, transition effects and pause time. [nivoslide width="540" height="300" navigation="true" arrows="true" effect="random" pausetime="3.5"]http://zhohara.com/wp-content/uploads/2011/09/Image111.gif http://zhohara.com/wp-content/uploads/2011/09/Image111.gif http://zhohara.com/wp-content/uploads/2011/09/Image111.gif[/nivoslide] [linebreak] [togglebox title="Shortcode"] [wp_pre][nivoslide width="540" height="300" navigation="true" arrows="true" effect="random" pauseTime="3.5"]Image-URL-1[/wp_pre] [wp_pre]Image-URL-2[/wp_pre] [wp_pre]Image-URL-3[/wp_pre] [wp_pre]Image-URL-4[/nivoslide] [/wp_pre] [/togglebox] [top] Lightbox Metrolo uses the nifty prettyPhoto to display Images, Videos and External sites in a lightbox. [lightbox type="image" title="Lightbox Image Title" href="http://zhohara.com/wp-content/uploads/2011/09/Image111.gif"][/lightbox] [lightbox type="youtube" title="Lightbox Video Title" youtube_id="lg5hj2c5Nkk"][/lightbox] [lightbox type="vimeo" title="Lightbox Video Title" vimeo_id="26125187"][/lightbox] [lightbox type="dailymotion" title="Lightbox Video Title" dailymotion_id="x3bid"][/lightbox] [lightbox type="external" href="http://google.com"][/lightbox] Or, you can have Lightbox link as simple text. [plus_list]Opens an [lightbox type="image" title="Lightbox Image Title" href="http://themes.77points.com/metrolo/preview/wp-content/uploads/2011/07/Image1.gif"]image[/lightbox] in the lightbox You can also have a [lightbox type="youtube" title="Lightbox Video Title" youtube_id="lg5hj2c5Nkk"]Youtube Video[/lightbox] open in the lightbox Or how about a [lightbox type="vimeo" title="Lightbox Video Title" vimeo_id="26125187"]Vimeo Video[/lightbox] And even a [lightbox type="dailymotion" title="Lightbox Video Title" dailymotion_id="x3bid"]Dailymotion video[/lightbox] Open any [lightbox type="external" href="http://google.com"]external/internal site[/lightbox] in the lightbox[/plus_list] [togglebox title="Shortcode"]Image: [wp_pre][lightbox type="image" title="Lightbox Image Title" href="Image URL"]Some text[/lightbox][/wp_pre]Youtube: [wp_pre][lightbox type="youtube" title="Lightbox Video Title" youtube_id="Video ID"]Some text[/lightbox][/wp_pre]Vimeo: [wp_pre][lightbox type="vimeo" title="Lightbox Video Title" vimeo_id="Video ID"]Some text[/lightbox][/wp_pre]Dailymotion: [wp_pre][lightbox type="dailymotion" title="Lightbox Video Title" dailymotion_id="Video ID"]Some text[/lightbox][/wp_pre]External/Internal ...]]></description>
			<content:encoded><![CDATA[Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax.
<h3>Nivo Slider</h3>
Nivo slider is one of the most popular sliders, and you can use it within your posts to display a slideshow of images. This shortcode is flexible to accommodate various settings such as height, width, navigation display, arrows (next/prev) display, transition effects and pause time.

[nivoslide width="540" height="300" navigation="true" arrows="true" effect="random" pausetime="3.5"]http://zhohara.com/wp-content/uploads/2011/09/Image111.gif

http://zhohara.com/wp-content/uploads/2011/09/Image111.gif

http://zhohara.com/wp-content/uploads/2011/09/Image111.gif[/nivoslide] [linebreak] [togglebox title="Shortcode"] [wp_pre][nivoslide width="540" height="300" navigation="true" arrows="true" effect="random" pauseTime="3.5"]Image-URL-1[/wp_pre] [wp_pre]Image-URL-2[/wp_pre] [wp_pre]Image-URL-3[/wp_pre] [wp_pre]Image-URL-4[/nivoslide] [/wp_pre] [/togglebox]

[top]
<h3>Lightbox</h3>
Metrolo uses the nifty prettyPhoto to display Images, Videos and External sites in a lightbox.

<span style="margin-right: 30px;">[lightbox type="image" title="Lightbox Image Title" href="http://zhohara.com/wp-content/uploads/2011/09/Image111.gif"]<img src="http://zhohara.com/wp-content/uploads/2011/09/Image1-75x75.gif" alt="" />[/lightbox] </span> <span style="margin-right: 30px;">[lightbox type="youtube" title="Lightbox Video Title" youtube_id="lg5hj2c5Nkk"]<img src="http://zhohara.com/wp-content/uploads/2011/08/video01-75x75.jpg" alt="" />[/lightbox] </span> <span style="margin-right: 30px;">[lightbox type="vimeo" title="Lightbox Video Title" vimeo_id="26125187"]<img src="http://zhohara.com/wp-content/uploads/2011/08/video02-75x75.jpg" alt="" />[/lightbox] </span> <span style="margin-right: 30px;">[lightbox type="dailymotion" title="Lightbox Video Title" dailymotion_id="x3bid"]<img src="http://zhohara.com/wp-content/uploads/2011/08/video03-75x75.jpg" alt="" />[/lightbox] </span> [lightbox type="external" href="http://google.com"]<img src="http://zhohara.com/wp-content/uploads/2011/08/video04-75x75.jpg" alt="" />[/lightbox]

Or, you can have Lightbox link as simple text.

[plus_list]Opens an [lightbox type="image" title="Lightbox Image Title" href="http://themes.77points.com/metrolo/preview/wp-content/uploads/2011/07/Image1.gif"]image[/lightbox] in the lightbox
You can also have a [lightbox type="youtube" title="Lightbox Video Title" youtube_id="lg5hj2c5Nkk"]Youtube Video[/lightbox] open in the lightbox
Or how about a [lightbox type="vimeo" title="Lightbox Video Title" vimeo_id="26125187"]Vimeo Video[/lightbox]
And even a [lightbox type="dailymotion" title="Lightbox Video Title" dailymotion_id="x3bid"]Dailymotion video[/lightbox]
Open any [lightbox type="external" href="http://google.com"]external/internal site[/lightbox] in the lightbox[/plus_list]

[togglebox title="Shortcode"]Image: [wp_pre][lightbox type="image" title="Lightbox Image Title" href="Image URL"]Some text[/lightbox][/wp_pre]Youtube: [wp_pre][lightbox type="youtube" title="Lightbox Video Title" youtube_id="Video ID"]Some text[/lightbox][/wp_pre]Vimeo: [wp_pre][lightbox type="vimeo" title="Lightbox Video Title" vimeo_id="Video ID"]Some text[/lightbox][/wp_pre]Dailymotion: [wp_pre][lightbox type="dailymotion" title="Lightbox Video Title" dailymotion_id="Video ID"]Some text[/lightbox][/wp_pre]External/Internal Site: [wp_pre][lightbox type="external" href="Site URL"]Some text[/lightbox][/wp_pre][/togglebox]

[top]
<h3>Videos</h3>
Adding videos to your post just became easy. Whats more? You can also control the width/height of these videos.
<h5>Youtube Video</h5>
[youtube width="540" height="337" video_id="lg5hj2c5Nkk"]
<h5>Vimeo Video</h5>
[vimeo width="540" height="304" video_id="26125187"]
<h5>Dailymotion Video</h5>
[dailymotion width="540" height="236" video_id="x3bid"]
<h5>HTML5 Video</h5>
[html5video width="540" height="222" poster="http://video-js.zencoder.com/oceans-clip.png" mp4="http://video-js.zencoder.com/oceans-clip.mp4" webm="http://video-js.zencoder.com/oceans-clip.webm" ogg="http://video-js.zencoder.com/oceans-clip.ogv"]

[togglebox title="Shortcode"]Youtube: [wp_pre][youtube width="540" height="337" video_id="Video ID"][/wp_pre]Vimeo: [wp_pre][vimeo width="540" height="304" video_id="Video ID"][/wp_pre]Dailymotion: [wp_pre][dailymotion width="540" height="236" video_id="Video ID"][/wp_pre]HTML5 Video: [wp_pre][html5video width="540" height="222" poster="png URL" mp4="mp4 URL" webm="webm URL" ogg="ogg URL"][/wp_pre][/togglebox]

[top]]]></content:encoded>
			<wfw:commentRss>http://zhohara.com/shortcodes-video-slideshow-lightbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://video-js.zencoder.com/oceans-clip.mp4" length="19448241" type="video/mp4" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.webm" length="14625011" type="video/webm" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.ogv" length="13235468" type="video/ogg" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.mp4" length="19448241" type="video/mp4" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.webm" length="14625011" type="video/webm" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.ogv" length="13235468" type="video/ogg" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.mp4" length="19448241" type="video/mp4" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.webm" length="14625011" type="video/webm" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.ogv" length="13235468" type="video/ogg" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.mp4" length="19448241" type="video/mp4" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.webm" length="14625011" type="video/webm" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.ogv" length="13235468" type="video/ogg" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.mp4" length="19448241" type="video/mp4" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.webm" length="14625011" type="video/webm" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.ogv" length="13235468" type="video/ogg" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.mp4" length="19448241" type="video/mp4" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.webm" length="14625011" type="video/webm" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.ogv" length="13235468" type="video/ogg" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.mp4" length="19448241" type="video/mp4" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.webm" length="14625011" type="video/webm" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.ogv" length="13235468" type="video/ogg" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.mp4" length="19448241" type="video/mp4" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.webm" length="14625011" type="video/webm" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.ogv" length="13235468" type="video/ogg" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.mp4" length="19448241" type="video/mp4" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.webm" length="14625011" type="video/webm" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.ogv" length="13235468" type="video/ogg" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.mp4" length="19448241" type="video/mp4" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.webm" length="14625011" type="video/webm" />
<enclosure url="http://video-js.zencoder.com/oceans-clip.ogv" length="13235468" type="video/ogg" />
		</item>
		<item>
		<title>Fonts, Typography, Formatting &amp; Comments</title>
		<link>http://zhohara.com/fonts-typography-formatting-comments/</link>
		<comments>http://zhohara.com/fonts-typography-formatting-comments/#comments</comments>
		<pubDate>Tue, 26 Jul 2011 21:14:24 +0000</pubDate>
		<dc:creator>zhohara</dc:creator>
				<category><![CDATA[Features]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[text formatting]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://localhost/00Working/w-metrolo-demoblog/?p=513</guid>
		<description><![CDATA[Fonts and Typography are probably one of the most important aspect of the visual design of any website. With Metrolo, you get full control over your fonts. Metrolo comes preloaded with [highlight bg_color="#fcf6b1" text_color="#333333"]over 60 font stack implementations[/highlight] using Google web fonts. This method has proven benefits over Cufon Font replacement, and is presently one of the most widely used CSS3 font replacement technologies. Google supports it, so why shouldn&#8217;t we! Fonts &#38; Typography Metrolo uses 3 different font spaces &#8211; Primary body copy font, Headings font, and a Logo font (for plain text logo &#8211; if you are not using an image logo). One of the best things about Metrolo Font Control is that line-heights are automatically adjusted to the font-sizes. Often overlooked, this enables you to use fonts in any size. Apart from the Font-type, you can select font-colors and font-sizes for 14 different text elements. [linebreak] Bold, Italics, Underline, Links, Text Color Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Lists This is an ordered list: Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. This is an unordered list Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac ...]]></description>
			<content:encoded><![CDATA[Fonts and Typography are probably one of the most important aspect of the visual design of any website. With Metrolo, you get full control over your fonts. Metrolo comes preloaded with [highlight bg_color="#fcf6b1" text_color="#333333"]over 60 font stack implementations[/highlight] using <a href="http://zhohara.com/recommends/Google_web_fonts/10/" class="clicky_log_outbound">Google web fonts</a>. This method has proven benefits over Cufon Font replacement, and is presently one of the most widely used CSS3 font replacement technologies. Google supports it, so why shouldn&#8217;t we!
<h3>Fonts &amp; Typography</h3>
Metrolo uses 3 different font spaces &#8211; Primary body copy font, Headings font, and a Logo font (for plain text logo &#8211; if you are not using an image logo).

One of the best things about Metrolo Font Control is that line-heights are automatically adjusted to the font-sizes. Often overlooked, this enables you to use fonts in any size. Apart from the Font-type, you can select font-colors and font-sizes for 14 different text elements.

<a href="http://zhohara.com/recommends/screenshot17/11/" rel="prettyPhoto" class="clicky_log_outbound"><img class="alignleft size-full wp-image-517" title="screenshot17" src="http://themes.77points.com/metrolo/preview/wp-content/uploads/2011/08/screenshot17.png" alt="" width="530" height="830" /></a><div class="clear"></div> [linebreak]
<h3>Bold, Italics, Underline, Links, Text Color</h3>
Lorem <strong>ipsum dolor sit amet</strong>, consectetur <em>adipiscing elit</em>. Duis vitae <span style="text-decoration: underline;">urna tristique mauris</span> aliquet egestas <a href="http://zhohara.com/recommends/non_et_ipsum/12/" class="clicky_log_outbound">non et ipsum</a>. In hac <span style="color: #0000ff;">habitasse platea</span> dictumst.
<h3>Lists</h3>
This is an ordered list:
<ol>
	<li>Pellentesque a tortor felis.</li>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
	<li>Duis vitae urna tristique mauris aliquet egestas non et ipsum.</li>
	<li>In hac habitasse platea dictumst.</li>
	<li>Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate.</li>
</ol>
This is an unordered list
<ul>
	<li>Pellentesque a tortor felis.</li>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
	<li>Duis vitae urna tristique mauris aliquet egestas non et ipsum.</li>
	<li>In hac habitasse platea dictumst.</li>
	<li>Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate.</li>
</ul>
<h3>Quotes, Code, Pre</h3>
<blockquote>This text is in quotes &#8211; Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis.</blockquote>
<code>This text is in code - Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis.</code>
<pre>This text is in pre - Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis.</pre>
<h3>Image Alignments</h3>
<img class="alignleft size-thumbnail wp-image-279" title="pic01" src="http://zhohara.com/wp-content/uploads/2011/09/Image11-150x150.gif" alt="" width="150" height="150" /><strong>Left Align Image</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis. Vivamus porttitor suscipit magna non tempor. Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate.

<img class="alignright size-thumbnail wp-image-337" title="pic04" src="http://zhohara.com/wp-content/uploads/2011/09/Image11-150x150.gif" alt="" width="150" height="150" /><strong>Right Align Image</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis. Vivamus porttitor suscipit magna non tempor. Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate.
<h3>Headings</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.
<h1>This is Heading1</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.
<h2>This is Heading2</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.
<h3>This is Heading3</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.
<h4>This is Heading4</h4>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.
<h5>This is Heading5</h5>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.
<h6>This is Heading6</h6>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.
<h1>This is Heading1</h1>
<h2>This is Heading2</h2>
<h3>This is Heading3</h3>
<h4>This is Heading4</h4>
<h5>This is Heading5</h5>
<h6>This is Heading6</h6>
[top]]]></content:encoded>
			<wfw:commentRss>http://zhohara.com/fonts-typography-formatting-comments/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!--A15--><!--L4-->
