<?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>omagus.com &#187; blog</title>
	<atom:link href="http://omagus.com/category/blog/feed" rel="self" type="application/rss+xml" />
	<link>http://omagus.com</link>
	<description>Need Unlimited Creativity</description>
	<lastBuildDate>Wed, 09 May 2012 05:44:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<image>
<link>http://omagus.com</link>
<url>http://omagus.com/wp-content/uploads/2009/06/omagus.ico</url>
<title>omagus.com</title>
</image>
		<item>
		<title>Menggunakan font sendiri di website [firefox solved]</title>
		<link>http://omagus.com/menggunakan-font-sendiri-di-website-firefox-solved.php</link>
		<comments>http://omagus.com/menggunakan-font-sendiri-di-website-firefox-solved.php#comments</comments>
		<pubDate>Wed, 09 May 2012 05:39:50 +0000</pubDate>
		<dc:creator>omagus</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[tipstrik]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[webdevelopment]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress theme]]></category>

		<guid isPermaLink="false">http://omagus.com/?p=881</guid>
		<description><![CDATA[Ada beberapa cara untuk menggunakan custom font. Menggunakan font tertentu mungkin yang tak lazim di gunakan oleh orang lain adalah salah satu cara untuk mempercantik website kita. Kita bisa mencari macam-macam font yang bisa kita pakai di font squirel atau di direktori font google. Saya mengasumsikan anda memakai wordpress dengan hosting sendiri. Dan kira kira [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://omagus.com/wp-content/uploads/2012/05/snapshot1.png"><img class="alignleft size-medium wp-image-899" title="snapshot1" src="http://omagus.com/wp-content/uploads/2012/05/snapshot1-300x104.png" alt="" width="300" height="104" /></a><br />
Ada beberapa cara untuk menggunakan custom font. Menggunakan font tertentu mungkin yang tak lazim di gunakan oleh orang lain adalah salah satu cara untuk mempercantik website kita. Kita bisa mencari macam-macam font yang bisa kita pakai di font squirel atau di direktori font google.</p>
<p>Saya mengasumsikan anda memakai wordpress dengan hosting sendiri. Dan kira kira begini caranya. Di sini saya menggunakan Font Bebas Neue.</p>
<p>1. Masukan fontkit yang akan anda gunakan pada folder theme anda, anda bisa menggunakan folder tersendiri. Biasanya file font terdiri dari beberapa format file seperti otf/ttf, eot, woff dan svg .</p>
<p>2. Kemudian pada file css nya masukan script embed untuk fonnya menggunakan fontface</p>
<p>

<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d118af .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d118af" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay"><span class="crayon-title">Basic / CSS pada umumnya</span>
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d118af'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d118af'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d118af'); return false;"></a><span class="crayon-language">CSS</span><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">@font-face {
font-family: 'BebasNeueRegular';
src: url('font/BebasNeue-webfont.eot');
src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('font/BebasNeue-webfont.woff') format('woff'),
url('font/BebasNeue-webfont.ttf') format('truetype'),
url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;

}</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div><div class="crayon-num crayon-striped-num">2</div><div class="crayon-num">3</div><div class="crayon-num crayon-striped-num">4</div><div class="crayon-num">5</div><div class="crayon-num crayon-striped-num">6</div><div class="crayon-num">7</div><div class="crayon-num crayon-striped-num">8</div><div class="crayon-num">9</div><div class="crayon-num crayon-striped-num">10</div><div class="crayon-num">11</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="n ">@font-face</span><span class="h "> </span><span class="sy ">{</span></div><div class="crayon-line crayon-striped-line" id="line-2"><span class="e">font-family</span><span class="sy ">:</span><span class="i"> </span><span class="s ">'BebasNeueRegular'</span><span class="sy ">;</span></div><div class="crayon-line" id="line-3"><span class="e">src</span><span class="sy ">:</span><span class="i"> url</span><span class="sy ">(</span><span class="s ">'font/BebasNeue-webfont.eot'</span><span class="sy ">)</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-4"><span class="e">src</span><span class="sy ">:</span><span class="i"> url</span><span class="sy ">(</span><span class="s ">'font/BebasNeue-webfont.eot?#iefix'</span><span class="sy ">)</span><span class="h "> </span>format<span class="sy ">(</span><span class="s ">'embedded-opentype'</span><span class="sy ">)</span><span class="sy ">,</span></div><div class="crayon-line" id="line-5">url<span class="sy ">(</span><span class="s ">'font/BebasNeue-webfont.woff'</span><span class="sy ">)</span><span class="h "> </span>format<span class="sy ">(</span><span class="s ">'woff'</span><span class="sy ">)</span><span class="sy ">,</span></div><div class="crayon-line crayon-striped-line" id="line-6">url<span class="sy ">(</span><span class="s ">'font/BebasNeue-webfont.ttf'</span><span class="sy ">)</span><span class="h "> </span>format<span class="sy ">(</span><span class="s ">'truetype'</span><span class="sy ">)</span><span class="sy ">,</span></div><div class="crayon-line" id="line-7">url<span class="sy ">(</span><span class="s ">'font/BebasNeue-webfont.svg#BebasNeueRegular'</span><span class="sy ">)</span><span class="h "> </span>format<span class="sy ">(</span><span class="s ">'svg'</span><span class="sy ">)</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-8"><span class="e">font-weight</span><span class="sy ">:</span><span class="i"> normal</span><span class="sy ">;</span></div><div class="crayon-line" id="line-9"><span class="e">font-style</span><span class="sy ">:</span><span class="i"> normal</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-10"></div><div class="crayon-line" id="line-11"><span class="sy ">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0019 seconds] -->

</p>
<p>&nbsp;</p>
<p>3. Kemudian pada tentukan di mana font itu akan di gunakan</p>
<p>

<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d11c96 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d11c96" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay"><span class="crayon-title">Pointing</span>
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d11c96'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d11c96'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d11c96'); return false;"></a><span class="crayon-language">CSS</span><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">h1 { color: transparent;
font-family: 'BebasNeueRegular';
font-size: 6em;
font-weight: normal;
}</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div><div class="crayon-num crayon-striped-num">2</div><div class="crayon-num">3</div><div class="crayon-num crayon-striped-num">4</div><div class="crayon-num">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1">h1<span class="h "> </span><span class="sy ">{</span><span class="h "> </span><span class="e">color</span><span class="sy ">:</span><span class="i"> transparent</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-2"><span class="e">font-family</span><span class="sy ">:</span><span class="i"> </span><span class="s ">'BebasNeueRegular'</span><span class="sy ">;</span></div><div class="crayon-line" id="line-3"><span class="e">font-size</span><span class="sy ">:</span><span class="i"> 6em</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-4"><span class="e">font-weight</span><span class="sy ">:</span><span class="i"> normal</span><span class="sy ">;</span></div><div class="crayon-line" id="line-5"><span class="sy ">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0009 seconds] -->

</p>
<p>Dan selesai..? Font anda berubah sesuai keingingan anda..!. Tapi coba, tidak semua browser bisa support embed font seperti ini. Salah satunya adalah firefox, Tambahkan dot slash di depan kode letak font pada css anda</p>
<p>

<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d1207e .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d1207e" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay"><span class="crayon-title">CSS Crossbrowser</span>
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d1207e'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d1207e'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d1207e'); return false;"></a><span class="crayon-language">CSS</span><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">@font-face {
font-family: 'BebasNeueRegular';
src: url('./font/BebasNeue-webfont.eot');
src: url('./font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('./font/BebasNeue-webfont.woff') format('woff'),
url('./font/BebasNeue-webfont.ttf') format('truetype'),
url('./font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;

}</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div><div class="crayon-num crayon-striped-num">2</div><div class="crayon-num">3</div><div class="crayon-num crayon-striped-num">4</div><div class="crayon-num">5</div><div class="crayon-num crayon-striped-num">6</div><div class="crayon-num">7</div><div class="crayon-num crayon-striped-num">8</div><div class="crayon-num">9</div><div class="crayon-num crayon-striped-num">10</div><div class="crayon-num">11</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="n ">@font-face</span><span class="h "> </span><span class="sy ">{</span></div><div class="crayon-line crayon-striped-line" id="line-2"><span class="e">font-family</span><span class="sy ">:</span><span class="i"> </span><span class="s ">'BebasNeueRegular'</span><span class="sy ">;</span></div><div class="crayon-line" id="line-3"><span class="e">src</span><span class="sy ">:</span><span class="i"> url</span><span class="sy ">(</span><span class="s ">'./font/BebasNeue-webfont.eot'</span><span class="sy ">)</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-4"><span class="e">src</span><span class="sy ">:</span><span class="i"> url</span><span class="sy ">(</span><span class="s ">'./font/BebasNeue-webfont.eot?#iefix'</span><span class="sy ">)</span><span class="h "> </span>format<span class="sy ">(</span><span class="s ">'embedded-opentype'</span><span class="sy ">)</span><span class="sy ">,</span></div><div class="crayon-line" id="line-5">url<span class="sy ">(</span><span class="s ">'./font/BebasNeue-webfont.woff'</span><span class="sy ">)</span><span class="h "> </span>format<span class="sy ">(</span><span class="s ">'woff'</span><span class="sy ">)</span><span class="sy ">,</span></div><div class="crayon-line crayon-striped-line" id="line-6">url<span class="sy ">(</span><span class="s ">'./font/BebasNeue-webfont.ttf'</span><span class="sy ">)</span><span class="h "> </span>format<span class="sy ">(</span><span class="s ">'truetype'</span><span class="sy ">)</span><span class="sy ">,</span></div><div class="crayon-line" id="line-7">url<span class="sy ">(</span><span class="s ">'./font/BebasNeue-webfont.svg#BebasNeueRegular'</span><span class="sy ">)</span><span class="h "> </span>format<span class="sy ">(</span><span class="s ">'svg'</span><span class="sy ">)</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-8"><span class="e">font-weight</span><span class="sy ">:</span><span class="i"> normal</span><span class="sy ">;</span></div><div class="crayon-line" id="line-9"><span class="e">font-style</span><span class="sy ">:</span><span class="i"> normal</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-10"></div><div class="crayon-line" id="line-11"><span class="sy ">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0018 seconds] -->

</p>
<p>Simpan kemudian di reload. Kalau editing anda masih di localhost, biasanya font di browser firefox bisa terbaca. Tapi jika sudah anda upload dan ternyata tidak berjalan di beberapa browser terutama firefox. Kita dengan terpaksa memberikan akses terhadap file lewat .htaccess.</p>
<p>Masukan script ini di file .htaccess anda .</p>
<p>

<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d12467 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d12467" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay"><span class="crayon-title">Masukan di .htaccess</span>
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d12467'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d12467'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d12467'); return false;"></a><span class="crayon-language">XHTML</span><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">&nbsp;&nbsp;&nbsp;&nbsp;&lt;filesmatch "\.(ttf|ttc|otf|eot|woff)$"&gt;
&nbsp;&nbsp;   &lt;ifmodule mod_headers.c&gt;
&nbsp;&nbsp;       Header set Access-Control-Allow-Origin "*"
&nbsp;&nbsp;   &lt;/ifmodule&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/filesmatch&gt;</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div><div class="crayon-num crayon-striped-num">2</div><div class="crayon-num">3</div><div class="crayon-num crayon-striped-num">4</div><div class="crayon-num">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="h ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="k">&lt;filesmatch </span><span class="s">"\.(ttf|ttc|otf|eot|woff)$"</span><span class="k">&gt;</span><span class="i"></span></div><div class="crayon-line crayon-striped-line" id="line-2"><span class="i">&nbsp;&nbsp;   </span><span class="k">&lt;ifmodule </span>mod<span class="sy ">_</span>headers<span class="sy ">.</span>c<span class="k">&gt;</span><span class="i"></span></div><div class="crayon-line" id="line-3"><span class="i">&nbsp;&nbsp;       Header set Access-Control-Allow-Origin "*"</span></div><div class="crayon-line crayon-striped-line" id="line-4"><span class="i">&nbsp;&nbsp;   </span><span class="k">&lt;/ifmodule&gt;</span><span class="i"></span></div><div class="crayon-line" id="line-5"><span class="i">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="k">&lt;/filesmatch&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0005 seconds] -->

</p>
<h2  class="related_post_title">Artikel Terhubung</h2><ul class="related_post"><li><a href="http://omagus.com/creakuno.php" title="Creakuno">Creakuno</a> (0)</li><li><a href="http://omagus.com/sebuai-wordpress-theme.php" title="sebuai wordpress theme">sebuai wordpress theme</a> (0)</li><li><a href="http://omagus.com/membuat-text-3d-dengan-css.php" title="membuat text 3d dengan css">membuat text 3d dengan css</a> (7)</li><li><a href="http://omagus.com/memperingan-jalannya-firefox-di-windows.php" title="memperingan jalannya firefox di windows">memperingan jalannya firefox di windows</a> (6)</li><li><a href="http://omagus.com/update-wordpress-3-3.php" title="Update wordpress 3.3">Update wordpress 3.3</a> (3)</li><li><a href="http://omagus.com/menambahkan-gambar-pada-web.php" title="Menambahkan Gambar pada web">Menambahkan Gambar pada web</a> (10)</li><li><a href="http://omagus.com/hosting-ngetrend-indonesia.php" title="Hosting Ngetrend Indonesia">Hosting Ngetrend Indonesia</a> (20)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://omagus.com/menggunakan-font-sendiri-di-website-firefox-solved.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>testing update blog</title>
		<link>http://omagus.com/testing-update-blog.php</link>
		<comments>http://omagus.com/testing-update-blog.php#comments</comments>
		<pubDate>Fri, 13 Apr 2012 06:56:09 +0000</pubDate>
		<dc:creator>omagus</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[asli nggak penting]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[update]]></category>

		<guid isPermaLink="false">http://omagus.com/?p=875</guid>
		<description><![CDATA[Lama sekali nggak update blog, tadinya berencana blog ini mau di komersialkan. Tapi setelah di pikir matang2 ternyata sudah membranding ke personal blog. Jadi ya sudahlah memang enaknya buat personal blog aja, walaupun udah ada satu domain lagi yang web.id. Dan domain yang itu mau di pakai buat name card online aja deh gak usah [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://omagus.com/wp-content/uploads/2012/04/Duren-Sawit-20120413-00181.jpg"><img class=" alignleft" title="blogging lagi" src="http://omagus.com/wp-content/uploads/2012/04/Duren-Sawit-20120413-00181.jpg" alt="" width="560" height="320" /></a></p>
<p>Lama sekali nggak update blog, tadinya berencana blog ini mau di komersialkan. Tapi setelah di pikir matang2 ternyata sudah membranding ke personal blog. Jadi ya sudahlah memang enaknya buat personal blog aja, walaupun udah ada satu domain lagi yang web.id. Dan domain yang itu mau di pakai buat name card online aja deh gak usah buat ngeblog.</p>
<p>Kesibukan akhir-akhir ini membuat blog ini terbengkalai dan akhirnya hampir vacum dari ngeblog. Bahkan sekarang hampir gak pernah blog walking mengunjungi blog-blog temen temen. Nggak kaya dulu, walaupun ngakunya bukan blogger beneran tapi dulu lumayan rajin blog walking. Dan sepertinya sekarang mulai ber semangat lagi untuk ngeblog. Dan mumpung masih bersemangat mari kita bina semangat ini biar nggak kendur :d.</p>
<p>Ayoo..! Kita semangat ngeblog lagi dan berkontribusi..!</p>
<h2  class="related_post_title">Artikel Terhubung</h2><ul class="related_post"><li><a href="http://omagus.com/alasan-kenapa-nggak-update-blog.php" title="alasan kenapa nggak update blog">alasan kenapa nggak update blog</a> (24)</li><li><a href="http://omagus.com/update-wordpress-3-3.php" title="Update wordpress 3.3">Update wordpress 3.3</a> (3)</li><li><a href="http://omagus.com/hosting-gratis.php" title="Hosting gratis..!">Hosting gratis..!</a> (70)</li><li><a href="http://omagus.com/tips-menaikan-pengunjung.php" title="Tips Menaikan pengunjung ">Tips Menaikan pengunjung </a> (60)</li><li><a href="http://omagus.com/alexa-kena-rayu-juga.php" title="Alexa kena rayu juga">Alexa kena rayu juga</a> (29)</li><li><a href="http://omagus.com/update-lagi.php" title="Update lagi..!">Update lagi..!</a> (31)</li><li><a href="http://omagus.com/pr3-untuk-omagusdotcom.php" title="PR3 untuk omagus[dot]com">PR3 untuk omagus[dot]com</a> (38)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://omagus.com/testing-update-blog.php/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>memperingan jalannya firefox di windows</title>
		<link>http://omagus.com/memperingan-jalannya-firefox-di-windows.php</link>
		<comments>http://omagus.com/memperingan-jalannya-firefox-di-windows.php#comments</comments>
		<pubDate>Mon, 26 Dec 2011 06:41:03 +0000</pubDate>
		<dc:creator>omagus</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[tipstrick]]></category>
		<category><![CDATA[blogging tips]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[firemin]]></category>
		<category><![CDATA[ilmuku]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tipstrik]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://omagus.com/?p=830</guid>
		<description><![CDATA[Anda pemakai windows dengan broser firefox..? Tentunya anda merasakan bahwa pemakaian firefox memakan banyak sekali memori komputer kita.  Saya ingin berbagi mana meminimalisasi kebocoran memori pada firefox.  Banyaknya memori yang di pakai firefox tentunya akan mengurangi kinerja komputer kita. Dan Jika itu memang mengganggu kinerja anda anda bisa menggunakan firemin. Saya sempat membuat screenshot sebelum [...]]]></description>
			<content:encoded><![CDATA[<p>Anda pemakai windows dengan broser firefox..? Tentunya anda merasakan bahwa pemakaian firefox memakan banyak sekali memori komputer kita.  Saya ingin berbagi mana meminimalisasi kebocoran memori pada firefox.  Banyaknya memori yang di pakai firefox tentunya akan mengurangi kinerja komputer kita. Dan Jika itu memang mengganggu kinerja anda anda bisa menggunakan firemin. Saya sempat membuat screenshot sebelum dan sesudah pemakaian firemin. Selain mempercepat kinerja firefox itu sendiri firemin terbukti mengurangi pemakaian memori komputer yang berlebihan.</p>
<p>Ini  screenshot sebelum saya memakai firemin. ini dengan kondisi saya membuka 10 tabs browser firefox.</p>
<p><a href="http://omagus.com/wp-content/uploads/2011/12/firemin-before.jpg"><img class="alignleft size-full wp-image-832" title="firemin-before" src="http://omagus.com/wp-content/uploads/2011/12/firemin-before.jpg" alt="" width="420" height="104" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Dan ini memori setelah saya menggunakan firemin. Sunggu penghematan yang luar biasa.</p>
<p><a href="http://omagus.com/wp-content/uploads/2011/12/firemin.jpg"><img class="alignleft size-full wp-image-831" title="firemin" src="http://omagus.com/wp-content/uploads/2011/12/firemin.jpg" alt="" width="420" height="104" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>anda tertarik..? Silahkan download dan cari infonya di <a title="firemin" href="http://www.rizonesoft.com/2011/firemin/">webnya</a></p>
<p>&nbsp;</p>
<h2  class="related_post_title">Artikel Terhubung</h2><ul class="related_post"><li><a href="http://omagus.com/memindahkan-hostingan-wordpress.php" title="memindahkan Hostingan Wordpress">memindahkan Hostingan Wordpress</a> (22)</li><li><a href="http://omagus.com/membuka-plurk-cara-gue.php" title="membuka Plurk Cara gue..!">membuka Plurk Cara gue..!</a> (40)</li><li><a href="http://omagus.com/alexa-kena-rayu-juga.php" title="Alexa kena rayu juga">Alexa kena rayu juga</a> (29)</li><li><a href="http://omagus.com/menjalankan-photosop-portable-di-windows7.php" title="menjalankan photosop portable di windows7">menjalankan photosop portable di windows7</a> (4)</li><li><a href="http://omagus.com/tips-menaikan-pengunjung.php" title="Tips Menaikan pengunjung ">Tips Menaikan pengunjung </a> (60)</li><li><a href="http://omagus.com/menggunakan-font-sendiri-di-website-firefox-solved.php" title="Menggunakan font sendiri di website [firefox solved]">Menggunakan font sendiri di website [firefox solved]</a> (0)</li><li><a href="http://omagus.com/update-wordpress-3-3.php" title="Update wordpress 3.3">Update wordpress 3.3</a> (3)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://omagus.com/memperingan-jalannya-firefox-di-windows.php/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>css3 usefull links and tutorial</title>
		<link>http://omagus.com/css3-usefull-links-and-tutorial.php</link>
		<comments>http://omagus.com/css3-usefull-links-and-tutorial.php#comments</comments>
		<pubDate>Wed, 21 Dec 2011 17:09:52 +0000</pubDate>
		<dc:creator>omagus</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[CSS3]]></category>

		<guid isPermaLink="false">http://omagus.com/?p=808</guid>
		<description><![CDATA[Jika anda memiliki ketertarikan terhadap kehebatan css3 seperti saya, Saya akan berbagi kepada anda beberapa website yang perlu anda kunjungi yang mempunyai tutorial dan koleksi hebat akan css3.  Dan jika anda mempunyai web-web lain selain yang anda di sini anda bisa mensubmitnya kesaya via kolom komentar, dan saya akan memasukan ke artikel. Dan berikut adalah [...]]]></description>
			<content:encoded><![CDATA[<p>Jika anda memiliki ketertarikan terhadap kehebatan css3 seperti saya, Saya akan berbagi kepada anda beberapa website yang perlu anda kunjungi yang mempunyai tutorial dan koleksi hebat akan css3.  Dan jika anda mempunyai web-web lain selain yang anda di sini anda bisa mensubmitnya kesaya via kolom komentar, dan saya akan memasukan ke artikel.</p>
<p>Dan berikut adalah rekomendasi saya website yang perlu anda kunjungi :</p>
<p style="text-align: left;"><strong><a href="http://www.w3schools.com/css3/">w3schools.com/css3/</a></strong></p>
<p style="text-align: left;"><img class="size-full wp-image-812 alignnone" title="css3-1" src="http://omagus.com/wp-content/uploads/2011/12/css3-1.png" alt="" width="403" height="106" /><br />
<strong><a title="css3" href="http://www.css3.info">css3.info/</a></strong></p>
<p style="text-align: left;"><a href="http://omagus.com/wp-content/uploads/2011/12/css3-2.png"><img class="alignleft size-full wp-image-815" title="css3-2" src="http://omagus.com/wp-content/uploads/2011/12/css3-2.png" alt="" width="404" height="129" /></a></p>
<p style="text-align: left;"><strong><a href="http://wearekiss.com/simpless">wearekiss </a></strong></p>
<p style="text-align: left;"><img class="size-full wp-image-816 alignnone" title="css3-3" src="http://omagus.com/wp-content/uploads/2011/12/css3-3.png" alt="" width="404" height="136" /></p>
<p style="text-align: left;"><strong><a href="http://daneden.me/animate">daneden.me</a></strong></p>
<p style="text-align: left;"><img class="alignleft size-full wp-image-817" title="css3-4" src="http://omagus.com/wp-content/uploads/2011/12/css3-4.png" alt="" width="418" height="145" /></p>
<p style="text-align: left;"><strong><a href="http://www.ecsspert.com/play/css3-logos/">ecsspert</a></strong></p>
<p style="text-align: left;"><a href="http://omagus.com/wp-content/uploads/2011/12/css3-5.png"><img class="alignleft size-full wp-image-819" title="css3-5" src="http://omagus.com/wp-content/uploads/2011/12/css3-5.png" alt="" width="451" height="140" /></a></p>
<p style="text-align: left;"><strong><a href="http://dochub.io/#css/">dochub.io/#css/</a></strong></p>
<p style="text-align: left;"><a href="http://omagus.com/wp-content/uploads/2011/12/css3-6.png"><img title="css3-6" src="http://omagus.com/wp-content/uploads/2011/12/css3-6.png" alt="" width="443" height="129" /></a></p>
<p style="text-align: left;"><a href="http://nicolasgallagher.com/lab/css3-social-signin-buttons/#button">nicolasgallagher</a></p>
<p style="text-align: left;"><a href="http://omagus.com/wp-content/uploads/2011/12/css3-7.png"><img title="css3-7" src="http://omagus.com/wp-content/uploads/2011/12/css3-7.png" alt="" width="407" height="120" /></a></p>
<p style="text-align: left;"><strong><a href="http://robertnyman.com/css3/">robertnyman</a></strong></p>
<p style="text-align: left;"><a href="http://omagus.com/wp-content/uploads/2011/12/css3-8.png"><img class="alignleft size-full wp-image-822" title="css3-8" src="http://omagus.com/wp-content/uploads/2011/12/css3-8.png" alt="" width="403" height="121" /></a></p>
<p style="text-align: left;"><strong><a href="http://iamceege.com/pure-css3-content-slider/">tiamceege.com/pure-css3-content-slider/</a></strong></p>
<p style="text-align: left;"><a href="http://omagus.com/wp-content/uploads/2011/12/css3-10.png"><img title="css3-10" src="http://omagus.com/wp-content/uploads/2011/12/css3-10.png" alt="" width="405" height="152" /></a></p>
<p style="text-align: left;"><strong><a href="http://www.html5rocks.com/en/tutorials/flexbox/quick/">tml5rocks.com</a></strong></p>
<p style="text-align: left;"><a href="http://omagus.com/wp-content/uploads/2011/12/css3-11.png"><img class="size-full wp-image-814 alignleft" title="css3-11" src="http://omagus.com/wp-content/uploads/2011/12/css3-11.png" alt="" width="403" height="116" /></a></p>
<p>&nbsp;</p>
<h2  class="related_post_title">Lihat Juga Yang ini</h2><ul class="related_post"><li><a href="http://omagus.com/mengembalikan-jati-diri-bangsa-bukan-hanya-tugas-pemimpin-baru.php" title="Mengembalikan jati diri bangsa bukan hanya tugas pemimpin baru">Mengembalikan jati diri bangsa bukan hanya tugas pemimpin baru</a> (93)</li><li><a href="http://omagus.com/template-lokomedia.php" title="template lokomedia">template lokomedia</a> (28)</li><li><a href="http://omagus.com/hosting-gratis.php" title="Hosting gratis..!">Hosting gratis..!</a> (70)</li><li><a href="http://omagus.com/aplikasi-toko-online.php" title="Aplikasi Toko Online">Aplikasi Toko Online</a> (30)</li><li><a href="http://omagus.com/layar-tancep-sebuah-hiburan-yang-terlupakan.php" title="Layar Tancep..! Sebuah hiburan yang terlupakan">Layar Tancep..! Sebuah hiburan yang terlupakan</a> (22)</li><li><a href="http://omagus.com/windows-ke-linux.php" title="Transformasi dari windows ke Linux">Transformasi dari windows ke Linux</a> (19)</li><li><a href="http://omagus.com/ubuntu-9-10-karmic-koala-first-look.php" title="Ubuntu 9.10 &#8211; Karmic Koala First Look">Ubuntu 9.10 &#8211; Karmic Koala First Look</a> (7)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://omagus.com/css3-usefull-links-and-tutorial.php/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Update wordpress 3.3</title>
		<link>http://omagus.com/update-wordpress-3-3.php</link>
		<comments>http://omagus.com/update-wordpress-3-3.php#comments</comments>
		<pubDate>Tue, 13 Dec 2011 03:20:47 +0000</pubDate>
		<dc:creator>omagus</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[blogging tips]]></category>
		<category><![CDATA[tipstrik]]></category>
		<category><![CDATA[update]]></category>
		<category><![CDATA[wordperss.3.3]]></category>

		<guid isPermaLink="false">http://omagus.com/?p=780</guid>
		<description><![CDATA[Saat buka dashboard pagi ini, ternyata sudah rilis wp.3.3. Tanpa banyak basa basi langsung klik update now.  Lumayan tambah keren aja nih wordpress. Mulai dari penambahan .  Diantaranya : File type detections Lebih mudah dan efisien untuk mendeteksi file yang kita upload. Drag and drop media Uploader Anda tinggal menarik file dari desktop ke uploader. [...]]]></description>
			<content:encoded><![CDATA[<p>Saat buka dashboard pagi ini, ternyata sudah rilis wp.3.3. Tanpa banyak basa basi langsung klik update now.  Lumayan tambah keren aja nih wordpress. Mulai dari penambahan .  Diantaranya :</p>
<p><strong>File type detections</strong><br />
Lebih mudah dan efisien untuk mendeteksi file yang kita upload.</p>
<p><strong>Drag and drop media Uploader</strong></p>
<p>Anda tinggal menarik file dari desktop ke uploader. bisa satu atau banyak sekaligus.<br />
<strong>More file format</strong><br />
Menambahkan file jenis rar dan 7z untuk bisa di upload</p>
<p>&nbsp;</p>
<p>Selain itu ada beberapa perubahan pada desain dasrboard yang menurut saya lebih fresh. Juga beberapa fitur penambahan lainya. untuk lebih lengkap dan jelasnya. silahkan update wordpess anda untuk melihat beberapa perubahannya.</p>
<p>referensi untuk wordpress 3.3 :</p>
<p><a title="wordpress 3.3" href="http://codex.wordpress.org/Version_3.3" target="_blank">wp codex</a></p>
<p><a title="wordpress 3.3  news" href="http://wordpress.org/news/2011/12/sonny/" target="_blank">WordPress news</a></p>
<p>&nbsp;</p>
<div></div>
<h2  class="related_post_title">Artikel Terhubung</h2><ul class="related_post"><li><a href="http://omagus.com/hosting-ngetrend-indonesia.php" title="Hosting Ngetrend Indonesia">Hosting Ngetrend Indonesia</a> (20)</li><li><a href="http://omagus.com/hosting-gratis.php" title="Hosting gratis..!">Hosting gratis..!</a> (70)</li><li><a href="http://omagus.com/tips-menaikan-pengunjung.php" title="Tips Menaikan pengunjung ">Tips Menaikan pengunjung </a> (60)</li><li><a href="http://omagus.com/membuat-blog-agregator.php" title="membuat blog agregator..!">membuat blog agregator..!</a> (23)</li><li><a href="http://omagus.com/memindahkan-hostingan-wordpress.php" title="memindahkan Hostingan Wordpress">memindahkan Hostingan Wordpress</a> (22)</li><li><a href="http://omagus.com/membuka-plurk-cara-gue.php" title="membuka Plurk Cara gue..!">membuka Plurk Cara gue..!</a> (40)</li><li><a href="http://omagus.com/alexa-kena-rayu-juga.php" title="Alexa kena rayu juga">Alexa kena rayu juga</a> (29)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://omagus.com/update-wordpress-3-3.php/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>css3 transition</title>
		<link>http://omagus.com/css3-transition.php</link>
		<comments>http://omagus.com/css3-transition.php#comments</comments>
		<pubDate>Thu, 01 Dec 2011 21:03:41 +0000</pubDate>
		<dc:creator>omagus</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[tipstrick]]></category>

		<guid isPermaLink="false">http://omagus.com/?p=732</guid>
		<description><![CDATA[Untuk mendapatkan efek hover pada suatu objek biasanya kita menggunakan javascript atau memakai flash. tapi dengan cs3 kita bisa mendapatkan hal tersebut. Kita bisa membuat efek berputar, di zoom atau di geser. Dengan efek easing yang biasanya memakai jquery. XHTML &#38;lt;div id="tran"&#38;gt; &#38;lt;a href="index.html"&#38;gt;&#38;lt;h1&#38;gt;Your Logo&#38;lt;/h1&#38;gt;&#38;lt;/a&#38;gt; &#38;lt;/div&#38;gt; 123 &#38;lt;div id="tran"&#38;gt; &#38;lt;a href="index.html"&#38;gt;&#38;lt;h1&#38;gt;Your Logo&#38;lt;/h1&#38;gt;&#38;lt;/a&#38;gt; &#38;lt;/div&#38;gt; CSS : [...]]]></description>
			<content:encoded><![CDATA[<p>Untuk mendapatkan efek hover pada suatu objek biasanya kita menggunakan javascript atau memakai flash. tapi dengan cs3 kita bisa mendapatkan hal tersebut. Kita bisa membuat efek berputar, di zoom atau di geser. Dengan efek easing yang biasanya memakai jquery.<span id="more-732"></span></p>
<p>

<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d15b17 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d15b17" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d15b17'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d15b17'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d15b17'); return false;"></a><span class="crayon-language">XHTML</span><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">&amp;lt;div id="tran"&amp;gt;
&amp;lt;a href="index.html"&amp;gt;&amp;lt;h1&amp;gt;Your Logo&amp;lt;/h1&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;/div&amp;gt;</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div><div class="crayon-num crayon-striped-num">2</div><div class="crayon-num">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="sy ">&amp;lt;</span>div<span class="h "> </span><span class="e">id</span>=<span class="s">"tran"</span><span class="sy ">&amp;gt;</span></div><div class="crayon-line crayon-striped-line" id="line-2"><span class="sy ">&amp;lt;</span>a<span class="h "> </span><span class="e">href</span>=<span class="s">"index.html"</span><span class="sy ">&amp;gt;</span><span class="sy ">&amp;lt;</span>h1<span class="sy ">&amp;gt;</span>Your<span class="h "> </span>Logo<span class="sy ">&amp;lt;</span>/h1<span class="sy ">&amp;gt;</span><span class="sy ">&amp;lt;</span>/a<span class="sy ">&amp;gt;</span></div><div class="crayon-line" id="line-3"><span class="sy ">&amp;lt;</span>/div<span class="sy ">&amp;gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0007 seconds] -->

</p>
<h2><span style="color: #800000;">CSS :</span></h2>
<p>

<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d15f06 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d15f06" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d15f06'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d15f06'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d15f06'); return false;"></a><span class="crayon-language">CSS</span><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">#tran h1 { width:  290px;

margin: 0 auto;

background: #000;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

height: 100px;  }

&amp;nbsp;

#tran h1:hover {background: #333;

-webkit-transform: rotate(5deg) scale(1.05);

-moz-transform: rotate(5deg) scale(1.05);

-o-transform: rotate(5deg) scale(1.05);

-ms-transform: rotate(5deg) scale(1.05); }</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div><div class="crayon-num crayon-striped-num">2</div><div class="crayon-num">3</div><div class="crayon-num crayon-striped-num">4</div><div class="crayon-num">5</div><div class="crayon-num crayon-striped-num">6</div><div class="crayon-num">7</div><div class="crayon-num crayon-striped-num">8</div><div class="crayon-num">9</div><div class="crayon-num crayon-striped-num">10</div><div class="crayon-num">11</div><div class="crayon-num crayon-striped-num">12</div><div class="crayon-num">13</div><div class="crayon-num crayon-striped-num">14</div><div class="crayon-num">15</div><div class="crayon-num crayon-striped-num">16</div><div class="crayon-num">17</div><div class="crayon-num crayon-striped-num">18</div><div class="crayon-num">19</div><div class="crayon-num crayon-striped-num">20</div><div class="crayon-num">21</div><div class="crayon-num crayon-striped-num">22</div><div class="crayon-num">23</div><div class="crayon-num crayon-striped-num">24</div><div class="crayon-num">25</div><div class="crayon-num crayon-striped-num">26</div><div class="crayon-num">27</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="k">#tran</span><span class="h "> </span>h1<span class="h "> </span><span class="sy ">{</span><span class="h "> </span><span class="e">width</span><span class="sy ">:</span> <span class="h "> </span>290px<span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-2"></div><div class="crayon-line" id="line-3"><span class="e">margin</span><span class="sy ">:</span><span class="i"> 0 auto</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-4"></div><div class="crayon-line" id="line-5"><span class="e">background</span><span class="sy ">:</span><span class="i"> </span>#000<span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-6"></div><div class="crayon-line" id="line-7">-<span class="e">webkit-transition</span><span class="sy ">:</span><span class="i"> all 1s ease-in-out</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-8"></div><div class="crayon-line" id="line-9">-<span class="e">moz-transition</span><span class="sy ">:</span><span class="i"> all 1s ease-in-out</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-10"></div><div class="crayon-line" id="line-11">-<span class="e">o-transition</span><span class="sy ">:</span><span class="i"> all 1s ease-in-out</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-12"></div><div class="crayon-line" id="line-13">-<span class="e">ms-transition</span><span class="sy ">:</span><span class="i"> all 1s ease-in-out</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-14"></div><div class="crayon-line" id="line-15"><span class="e">height</span><span class="sy ">:</span><span class="i"> 100px</span><span class="sy ">;</span> <span class="h "> </span><span class="sy ">}</span></div><div class="crayon-line crayon-striped-line" id="line-16"></div><div class="crayon-line" id="line-17"><span class="sy ">&amp;nbsp;</span></div><div class="crayon-line crayon-striped-line" id="line-18"></div><div class="crayon-line" id="line-19"><span class="k">#tran</span><span class="h "> </span><span class="e">h1</span><span class="sy ">:</span>hover<span class="h "> </span><span class="sy ">{</span><span class="e">background</span><span class="sy ">:</span><span class="i"> </span>#333<span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-20"></div><div class="crayon-line" id="line-21">-<span class="e">webkit-transform</span><span class="sy ">:</span><span class="i"> rotate</span><span class="sy ">(</span>5deg<span class="sy ">)</span><span class="h "> </span>scale<span class="sy ">(</span>1<span class="sy ">.</span>05<span class="sy ">)</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-22"></div><div class="crayon-line" id="line-23">-<span class="e">moz-transform</span><span class="sy ">:</span><span class="i"> rotate</span><span class="sy ">(</span>5deg<span class="sy ">)</span><span class="h "> </span>scale<span class="sy ">(</span>1<span class="sy ">.</span>05<span class="sy ">)</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-24"></div><div class="crayon-line" id="line-25">-<span class="e">o-transform</span><span class="sy ">:</span><span class="i"> rotate</span><span class="sy ">(</span>5deg<span class="sy ">)</span><span class="h "> </span>scale<span class="sy ">(</span>1<span class="sy ">.</span>05<span class="sy ">)</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-26"></div><div class="crayon-line" id="line-27">-<span class="e">ms-transform</span><span class="sy ">:</span><span class="i"> rotate</span><span class="sy ">(</span>5deg<span class="sy ">)</span><span class="h "> </span>scale<span class="sy ">(</span>1<span class="sy ">.</span>05<span class="sy ">)</span><span class="sy ">;</span><span class="h "> </span><span class="sy ">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0111 seconds] -->

</p>
<p><a href="http://omagus.com/wp-content/uploads/2011/12/css.jpg"><img class="size-full wp-image-773 aligncenter" title="css" src="http://omagus.com/wp-content/uploads/2011/12/css.jpg" alt="" width="590" height="289" /></a></p>
<p>Penjelasannya :</p>
<p>Tekhnik css di atas di gunakan untuk menampilkan animasi ease in out logo tag &lt;h1&gt;, dan saat posisi hover <em>(mouse di atas object)</em>. maka akan di putar 5derajad 

<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d162e6 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d162e6" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d162e6'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d162e6'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d162e6'); return false;"></a><span class="crayon-language">CSS</span><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"> rotate(5deg) </textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="h "> </span>rotate<span class="sy ">(</span>5deg<span class="sy ">)</span><span class="h "> </span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0002 seconds] -->

. Dan akan di perbesar skalanya 

<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d166d2 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d166d2" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d166d2'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d166d2'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d166d2'); return false;"></a><span class="crayon-language">CSS</span><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"> scale(1.05) </textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="h "> </span>scale<span class="sy ">(</span>1<span class="sy ">.</span>05<span class="sy ">)</span><span class="h "> </span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0004 seconds] -->

.</p>
<p>Dengan tekhnik ini anda bisa membuat efek memutar text bisa sampai 360 derajad sserta bisa di zoom atau di perbesar. untuk kecepatan efectnya bisa anda sesuaikan sendiri pada bagian ini 

<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d16ab5 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d16ab5" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d16ab5'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d16ab5'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d16ab5'); return false;"></a><span class="crayon-language">CSS</span><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"> all 1s ease-in-out; </textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="h "> </span>all<span class="h "> </span>1s<span class="h "> </span>ease-in-out<span class="sy ">;</span><span class="h "> </span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0003 seconds] -->

. Anda bisa merubah <strong>1s</strong> sesuai dengan yang anda inginkan.</p>
<p>untuk  previewnya silahkan lihat di website<a title="integrated digital campaign" href="http://alurkria.com"> alurkria.com</a></p>
<p>Sekian selamat mencoba&#8230;!</p>
<p>&nbsp;</p>
<h2  class="related_post_title">Lihat Juga Yang ini</h2><ul class="related_post"><li><a href="http://omagus.com/friendship-blog-awards.php" title="Friendship Blog awards">Friendship Blog awards</a> (10)</li><li><a href="http://omagus.com/alexa-nglonjak.php" title="Alexa nglonjak..!">Alexa nglonjak..!</a> (29)</li><li><a href="http://omagus.com/hampa-dan-kosong.php" title="Hampa dan kosong">Hampa dan kosong</a> (30)</li><li><a href="http://omagus.com/migrasi-ke-ubuntu.php" title="Migrasi ke Ubuntu sabily">Migrasi ke Ubuntu sabily</a> (88)</li><li><a href="http://omagus.com/ternyata-paypal-mbayar-beneran.php" title="Ternyata paypal mbayar beneran">Ternyata paypal mbayar beneran</a> (21)</li><li><a href="http://omagus.com/googlead5f6ff467023f74-html.php" title="googlead5f6ff467023f74.html">googlead5f6ff467023f74.html</a> (0)</li><li><a href="http://omagus.com/putih-kembali.php" title="Putih Kembali&#8230;!">Putih Kembali&#8230;!</a> (15)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://omagus.com/css3-transition.php/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>membuat text 3d dengan css</title>
		<link>http://omagus.com/membuat-text-3d-dengan-css.php</link>
		<comments>http://omagus.com/membuat-text-3d-dengan-css.php#comments</comments>
		<pubDate>Thu, 13 Oct 2011 20:14:29 +0000</pubDate>
		<dc:creator>omagus</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[tipstrick]]></category>
		<category><![CDATA[3d text]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[text 3d]]></category>
		<category><![CDATA[tipstrik]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://omagus.com/?p=687</guid>
		<description><![CDATA[Ada banyak cara untuk mempercantik penampilan blog atu web kita. Salah satunya adalah menggunakan teks 3 dimensi yang akan saya bahas kali ini. Kalau biasanya untuk menampilkan teks yang berupa 3d, menggunakan image atau gambar. Tapi dengan css saja kita juga bisa koq. mari kita mulai. untuk sampel teksnya   nanti kira kira jadinya seperti [...]]]></description>
			<content:encoded><![CDATA[<p>Ada banyak cara untuk mempercantik penampilan blog atu web kita. Salah satunya adalah menggunakan teks 3 dimensi yang akan saya bahas kali ini. Kalau biasanya untuk menampilkan teks yang berupa 3d, menggunakan image atau gambar. Tapi dengan css saja kita juga bisa koq. mari kita mulai.<span id="more-687"></span></p>
<p>untuk sampel teksnya   nanti kira kira jadinya seperti ini.</p>
<p><a href="http://omagus.com/membuat-text-3d-dengan-css.php/3dtext-with-css" rel="attachment wp-att-688"><img class="alignleft size-full wp-image-688" title="3dtext-with-css" src="http://omagus.com/wp-content/uploads/2011/10/3dtext-with-css.jpg" alt="" width="735" height="63" /></a></p>
<p>lalu kita tulis kode htmlnya dengan id atau class tertentu.</p>
<blockquote><p>[codesyntax lang="php"]<br />


<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d16ea0 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d16ea0" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d16ea0'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d16ea0'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d16ea0'); return false;"></a><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">&amp;lt;h1 class="inset"&amp;gt; B.REG.P60. &amp;lt;strong style="color:#CC0000"&amp;gt;021&amp;lt;/strong&amp;gt;.BC7305. &amp;lt;strong style="color:#CC0000"&amp;gt;014&amp;lt;/strong&amp;gt;.no-rek-anda &amp;lt;/h1&amp;gt;</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="o ">&amp;</span><span class="i ">lt</span><span class="sy ">;</span><span class="e ">h1 </span><span class="t ">class</span><span class="o ">=</span><span class="s ">"inset"</span><span class="o ">&amp;</span><span class="i ">gt</span><span class="sy ">;</span><span class="h "> </span><span class="i ">B</span><span class="sy ">.</span><span class="v ">REG</span><span class="sy ">.</span><span class="v ">P60</span><span class="sy ">.</span><span class="h "> </span><span class="o ">&amp;</span><span class="i ">lt</span><span class="sy ">;</span><span class="e ">strong </span><span class="i ">style</span><span class="o ">=</span><span class="s ">"color:#CC0000"</span><span class="o ">&amp;</span><span class="i ">gt</span><span class="sy ">;</span><span class="cn ">021</span><span class="o ">&amp;</span><span class="i ">lt</span><span class="sy ">;</span><span class="o ">/</span><span class="i ">strong</span><span class="o ">&amp;</span><span class="i ">gt</span><span class="sy ">;</span><span class="sy ">.</span><span class="v ">BC7305</span><span class="sy ">.</span><span class="h "> </span><span class="o ">&amp;</span><span class="i ">lt</span><span class="sy ">;</span><span class="e ">strong </span><span class="i ">style</span><span class="o ">=</span><span class="s ">"color:#CC0000"</span><span class="o ">&amp;</span><span class="i ">gt</span><span class="sy ">;</span><span class="cn ">014</span><span class="o ">&amp;</span><span class="i ">lt</span><span class="sy ">;</span><span class="o ">/</span><span class="i ">strong</span><span class="o ">&amp;</span><span class="i ">gt</span><span class="sy ">;</span><span class="sy ">.</span><span class="v ">no</span><span class="o ">-</span><span class="i ">rek</span><span class="o ">-</span><span class="i ">anda</span><span class="h "> </span><span class="o ">&amp;</span><span class="i ">lt</span><span class="sy ">;</span><span class="o ">/</span><span class="i ">h1</span><span class="o ">&amp;</span><span class="i ">gt</span><span class="sy ">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0026 seconds] -->

<br />
[/codesyntax]<br />


<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d17286 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d17286" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="error">An error has occurred. Please try again later.</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Load Time: 0.0001 seconds] -->


</p></blockquote>
<p>nah dari class inset inilah yang akan kita masukan cssnya</p>
<p>masukan kode css seperti ini pada file css anda.</p>
<blockquote><p>


<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d17683 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d17683" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="error">An error has occurred. Please try again later.</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Load Time: 0.0001 seconds] -->

<br />
&nbsp;</p>
<p>[codesyntax lang="css" capitalize="lower"]<br />


<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d17a6c .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d17a6c" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d17a6c'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d17a6c'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d17a6c'); return false;"></a><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">.inset {
font-size: 33px;
color: &nbsp;&nbsp;&nbsp;&nbsp;#0099FF;
text-shadow: &nbsp;&nbsp;&nbsp;&nbsp;0 1px 0 #bbb,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 2px 0 #bbb,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 3px 0 #aaa,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 4px 0 #aaa,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 5px 0 #999,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 6px 1px #000,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 0px 3px #000,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 1px 3px #000,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 3px 5px #000,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 5px 10px #000,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 5px 20px #000;}</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div><div class="crayon-num crayon-striped-num">2</div><div class="crayon-num">3</div><div class="crayon-num crayon-striped-num">4</div><div class="crayon-num">5</div><div class="crayon-num crayon-striped-num">6</div><div class="crayon-num">7</div><div class="crayon-num crayon-striped-num">8</div><div class="crayon-num">9</div><div class="crayon-num crayon-striped-num">10</div><div class="crayon-num">11</div><div class="crayon-num crayon-striped-num">12</div><div class="crayon-num">13</div><div class="crayon-num crayon-striped-num">14</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="sy ">.</span><span class="v ">inset</span><span class="h "> </span><span class="sy ">{</span></div><div class="crayon-line crayon-striped-line" id="line-2"><span class="i ">font</span><span class="o ">-</span><span class="i ">size</span><span class="o ">:</span><span class="h "> </span><span class="cn ">33px</span><span class="sy ">;</span></div><div class="crayon-line" id="line-3"><span class="i ">color</span><span class="o ">:</span><span class="h "> &nbsp;&nbsp;&nbsp;&nbsp;</span><span class="o ">#</span><span class="cn ">0099FF</span><span class="sy ">;</span></div><div class="crayon-line crayon-striped-line" id="line-4"><span class="i ">text</span><span class="o ">-</span><span class="i ">shadow</span><span class="o ">:</span><span class="h "> &nbsp;&nbsp;&nbsp;&nbsp;</span><span class="cn ">0</span><span class="h "> </span><span class="cn ">1px</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="o ">#</span><span class="i ">bbb</span><span class="sy ">,</span></div><div class="crayon-line" id="line-5"><span class="h ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="cn ">0</span><span class="h "> </span><span class="cn ">2px</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="o ">#</span><span class="i ">bbb</span><span class="sy ">,</span></div><div class="crayon-line crayon-striped-line" id="line-6"><span class="h ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="cn ">0</span><span class="h "> </span><span class="cn ">3px</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="o ">#</span><span class="i ">aaa</span><span class="sy ">,</span></div><div class="crayon-line" id="line-7"><span class="h ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="cn ">0</span><span class="h "> </span><span class="cn ">4px</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="o ">#</span><span class="i ">aaa</span><span class="sy ">,</span></div><div class="crayon-line crayon-striped-line" id="line-8"><span class="h ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="cn ">0</span><span class="h "> </span><span class="cn ">5px</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="o ">#</span><span class="cn ">999</span><span class="sy ">,</span></div><div class="crayon-line" id="line-9"><span class="h ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="cn ">0</span><span class="h "> </span><span class="cn ">6px</span><span class="h "> </span><span class="cn ">1px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">,</span></div><div class="crayon-line crayon-striped-line" id="line-10"><span class="h ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="cn ">0</span><span class="h "> </span><span class="cn ">0px</span><span class="h "> </span><span class="cn ">3px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">,</span></div><div class="crayon-line" id="line-11"><span class="h ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="cn ">0</span><span class="h "> </span><span class="cn ">1px</span><span class="h "> </span><span class="cn ">3px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">,</span></div><div class="crayon-line crayon-striped-line" id="line-12"><span class="h ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="cn ">0</span><span class="h "> </span><span class="cn ">3px</span><span class="h "> </span><span class="cn ">5px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">,</span></div><div class="crayon-line" id="line-13"><span class="h ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="cn ">0</span><span class="h "> </span><span class="cn ">5px</span><span class="h "> </span><span class="cn ">10px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">,</span></div><div class="crayon-line crayon-striped-line" id="line-14"><span class="h ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="cn ">0</span><span class="h "> </span><span class="cn ">5px</span><span class="h "> </span><span class="cn ">20px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">;</span><span class="sy ">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0040 seconds] -->

<br />
[/codesyntax]&nbsp;</p></blockquote>
<p>

<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d17e50 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d17e50" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="error">An error has occurred. Please try again later.</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Load Time: 0.0001 seconds] -->

<br />
Pembahasannya:</p>
<p>inti dari text 3d ini adalah kita membuat beberapa lapis shadow atau bayangan di bawah text, formatnya seperti ini :</p>
<blockquote><p>


<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d1823b .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d1823b" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d1823b'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d1823b'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d1823b'); return false;"></a><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">[codesyntax lang="css" capitalize="lower"]</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="sy ">[</span><span class="e ">codesyntax </span><span class="i ">lang</span><span class="o ">=</span><span class="s ">"css"</span><span class="h "> </span><span class="i ">capitalize</span><span class="o ">=</span><span class="s ">"lower"</span><span class="sy ">]</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0005 seconds] -->

<br />


<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d18626 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d18626" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d18626'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d18626'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d18626'); return false;"></a><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">.inset { text-shadow: [X-offset] [Y-offset] [Blur size] [Colour]; }</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="sy ">.</span><span class="v ">inset</span><span class="h "> </span><span class="sy ">{</span><span class="h "> </span><span class="i ">text</span><span class="o ">-</span><span class="i ">shadow</span><span class="o ">:</span><span class="h "> </span><span class="sy ">[</span><span class="i ">X</span><span class="o ">-</span><span class="i ">offset</span><span class="sy ">]</span><span class="h "> </span><span class="sy ">[</span><span class="i ">Y</span><span class="o ">-</span><span class="i ">offset</span><span class="sy ">]</span><span class="h "> </span><span class="sy ">[</span><span class="e ">Blur </span><span class="i ">size</span><span class="sy ">]</span><span class="h "> </span><span class="sy ">[</span><span class="i ">Colour</span><span class="sy ">]</span><span class="sy ">;</span><span class="h "> </span><span class="sy ">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0011 seconds] -->

<br />


<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d18a0c .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d18a0c" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d18a0c'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d18a0c'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d18a0c'); return false;"></a><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">[/codesyntax]</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="sy ">[</span><span class="o ">/</span><span class="i ">codesyntax</span><span class="sy ">]</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0003 seconds] -->


</p></blockquote>
<p>X-offset : jarak horisontal shadow dari text</p>
<p>Y-offset : jarak vertical dari text</p>
<p>Blur size : jarak ketebalan efek blur dari shadow itu sendiri</p>
<p>colour : warna dari shadow text yang anda inginkan, anda bisa memakai rgb atau memakai kode hex colour</p>
<p>.inset : nama class (terserah anda)</p>
<p>jadi untuk membuat efek 3 dimensinya anda bisa membuat beberapa lapis shadownya yang anda atur jarak dan warnanya seperti ini.</p>
<blockquote><p>


<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d18de9 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d18de9" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d18de9'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d18de9'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d18de9'); return false;"></a><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">[codesyntax lang="css" capitalize="lower"]</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="sy ">[</span><span class="e ">codesyntax </span><span class="i ">lang</span><span class="o ">=</span><span class="s ">"css"</span><span class="h "> </span><span class="i ">capitalize</span><span class="o ">=</span><span class="s ">"lower"</span><span class="sy ">]</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0004 seconds] -->

<br />


<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d191c5 .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d191c5" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d191c5'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d191c5'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d191c5'); return false;"></a><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">text-shadow: 0 1px 0 #bbb, 0 2px 0 #bbb, 0 3px 0 #aaa, 0 4px 0 #aaa, 0 5px 0 #999, 0 6px 1px #000, 0 0px 3px #000, 0 1px 3px #000, 0 3px 5px #000, 0 5px 10px #000, 0 5px 20px #000;</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="i ">text</span><span class="o ">-</span><span class="i ">shadow</span><span class="o ">:</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="cn ">1px</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="o ">#</span><span class="i ">bbb</span><span class="sy ">,</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="cn ">2px</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="o ">#</span><span class="i ">bbb</span><span class="sy ">,</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="cn ">3px</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="o ">#</span><span class="i ">aaa</span><span class="sy ">,</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="cn ">4px</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="o ">#</span><span class="i ">aaa</span><span class="sy ">,</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="cn ">5px</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="o ">#</span><span class="cn ">999</span><span class="sy ">,</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="cn ">6px</span><span class="h "> </span><span class="cn ">1px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">,</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="cn ">0px</span><span class="h "> </span><span class="cn ">3px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">,</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="cn ">1px</span><span class="h "> </span><span class="cn ">3px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">,</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="cn ">3px</span><span class="h "> </span><span class="cn ">5px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">,</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="cn ">5px</span><span class="h "> </span><span class="cn ">10px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">,</span><span class="h "> </span><span class="cn ">0</span><span class="h "> </span><span class="cn ">5px</span><span class="h "> </span><span class="cn ">20px</span><span class="h "> </span><span class="o ">#</span><span class="cn ">000</span><span class="sy ">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0034 seconds] -->

<br />


<!-- Crayon Syntax Highlighter v1.7.1 -->
<link rel="stylesheet" type="text/css" href="http://omagus.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monospace.css?ver1.7.1" />
<style type="text/css">#crayon-4fb5773d195ac .crayon-plain { font-size: 12px !important; line-height: 16px !important;}</style>
		<div id="crayon-4fb5773d195ac" class="crayon-syntax crayon-theme-classic crayon-font-monospace" crayon-os="pc" settings=" scroll-mouseover" style=" max-width: 600px; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; float: none; clear: none;">
		
			<div class="crayon-toolbar" settings=" mouseover overlay hide delay">
			<div class="crayon-tools"><a href="#" class="crayon-nums-button crayon-button" title="Toggle Line Numbers" onclick="toggle_nums('crayon-4fb5773d195ac'); return false;"></a><a href="#" class="crayon-copy-button crayon-button" title="Copy Plain Code" onclick="copy_plain('crayon-4fb5773d195ac'); return false;"></a><a href="#" class="crayon-popup-button crayon-button" title="Open Code in Window" onclick="return false;"></a><a href="#" class="crayon-plain-button crayon-button" title="Toggle Plain Code" onclick="toggle_plain('crayon-4fb5773d195ac'); return false;"></a><a href="#" class="crayon-nums-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-copy-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-popup-button crayon-button crayon-pressed crayon-invisible"></a><a href="#" class="crayon-plain-button crayon-button crayon-pressed crayon-invisible"></a></div>
			</div><div><textarea class="crayon-plain" settings="dblclick" readonly  wrap="off" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">[/codesyntax]</textarea></div><div class="crayon-info"></div>
			<div class="crayon-main" style=" max-height: 400px; max-width: 600px;">
				<table class="crayon-table" cellpadding="0" cellspacing="0">
					<tr class="crayon-row">
				<td class="crayon-nums " settings="show">
					<div class="crayon-nums-content"><div class="crayon-num">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre"><div class="crayon-line" id="line-1"><span class="sy ">[</span><span class="o ">/</span><span class="i ">codesyntax</span><span class="sy ">]</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>
<!-- [Parse Time: 0.0000 seconds] [Format Time: 0.0002 seconds] -->


</p></blockquote>
<p>setiap satu rangkaian shadow di pisah koma(,)</p>
<p>Jadi bagaimana ..? mudah bukan..?</p>
<p>nah selamat mencoba dan sampai ketemu di trik berikutnya.</p>
<p>&nbsp;</p>
<h2  class="related_post_title">Artikel Terhubung</h2><ul class="related_post"><li><a href="http://omagus.com/menggunakan-font-sendiri-di-website-firefox-solved.php" title="Menggunakan font sendiri di website [firefox solved]">Menggunakan font sendiri di website [firefox solved]</a> (0)</li><li><a href="http://omagus.com/memperingan-jalannya-firefox-di-windows.php" title="memperingan jalannya firefox di windows">memperingan jalannya firefox di windows</a> (6)</li><li><a href="http://omagus.com/update-wordpress-3-3.php" title="Update wordpress 3.3">Update wordpress 3.3</a> (3)</li><li><a href="http://omagus.com/mohon-maaf-lahir-dan-batin.php" title="Mohon Maaf Lahir dan Batin">Mohon Maaf Lahir dan Batin</a> (3)</li><li><a href="http://omagus.com/menjalankan-photosop-portable-di-windows7.php" title="menjalankan photosop portable di windows7">menjalankan photosop portable di windows7</a> (4)</li><li><a href="http://omagus.com/menambahkan-gambar-pada-web.php" title="Menambahkan Gambar pada web">Menambahkan Gambar pada web</a> (10)</li><li><a href="http://omagus.com/penggabungan-email.php" title="menggabungkan beberapa akun email menjadi satu">menggabungkan beberapa akun email menjadi satu</a> (11)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://omagus.com/membuat-text-3d-dengan-css.php/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Menambahkan Gambar pada web</title>
		<link>http://omagus.com/menambahkan-gambar-pada-web.php</link>
		<comments>http://omagus.com/menambahkan-gambar-pada-web.php#comments</comments>
		<pubDate>Tue, 17 May 2011 01:20:28 +0000</pubDate>
		<dc:creator>omagus</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[tipstrick]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[image widget]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://omagus.com/menambahkan-gambar-pada-web.php</guid>
		<description><![CDATA[Ada pertanyaan dari seseorang disana beberapa waktu yang lalu,om caranya nambahin gambar di sidebar gimana yah om..? saya pakai mesin wordpress om. Bagi orang-orang yang mengetahui paling tidak HTML mungkin mudah tinggal menambahkan beberapa kode html seperti ini pada text widget. &#60;img src=&#34;alamat url gambar&#34; alt=&#34;keterangan gambar&#34; border=&#34;tebelgaris&#34; width=&#34;nominal lebar&#34; height=&#34;nominal tinggi&#34;&#160;&#160; /&#62; lalu gimana [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://omagus.com/wp-content/uploads/2011/05/image1.jpg"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 10px 10px 0px; display: inline; border-top: 0px; border-right: 0px" title="image " border="0" alt="image " align="left" src="http://omagus.com/wp-content/uploads/2011/05/image_thumb1.jpg" width="150" height="130" /></a> Ada pertanyaan dari seseorang disana beberapa waktu yang lalu,om caranya nambahin gambar di sidebar gimana yah om..? saya pakai mesin wordpress om. Bagi orang-orang yang mengetahui paling tidak HTML mungkin mudah tinggal menambahkan beberapa kode html seperti ini pada text widget. </p>
<p> <span id="more-630"></span>
</p>
<blockquote><p>&lt;img src=&quot;<a href="http://www.host1free.com/images/banners/120x90.jpg&quot;">alamat url gambar&quot;</a> alt=&quot;keterangan gambar&quot; border=&quot;tebelgaris&quot; width=&quot;nominal lebar&quot; height=&quot;nominal tinggi&quot;&#160;&#160; /&gt;</p>
</blockquote>
<p>lalu gimana biar bisa di klik ke sebuah link tambahkan di depannya </p>
<blockquote><p>&lt;a href=&quot;alamat url?&#160; target=&quot;_blank&quot;&gt;</p>
</p>
</blockquote>
<p>dan tutup de belakangnya dengan &lt;/a&gt; sehingga formatnya jadi seperti ini</p>
<blockquote><p>&lt;a href=&quot;<a href="http://www.host1free.com?ap_id=omagus&quot;">alamat url/link tujuan? </a>target=&quot;_blank&quot;&gt;&lt;img src=&quot;<a href="http://www.host1free.com/images/banners/120x90.jpg&quot;">alamat url gambar&quot;</a> alt=&quot;keterangan gambar &quot; border=&quot;0&quot; width=&quot;lebar&quot; height=&quot;tinggi&quot;&#160;&#160; /&gt;&lt;/a&gt;</p>
</blockquote>
<p>nah gampangkan..? lalu kalau yang gak ngerti penilisan HTML dengan benar pasti yang keluar adalah kodenya <img src='http://omagus.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> . </p>
<p>Kalau anda memakai cms wordpress (hosting sendiri)&#160; pasang aja saja plugin salah satunya mungkin <a href="http://wordpress.org/extend/plugins/image-widget/" target="_blank">image widget</a> . setelah terinstal pasang pluginnya pada widget dan anda tak perlu repot untuk memikirkan HTMLnya. kira-kira begini tampilan widgetnya. </p>
<p><a href="http://omagus.com/wp-content/uploads/2011/05/imagewidget.jpg"><img style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="image widget" border="0" alt="image widget" src="http://omagus.com/wp-content/uploads/2011/05/imagewidget_thumb.jpg" width="98" height="320" /></a> anda bisa menambahkan gambar pada add image bila gambarnya belum ada linknya dan mau di upload. Caption di isikan keterangan yang nantinya tulisan itu akan tampil di bawah gambar. Link Isikan dengan alamat/URL yang menuju artikel atau web tujuannya. kemudian sesuaikan lebar dan tingginya untuk alternate Text bisa anda isikan atau anda kosongkan. </p>
<h2  class="related_post_title">Artikel Terhubung</h2><ul class="related_post"><li><a href="http://omagus.com/menggunakan-font-sendiri-di-website-firefox-solved.php" title="Menggunakan font sendiri di website [firefox solved]">Menggunakan font sendiri di website [firefox solved]</a> (0)</li><li><a href="http://omagus.com/memperingan-jalannya-firefox-di-windows.php" title="memperingan jalannya firefox di windows">memperingan jalannya firefox di windows</a> (6)</li><li><a href="http://omagus.com/creakuno.php" title="Creakuno">Creakuno</a> (0)</li><li><a href="http://omagus.com/update-wordpress-3-3.php" title="Update wordpress 3.3">Update wordpress 3.3</a> (3)</li><li><a href="http://omagus.com/sebuai-wordpress-theme.php" title="sebuai wordpress theme">sebuai wordpress theme</a> (0)</li><li><a href="http://omagus.com/membuat-text-3d-dengan-css.php" title="membuat text 3d dengan css">membuat text 3d dengan css</a> (7)</li><li><a href="http://omagus.com/hosting-ngetrend-indonesia.php" title="Hosting Ngetrend Indonesia">Hosting Ngetrend Indonesia</a> (20)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://omagus.com/menambahkan-gambar-pada-web.php/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Free Hosting yang layak di coba</title>
		<link>http://omagus.com/free-hosting-keren.php</link>
		<comments>http://omagus.com/free-hosting-keren.php#comments</comments>
		<pubDate>Thu, 03 Feb 2011 23:05:10 +0000</pubDate>
		<dc:creator>omagus</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[hosting]]></category>
		<category><![CDATA[drupal]]></category>
		<category><![CDATA[Free domain]]></category>
		<category><![CDATA[free hosting]]></category>
		<category><![CDATA[gratisan]]></category>

		<guid isPermaLink="false">http://omagus.com/?p=618</guid>
		<description><![CDATA[Dulu saya pernah membahas beberapa hosting gratisan.Memang enak sing kalo namanya gratisan. Walaupun terkadang ada batasannya, tapi apa salahnya kalau di coba. Dan kalau cocok tinggal pake. kalo kurang tinggal upgrade ke premium gampang kan . Dari perjalanan saya pribadi memcicipi beberapa fasilitas hosting gratisan, kemaren saya mencoba satu lagi sebuah layanan hosting gratis yang [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://adf.ly/S1j2" target="_blank"><img class="alignleft" style="margin: 10px;" src="http://www.host1free.com/images/banners/180x150.jpg" border="0" alt="Free Hosting" width="144" height="120" align="left" /></a>Dulu saya pernah membahas beberapa hosting gratisan.Memang enak sing kalo namanya gratisan. Walaupun terkadang ada batasannya, tapi apa salahnya kalau di coba. Dan kalau cocok tinggal pake. kalo kurang tinggal upgrade ke premium gampang kan <img src='http://omagus.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> . Dari perjalanan saya pribadi memcicipi beberapa fasilitas hosting gratisan, kemaren saya mencoba satu lagi sebuah layanan hosting gratis yang lumayan bagus untuk sekelas free hosting. <span id="more-618"></span></p>
<p>Free hosting ini lumayan keren, selain free spacenya yang lumayan besar. Yang paling saya suka adalah adanya Softcalous di cpanelnya. Sehingga mempermudah kita untuk instalasi beberapa cms yang kita inginkan. Bila cms yang kita inginkan tidak ada pada layanan softcalousnya. Kita juga bisa upload lewat acount ftp yang di sediakan. Kemaren saya coba upload lewat fille zilla file yang lumayan besar dan ternyata tidak ada trouble selama koneksi lancar.? Gimana enak to mantap to..!</p>
<p>Selain itu setelah saya coba akun email yang di sediakan oleh free hosting ini, Ternyata bisa di tarik dengan mudah pop3 dan smtp lewat outlook atau aplikasi email lainnya. tidak seperti fasilitas dari free hosting lainnya yang biasanya terlalu banyak syarat. Dan satu lagi enaknya adalah di hostingan ini free ads. Alias bebas dasi iklan, Karena biasanya free hosting seperti ini biasanya sering nitip adsense milik mereka. Kalau tidak percaya silahkan cek di web <a title="free submit your ads " href="http://sendaljepit.co.cz" target="_blank">sendaljepit.cz.c</a>c yang juga memakai layanan<a title="free domain " href="http://adf.ly/S1mn" target="_blank"><strong> free domain</strong></a> dengan memakai layanan free hosting ini. Di web ini saya memakai cms drupal yang sengaja tidak saya instal dari softcalous, dan saya upload cmsnya lewat filezilla untuk mencobanya, dan ternyata lancar.</p>
<p>Bagi yang berminat silahkan kunjungi Free1host untuk mencicipi layanan free hostingnya. Dan bial butuh domain untuk mencobanya, Gak perlu beli daftar aja di layanan <a title="free submit your ads " href="http://sendaljepit.co.cz" target="_blank">sendaljepit.cz.c</a>c yang juga memakai layanan<a title="free domain " href="http://adf.ly/S1mn" target="_blank"><strong> free domain cz.cc</strong></a><br />
<a href="http://www.host1free.com?ap_id=omagus" target="_blank"><img src="http://www.host1free.com/images/banners/120x60.jpg" border="0" alt="Free Hosting" /></a> <a href="http://nic.cz.cc/index.php?ref=omagus"><img src="http://nic.cz.cc/images/120x90_eng.gif" alt="" /></a></p>
<h2  class="related_post_title">Artikel Terhubung</h2><ul class="related_post"><li><a href="http://omagus.com/hosting-ngetrend-indonesia.php" title="Hosting Ngetrend Indonesia">Hosting Ngetrend Indonesia</a> (20)</li><li><a href="http://omagus.com/memindahkan-hostingan-wordpress.php" title="memindahkan Hostingan Wordpress">memindahkan Hostingan Wordpress</a> (22)</li><li><a href="http://omagus.com/custom-domain-untuk-posterous.php" title="Custom domain untuk posterous">Custom domain untuk posterous</a> (33)</li><li><a href="http://omagus.com/instalasi-joomla-dengan-hosting-dan-domain-gratis.php" title="Instalasi joomla dengan hosting dan domain gratis">Instalasi joomla dengan hosting dan domain gratis</a> (24)</li><li><a href="http://omagus.com/hosting-gratis.php" title="Hosting gratis..!">Hosting gratis..!</a> (70)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://omagus.com/free-hosting-keren.php/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>template lokomedia</title>
		<link>http://omagus.com/template-lokomedia.php</link>
		<comments>http://omagus.com/template-lokomedia.php#comments</comments>
		<pubDate>Thu, 23 Dec 2010 04:18:54 +0000</pubDate>
		<dc:creator>omagus</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Endonesia]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[free css theme]]></category>
		<category><![CDATA[free template]]></category>
		<category><![CDATA[free theme]]></category>
		<category><![CDATA[lokomedia]]></category>
		<category><![CDATA[lokomedia theme]]></category>
		<category><![CDATA[oprek-oprek]]></category>
		<category><![CDATA[template lokomedia]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://omagus.com/?p=592</guid>
		<description><![CDATA[Berawal dari rasa penasaran saya kan jquery, Karena? tidak sabar mencari tutorial di google. Akhirnya? saya meluncur ke toko buku. Setelah mondar ?mandir lirak sana lirik sini akhirnya ketemu sebuah buku yang berjudul bikin website super keren? dengan php dan jquery. Dari buku ini saya mendapat bonus cd tutorial dan beberapa theme gratisan hasil sedotan [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://omagus.com/template-lokomedia.php/theme-lokomedia-offlimits" rel="attachment wp-att-593"><img class="alignleft" style="margin: 10px; border: 1px solid black;" title="theme lokomedia offlimits" src="../wp-content/uploads/2010/12/theme-lokomedia-offlimits-300x224.jpg" alt="template lokomedia" width="121" height="90" /></a>Berawal dari rasa penasaran saya kan jquery, Karena? tidak sabar mencari tutorial di google. Akhirnya? saya meluncur ke toko buku. Setelah mondar ?mandir lirak sana lirik sini akhirnya ketemu sebuah buku yang berjudul bikin website super keren? dengan php dan jquery. Dari buku ini saya mendapat bonus cd tutorial dan beberapa theme gratisan hasil sedotan dari internet. Dan yang sedikit membuat saya penasaran adalah bonus sebuah cms ciptaan sang penulis.</p>
<p><span id="more-592"></span><br />
Tanpa pikir panjang , Sampai di rumah saya langsung mengambil cd bonus dari buku tersebut. Dan hampir melupakan bukunya. Hehehhe saking penasaranya dengan cms ini. Saat itu juga langsung saya coba di localhost, keren emang tampilannya hamper sama dengan webnya detik atau juga eramuslim gitu deh. Di lengkapi dengan tools-tools jquery yang mempercantik tampilan website.<br />
Proses instalasinya relative mudah, karena ada petunjuknya di situ. Setelah kita upload semua file ke server,kita tinggal sesuaikan dengan databasenya pada file configurasinya.? Kemudian kita Dump atau import database yang sudah di sediakan. Dan hasilnya bisa kita nikmati.<br />
Tak puas hanya sampai di situ saya pun mencoba mengobrak-abrik dan menjamah? sampai kedalam tubuh cms situ. Dan biasanya yang saya cari apakah template nya mudah di kostumisasi atau tidak.<br />
Dan dari keisengan saya ini saya mencoba merubah sebuah template gratisan dari free css Template dan saya rubah menjadi template lokomedia. Dan ternyata tidak terlalu sulit. Hasilnya bisa di lihat di blog saya yang satunya omagus.web.id. Ada dua template yang sempet saya utak-atik. Yang pertama template bawaan aslinya yaitu elquery yang saya rubah imagenya. Kemudian ada satu lagi hasil kloningan dari free css theme yang saya rubah total menjadi theme lokomedia.<br />
Bila anda mau mencoba silahkan saja di download di blog omagus.web.id. Dan untuk cms lokomedia sendiri bisa anda download gratis dari webnya lokomedia.<br />
Dan ini screenshoot dari dua tampilan web yang saya buat.</p>
<blockquote><p>1. <strong>Offlimits lokomedia Theme.</strong></p>
<p><a href="http://omagus.com/template-lokomedia.php/theme-lokomedia-offlimits" rel="attachment wp-att-593"><img class="aligncenter size-medium wp-image-593" title="theme lokomedia offlimits" src="http://omagus.com/wp-content/uploads/2010/12/theme-lokomedia-offlimits-300x224.jpg" alt="template lokomedia" width="300" height="224" /></a>Template yang ini desain saya comot dari free cms Template. Dengan sedikit di edit imagenya untuk di sesuaikan tampilannya. Tampilannya di sertai dengan jquery yang membuat tampilan web menjadi lebih cantik. Ticker image saya taruh di samping header. Dan Dua kolom sidebar di sebelah kanan. Sehingga pengunjung akan lebih fokus dalam membaca isi seluruh web yang di tampilkan di sidebar.</p>
<p>2. <strong>Kloning El jquery Lokomedia Theme</strong></p>
<p style="text-align: center;"><a title="theme lokomedia 1 by om_agus, on Flickr" href="http://www.flickr.com/photos/omagus/5284724366/"><img class="aligncenter" src="http://farm6.static.flickr.com/5004/5284724366_c17df75857.jpg" alt="theme lokomedia 1" width="397" height="295" /></a></p>
<p>Theme ini hampir sama dengan theme deffaultnya loko media yagn el jquery. Hanya saja saya rubah image tampilannya. Dan untuk kolom terpopuler, terkini dan komentar saya pindah ke sidebar. Jadi ketika pengunjung membaca singel post masih tetap bisaada pilihan ke artikel lain di sidebar. Hampir mirip dngan tampilan kebanyakan blog. dan sebagai penggantinya di samping slide. saya bisa menaruh image iklan atau kode adsense.</p></blockquote>
<p>Dari dua theme loko media itu anda bisa mendownloadnya secara gratis tanpa embel embel di blog saya yang satunya. Silahkan berkunjung kesana. Karena di sana saya memakai cms lokomedia.</p>
<p>Maju terus eNdonesia&#8230;!</p>
<blockquote><p><strong>MAAF KARENA DATA PADA HOSTING LAMA NGGAK KE SIMPEN, UNTUK LINK DOWNLOAD SAYA OFFKAN DULU</strong></p></blockquote>
<h2  class="related_post_title">Artikel Terhubung</h2><ul class="related_post"><li><a href="http://omagus.com/dotgrey-template-lokomedia.php" title="dotgrey template lokomedia">dotgrey template lokomedia</a> (5)</li><li><a href="http://omagus.com/blueclean-opencart-theme.php" title="blueclean opencart theme">blueclean opencart theme</a> (9)</li><li><a href="http://omagus.com/aplikasi-toko-online.php" title="Aplikasi Toko Online">Aplikasi Toko Online</a> (30)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://omagus.com/template-lokomedia.php/feed</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>Hosting Ngetrend Indonesia</title>
		<link>http://omagus.com/hosting-ngetrend-indonesia.php</link>
		<comments>http://omagus.com/hosting-ngetrend-indonesia.php#comments</comments>
		<pubDate>Sun, 28 Nov 2010 06:39:55 +0000</pubDate>
		<dc:creator>omagus</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[hosting]]></category>
		<category><![CDATA[blogger]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[blogging tips]]></category>
		<category><![CDATA[domain]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[kontes]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[ngoprek]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[tipstrik]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://omagus.com/?p=577</guid>
		<description><![CDATA[Bicara blog dan website pasti tidak terlepas dari nama domain dan hostingan. Untuk para blogger pemakai layanan free blogging, seperti wordpress,blogspot, blogsome dan lain-lain. Tentunya tidak terlalu memikirkan hostingan. Tapi selain tidak bisa memiliki settingan web atau blog semau kita, Dan tentunya sub domain seperti itu rawan tersuspend atau di hapus oleh pemilih Top Level [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-584" href="http://omagus.com/hosting-ngetrend-indonesia.php/hosting-tangguh"><img class="alignleft size-full wp-image-584" style="margin: 10px;" title="hosting tangguh" src="http://omagus.com/wp-content/uploads/2010/11/hosting-tangguh.jpg" alt="" width="250" height="150" /></a>Bicara blog dan website pasti tidak terlepas dari nama <strong>domain</strong> dan<strong> hostingan</strong>. Untuk para blogger pemakai layanan free blogging, seperti wordpress,blogspot, blogsome dan lain-lain. Tentunya tidak terlalu memikirkan hostingan. Tapi selain tidak bisa memiliki settingan web atau blog semau kita, Dan tentunya sub domain seperti itu rawan tersuspend atau di hapus oleh pemilih Top Level Domainnya. Karena saya pernah sempat ngeblog di wordpress dan di suspend. Pernah juga blog saya di blogspot di hapus oleh pihak google karena mereka pastinya mempunyai TOS yang mungkin kita sebagai pemakai jarang membacanya. <img src='http://omagus.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  <span id="more-577"></span></p>
<p>Beberapa hari yang lalu ada seorang teman yang pengin merencanakan pindahan blognya ke hostingan sendiri. Sempat juga dia kebingungan mencari hostingan yang bagus dan nyaman tapi di dukung oleh Costumer service yang memuaskan selama 24 jam nonstop. Akhirnya Saya menyarankan untuk memakai IDWEBHOST, Saya sendiri sudah sejak pertama kali mempunyai blog dengan hostingan sendiri sampai beberapa website dan blog yang di amanatkan untuk saya urusin di hostingkan di sana.</p>
<p>Beberapa keunggulanyang saya lihat? antara lain:</p>
<ul>
<li><strong>Costumer service yang selalu siap 24 jam fulltime</strong>. Bahkan saya sempat juga pernah memperbaiki hostingan salah satu web saya sambil di pandu oleh Costumer servicenya sampai jam tiga pagi. Dan selain lewat yahoo messenger ada juga Technical support live chatnya. bahkan yang mempunyai blacberry bisa menggunakan layanan blacberry messenger juga. Bisa juga menggunakan line telephone atau sms yang bisa anda lihat di webnya. Pokoknya memuaskan deh.</li>
<li><strong>Harga Hostingan yang relatif terjangkau.</strong> Sebagai bloger-bloggeran tentunya saya tidak mempunyai bujged khusus yang saya sediakan untuk membeli hostingan yang katanya mahal. Tapi di idwebhost sangat terjangkau. Saya pernah membandingkan idwebhost dengan beberapa hostingan referensi dari beberapa teman blogger juga. Saat itu saya sedang mencari hostingan untuk sebuah toko online yang tentunya membutuhkan space hosting yang lebih besar dari pada untuk blogging. Dan akhirnya keputusan akhirnya tetap jatuh pada Idwebhos-lah yang saya pakai. Karena setelah saya di kalkulasi biaya dan saya pertimbangkan layannanya yang memuaskan Idwebhost masih yang terbaik. Silahkan bila anda ingin melihat <a href="http://idwebhost.com/Hosting_Web_Hosting" target="_blank">paket-paket dan harga hosting idwebhost</a>,</li>
<li><strong>Harga <a href="http://idwebhost.com" target="_blank">Domain murah</a>.</strong> Kenapa saya katakan domain di sana lebih murah dari tempat hostingan lain. Pada paket paket hosting tertentu, saya pernah membeli sebuah domain yang harganya bisa lebih murah karena mendapatkan diskon saat itu. Kalau tidak salah yang seharusnya harganormal saya bisa menghrmat sekitar 30% dari harga domain aslinya.</li>
<li><strong>Banyak hadiah dan souvenirnya</strong>. Sebagai penyedia layanan hosting yang besar. Tentunya Idwebhost juga banayk memberikan service kepada para pelanggannya. Selain sering mengadakan even yang hadiahnya juga lumayan bila kita ikuti, idwebhost sering memberikan souvenir. Saya sendiri sudah beberapa kali mendapatkan kiriman souvenir dari pihak idwebhost walaupun saya tidak mengikuti sebuah even atau lomba yang di adakan idwebhost. Dari segi inilah, saya tahu bahwa idwebhost adalah tempat <a title="hosting terbaik" href="http://idwebhost.com" target="_blank"><em>hosting berkwalitas</em></a> yang pastinya selalu memberikan layanan terbaik bagi kliennya.</li>
<li><strong>Instalasi Web yang mudah</strong>. Saat pertama kali saya memakai idwebhost, Saya beberapa kali ganti cms hingga akhirnya blog ini saya putuskan untuk memakai wordpress. Kemudahan instalasinya lewat fasilitas fantastico saat itulah yang membuat <em>saya sakpenake udele dewe gonta-ganti CMS</em>. Dan terakhir bulan november kemaren saat saya membelikan hostingan buat sebuah domain di sana sekarang sudah diganti menjadi softcalous yang pilihan programnya lebih banyak. Anda tinggal pilih beragam CMS, tergantung anda pingin buat web portal, Blog atau Toko online bahkan instalasi email.</li>
<li><strong>Tersedia Paket Hosting Unlimited.</strong> Sebagai <a href="http://idwebhost.com" target="_blank">webhosting tangguh</a> layanan hosting unlimited ini sudah pasti ada. dan anda bisa membandingkan dengan tempat hosting lain. Dengan kualitas layanan yang memuaskan ini, Harganya yang di patok untuk unlimited hosting ini pasti lebih murah.</li>
</ul>
<p>Untuk kebutuhan hosting dan domain anda. Saya? sangat menyarankan untuk memakai idwebhost. karena selain tangguh, berkualitas, Service memuaskan yang pasti? jarang terjadi server down yang bisa menyebabkan web susah di akses. Yang nantinya akan berpengaruh terhadap traffict dan pagerank web tersebut. terbukti dengan memakai hostingan tangguh ini. dalam jangka waktu tiga bulan saya di<a title="pr 3 untuk omagus.com" href="http://omagus.com/pr3-untuk-omagusdotcom.php" target="_blank"> hadiahi PR3 </a>oleh google.</p>
<h2  class="related_post_title">Artikel Terhubung</h2><ul class="related_post"><li><a href="http://omagus.com/tips-menaikan-pengunjung.php" title="Tips Menaikan pengunjung ">Tips Menaikan pengunjung </a> (60)</li><li><a href="http://omagus.com/memindahkan-hostingan-wordpress.php" title="memindahkan Hostingan Wordpress">memindahkan Hostingan Wordpress</a> (22)</li><li><a href="http://omagus.com/hosting-gratis.php" title="Hosting gratis..!">Hosting gratis..!</a> (70)</li><li><a href="http://omagus.com/membuka-plurk-cara-gue.php" title="membuka Plurk Cara gue..!">membuka Plurk Cara gue..!</a> (40)</li><li><a href="http://omagus.com/alexa-kena-rayu-juga.php" title="Alexa kena rayu juga">Alexa kena rayu juga</a> (29)</li><li><a href="http://omagus.com/update-wordpress-3-3.php" title="Update wordpress 3.3">Update wordpress 3.3</a> (3)</li><li><a href="http://omagus.com/berapa-banyak-anda-punya-akun-email.php" title="Berapa banyak anda punya akun email">Berapa banyak anda punya akun email</a> (19)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://omagus.com/hosting-ngetrend-indonesia.php/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
	</channel>
</rss>

