<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Versus lab's</title>
	<atom:link href="http://versuslab.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://versuslab.wordpress.com</link>
	<description>worked with ur enemies</description>
	<lastBuildDate>Tue, 25 Jan 2011 11:17:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='versuslab.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Versus lab's</title>
		<link>http://versuslab.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://versuslab.wordpress.com/osd.xml" title="Versus lab&#039;s" />
	<atom:link rel='hub' href='http://versuslab.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Font Embedding using CSS3 @font-face Selector</title>
		<link>http://versuslab.wordpress.com/2011/01/25/font-embedding-using-css3-font-face-selector/</link>
		<comments>http://versuslab.wordpress.com/2011/01/25/font-embedding-using-css3-font-face-selector/#comments</comments>
		<pubDate>Tue, 25 Jan 2011 11:16:18 +0000</pubDate>
		<dc:creator>versuslab</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://versuslab.wordpress.com/?p=319</guid>
		<description><![CDATA[Font merupakan bagian penting dari sebuah design. Dengan menggunakan variasi font yang tidak standart (unik) semakin menambah nilai estetika design dari website kita. Untuk seorang designer, penggunaan typography yang menarik akan menghasilkan design yang mengagumkan. Namun dukungan jenis font yang dapat digunakan dalam sebuah web sangatlah terbatas, akibatnya muncul beragam pengembangan yang memungkinkan kita menggunakan [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=319&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Font merupakan bagian penting dari sebuah design. Dengan menggunakan variasi font yang tidak standart (unik) semakin menambah nilai estetika design dari website kita. Untuk seorang designer, penggunaan typography yang menarik akan menghasilkan design yang mengagumkan. Namun dukungan jenis font yang dapat digunakan dalam sebuah web sangatlah terbatas, akibatnya muncul beragam pengembangan yang memungkinkan kita menggunakan beragam jenis font yang kita inginkan. Misalnya Cufon dan sIFR.<span id="more-319"></span></p>
<p>Kini CSS3 mulai menggembangkan penggunaan beragam jenis font dengan embed font atau @font-face. Cukup menggunakan css dan file font yang kita upload tanpa bantuan javascript maupun flash.</p>
<p>Sayangnya penggunaan @font-face belum didukung oleh semua browser terutama untuk font jenis OpenType. Embed font dengan jenis TrueType atau OpenType hanya bekerja pada Firefox 3.5, afari 3.1, dan Opera 10. IE dapat membaca dengan baik jenis font TrueType dengan cara merubahnya dari <a href="http://ttf2eot.sebastiankippe.com/" target="_blank">ttf ke eot</a>.</p>
<p>Contoh penggunaan @font-face :</p>
<div id="highlighter_319580">
<div>
<div>
<table>
<tbody>
<tr>
<td><code>01</code></td>
<td><code>&lt;</code><code>html</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>02</code></td>
<td><code>&lt;</code><code>head</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>03</code></td>
<td><code>&lt;</code><code>title</code><code>&gt;Font Embeded&lt;/</code><code>title</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>04</code></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>05</code></td>
<td><code>&lt;</code><code>style</code> <code>type</code><code>=</code><code>"text/css"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>06</code></td>
<td><code>@font-face {</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>07</code></td>
<td><code> </code><code>font-family: "Graublau Sans Web";</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>08</code></td>
<td><code> </code><code>src: url("tempat_menaruh_font/GraublauWeb.otf") format("opentype");</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>09</code></td>
<td><code>}</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>10</code></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>11</code></td>
<td><code>@font-face {</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>12</code></td>
<td><code> </code><code>font-family: "Bitstream Vera Serif Bold";</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>13</code></td>
<td><code> </code><code>src: url("<a href="http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf">http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf</a>") format("truetype");</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>14</code></td>
<td><code>}</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>15</code></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>16</code></td>
<td><code>h1 { font-family: "Graublau Sans Web", serif }</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>17</code></td>
<td><code>h2 { font-family: "Bitstream Vera Serif Bold", serif }</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>18</code></td>
<td><code>&lt;/</code><code>style</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>19</code></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>20</code></td>
<td><code>&lt;/</code><code>head</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>21</code></td>
<td><code>&lt;</code><code>body</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>22</code></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>23</code></td>
<td><code>&lt;</code><code>h1</code><code>&gt;Font Graublau Sans Web&lt;/</code><code>h1</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>24</code></td>
<td><code>&lt;</code><code>h2</code><code>&gt;Font Bitstream Vera Serif Bold&lt;/</code><code>h1</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>25</code></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>26</code></td>
<td><code>&lt;/</code><code>body</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>27</code></td>
<td><code>&lt;/</code><code>html</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>Lebih jelas lagi tentang penerapan @font-face dapat dipelajari di:<br />
<a href="http://snook.ca/archives/html_and_css/becoming-a-font-embedding-master" target="_blank">Becoming a Font Embedding Master</a></p>
<p>Sumber:rumahdot.com</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/versuslab.wordpress.com/319/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/versuslab.wordpress.com/319/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/versuslab.wordpress.com/319/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/versuslab.wordpress.com/319/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/versuslab.wordpress.com/319/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/versuslab.wordpress.com/319/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/versuslab.wordpress.com/319/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/versuslab.wordpress.com/319/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/versuslab.wordpress.com/319/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/versuslab.wordpress.com/319/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/versuslab.wordpress.com/319/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/versuslab.wordpress.com/319/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/versuslab.wordpress.com/319/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/versuslab.wordpress.com/319/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=319&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://versuslab.wordpress.com/2011/01/25/font-embedding-using-css3-font-face-selector/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6a2619c8990012901e1490ff108ee5b8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">versuslab</media:title>
		</media:content>
	</item>
		<item>
		<title>Styling Web Font dengan Javascript Cufon</title>
		<link>http://versuslab.wordpress.com/2011/01/25/styling-web-font-dengan-javascript-cufon/</link>
		<comments>http://versuslab.wordpress.com/2011/01/25/styling-web-font-dengan-javascript-cufon/#comments</comments>
		<pubDate>Tue, 25 Jan 2011 11:12:36 +0000</pubDate>
		<dc:creator>versuslab</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://versuslab.wordpress.com/?p=315</guid>
		<description><![CDATA[Jika Anda senang bermain dengan tipografi di web, tentu sudah kenal dong dengan sIFR. sIFR (Scalable Innman Flash Replacement. Dibaca:siffer) adalah metode lain selain CSS3 font face untuk menampilkan text yang jenis fontnya bukan standard web fonts. Bedanya, kalau CSS3 font face menggandalkan browser versi agak baru, sIFR ini mengandalkan javascript dan browser flash plugin supaya bisa menampilkan [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=315&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h2><span style="font-weight:normal;font-size:13px;"> </span></h2>
<div id="attachment_828">
<p>Jika Anda senang bermain dengan tipografi di web, tentu sudah kenal dong dengan <a title="sIFR on wikipedia" href="http://en.wikipedia.org/wiki/Scalable_Inman_Flash_Replacement" target="_blank">sIFR</a>. sIFR (Scalable Innman Flash Replacement. Dibaca:<em>siffer</em>) adalah metode lain selain <a title="font embedding using css3 @font-face selector" href="http://rumahdot.com/web-design/font-embedding-using-css3-font-face-selector/">CSS3 font face</a> untuk menampilkan text yang jenis fontnya bukan standard web fonts. Bedanya, kalau CSS3 font face menggandalkan <a title="Browser support for CSS3 and HTML5" href="http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/" target="_blank">browser versi agak baru</a>, sIFR ini mengandalkan javascript dan browser flash plugin supaya bisa menampilkan web font dinamis. Membuatnya pun, kita membutuhkan Adobe Flash untuk membuat sIFR.swf nya. Ribet? <a href="http://v4.designintellection.com/this-is-how-you-get-sifr-to-work/" target="_blank">Lumayan</a>. Makanya developer lain berbondong untuk menciptakan alternatif bagi sIFR yang sudah terlanjur terkenal ini. Misalnya Cufon yang akan kita ulas cara menggunakannya.</p>
</div>
<p><span id="more-315"></span></p>
<h2>Cufon – fonts for the people</h2>
<p>Teknologi yang digunakan Cufon ini adalah javascript. Ya, tanpa Flash dan segala keribetan yang berkaitan dengannya. Mari langsung kita coba.</p>
<h3>1. Download script js cufon di <a href="http://cufon.shoqolate.com/js/cufon-yui.js" target="_blank">sini</a></h3>
<h3>2. Buka <a title="generator cufon" href="http://cufon.shoqolate.com/generate/" target="_blank">generator cufon</a>, kemudian upload fontmu, lengkapi formnya.</h3>
<p>Belum punya font yang mau dicobain? cari aja di dafont.com. Misalnya<a title="Dafont.com Indonesiana Serif" href="http://www.dafont.com/indonesiana-serif-free.font" target="_blank">Indonesiana Serif</a> buatan Fizz Labz.<br />
Hasil generator ini adalah, Anda akan mendapatkan sebuah file javascript. Format namanya kurang lebih seperti ini:<strong>FTF_Indonesiana_Serif_Free__400.font.js</strong></p>
<h3>3. Implementasi</h3>
<p>Letakkan script berikut pada bagian head</p>
<div id="highlighter_998816">
<div>
<div>
<table>
<tbody>
<tr>
<td><code>01</code></td>
<td><code>&lt;!-- harus nih. nggak boleh kelewatan --&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>02</code></td>
<td><code>&lt;</code><code>meta</code> <code>http-equiv</code><code>=</code><code>"Content-Type"</code> <code>content</code><code>=</code><code>"text/html; charset=utf-8"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>03</code></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>04</code></td>
<td><code>&lt;!-- memanggil script cufon --&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>05</code></td>
<td><code>&lt;</code><code>script</code> <code>src</code><code>=</code><code>"cufon-yui.js"</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>06</code></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>07</code></td>
<td><code>&lt;!-- memanggil javascript hasil generate di nomor 2 tadi --&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>08</code></td>
<td><code>&lt;</code><code>script</code> <code>src</code><code>=</code><code>"FTF_Indonesiana_Serif_Free__400.font.js"</code><code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>09</code></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>10</code></td>
<td><code>&lt;!-- menggantikan elemen h1 dengan font indonesiana --&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>11</code></td>
<td><code>&lt;</code><code>script</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>12</code></td>
<td><code> </code><code>Cufon.replace('h1');</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>13</code></td>
<td><code>&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>script berikut pada bagian body</p>
<div id="highlighter_740044">
<div>
<div>
<table>
<tbody>
<tr>
<td><code>1</code></td>
<td><code>&lt;</code><code>h1</code><code>&gt;This text will be shown in Indonesiana.&lt;/</code><code>h1</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>dan script berikut pada bagian sebelum /body (jika pada bagian ini ada script google analytics, atau script external lainnya, letakkan sebelum itu).</p>
<div id="highlighter_454692">
<div>
<div>
<table>
<tbody>
<tr>
<td><code>1</code></td>
<td><code>&lt;!-- making internet explorer behave --&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>2</code></td>
<td><code>&lt;</code><code>script</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>3</code></td>
<td><code>Cufon.now();</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>4</code></td>
<td><code>&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>Sehingga keseluruhan script menjadi seperti ini</p>
<div id="highlighter_534008">
<div>
<div>
<table>
<tbody>
<tr>
<td><code>01</code></td>
<td><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>02</code></td>
<td><code> </code><code>"<a href="http://www.w3.org/TR/html4/strict.dtd">http://www.w3.org/TR/html4/strict.dtd</a>"&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>03</code></td>
<td><code>&lt;</code><code>html</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>04</code></td>
<td><code> </code><code>&lt;</code><code>head</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>05</code></td>
<td><code> </code><code>&lt;</code><code>meta</code> <code>http-equiv</code><code>=</code><code>"Content-Type"</code> <code>content</code><code>=</code><code>"text/html; charset=utf-8"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>06</code></td>
<td><code> </code><code>&lt;</code><code>script</code> <code>src</code><code>=</code><code>"cufon-yui.js"</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>07</code></td>
<td><code> </code><code>&lt;</code><code>script</code><code>src</code><code>=</code><code>"FTF_Indonesiana_Serif_Free__400.font.js"</code><code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>08</code></td>
<td><code> </code><code>&lt;</code><code>script</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>09</code></td>
<td><code> </code><code>Cufon.replace('h1');</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>10</code></td>
<td><code> </code><code>&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>11</code></td>
<td><code> </code><code>&lt;/</code><code>head</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>12</code></td>
<td><code> </code><code>&lt;</code><code>body</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>13</code></td>
<td><code> </code><code>&lt;</code><code>h1</code><code>&gt;This text will be shown in Indonesiana.&lt;/</code><code>h1</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>14</code></td>
<td><code> </code><code>&lt;</code><code>script</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>15</code></td>
<td><code> </code><code>Cufon.now();</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>16</code></td>
<td><code> </code><code>&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>17</code></td>
<td><code> </code><code>&lt;/</code><code>body</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>18</code></td>
<td><code>&lt;/</code><code>html</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>Dan jika ingin multiple fonts, contohnya adalah begini</p>
<div id="highlighter_106972">
<div>
<div>
<table>
<tbody>
<tr>
<td><code>01</code></td>
<td><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>02</code></td>
<td><code> </code><code>"<a href="http://www.w3.org/TR/html4/strict.dtd">http://www.w3.org/TR/html4/strict.dtd</a>"&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>03</code></td>
<td><code>&lt;</code><code>html</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>04</code></td>
<td><code> </code><code>&lt;</code><code>head</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>05</code></td>
<td><code> </code><code>&lt;</code><code>meta</code> <code>http-equiv</code><code>=</code><code>"Content-Type"</code> <code>content</code><code>=</code><code>"text/html; charset=utf-8"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>06</code></td>
<td><code> </code><code>&lt;</code><code>script</code> <code>src</code><code>=</code><code>"cufon-yui.js"</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>07</code></td>
<td><code> </code><code>&lt;</code><code>script</code> <code>src</code><code>=</code><code>"Vegur_300.font.js"</code><code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>08</code></td>
<td><code> </code><code>&lt;</code><code>script</code> <code>src</code><code>=</code><code>"Myriad_Pro_400.font.js"</code><code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>09</code></td>
<td><code> </code><code>&lt;</code><code>script</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>10</code></td>
<td><code> </code><code>Cufon.replace('h1', { fontFamily: 'Vegur' });</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>11</code></td>
<td><code> </code><code>Cufon.replace('h2', { fontFamily: 'Myriad Pro' });</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>12</code></td>
<td><code> </code><code>&lt;/</code><code>script</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>13</code></td>
<td><code> </code><code>&lt;/</code><code>head</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>14</code></td>
<td><code> </code><code>&lt;</code><code>body</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>15</code></td>
<td><code> </code><code>&lt;</code><code>h1</code><code>&gt;This text will be shown in Vegur.&lt;/</code><code>h1</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>16</code></td>
<td><code> </code><code>&lt;</code><code>h2</code><code>&gt;This text will be shown in Myriad Pro.&lt;/</code><code>h2</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>17</code></td>
<td><code> </code><code>&lt;/</code><code>body</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>18</code></td>
<td><code>&lt;/</code><code>html</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>Berbagai demo contoh penggunaan Cufon (bukan codingan diatas) bisa dilihat <a title="cufon on github" href="http://wiki.github.com/sorccu/cufon/demos" target="_blank">disini</a>.</p>
<p>Jika Anda bosan dengan desain web yang kebanyakan elemen rounded corner dan berkilau. Tiada salahnya mulai berkreasi dengan desain super-minimalis dan permainan tipografi.</p>
<p>Oke. Flash lewat. Javascript sudah. Nah, sekarang, bagaimana cara styling webfont dengan PHP?</p>
<p>Di artikel berikutnya aja ya.</p>
<p>Punya komentar? Silakan berbagi.</p>
<p>referensi:<br />
<a href="http://wiki.github.com/sorccu/cufon/usage" target="_blank">http://wiki.github.com/sorccu/cufon/usage</a><br />
<a href="http://deconstructioncode.blogspot.com/2009/07/cufon-pilihan-lain-untuk-sifr.html" target="_blank">http://deconstructioncode.blogspot.com/2009/07/cufon-pilihan-lain-untuk-sifr.html</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/versuslab.wordpress.com/315/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/versuslab.wordpress.com/315/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/versuslab.wordpress.com/315/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/versuslab.wordpress.com/315/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/versuslab.wordpress.com/315/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/versuslab.wordpress.com/315/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/versuslab.wordpress.com/315/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/versuslab.wordpress.com/315/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/versuslab.wordpress.com/315/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/versuslab.wordpress.com/315/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/versuslab.wordpress.com/315/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/versuslab.wordpress.com/315/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/versuslab.wordpress.com/315/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/versuslab.wordpress.com/315/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=315&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://versuslab.wordpress.com/2011/01/25/styling-web-font-dengan-javascript-cufon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6a2619c8990012901e1490ff108ee5b8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">versuslab</media:title>
		</media:content>
	</item>
		<item>
		<title>Images for use in collage art</title>
		<link>http://versuslab.wordpress.com/2010/09/28/images-for-use-in-collage-art/</link>
		<comments>http://versuslab.wordpress.com/2010/09/28/images-for-use-in-collage-art/#comments</comments>
		<pubDate>Tue, 28 Sep 2010 04:26:33 +0000</pubDate>
		<dc:creator>versuslab</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://versuslab.wordpress.com/?p=311</guid>
		<description><![CDATA[Open Source Clip Art (www.openclipart.org) clip art that is free to use in your collages Free vintage clip art &#8211; steampunk dictionary images(graphicsfairy.blogspot.com)There are links to other free vintage samples on this page as well. Steam punk images for use on flickr Searched with Creative Commons-licensed content for adaptation, modification or building upon Vector images [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=311&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.openclipart.org/" target="_blank">Open Source Clip Art</a> (www.openclipart.org) clip art that is free to use in your collages</p>
<p><a href="http://graphicsfairy.blogspot.com/2010/01/free-vintage-clip-art-steampunk.html" target="_blank">Free vintage clip art &#8211; steampunk dictionary images</a>(graphicsfairy.blogspot.com)There are links to other free vintage samples on this page as well.</p>
<p><a href="http://www.flickr.com/search/?q=steampunk&amp;l=deriv&amp;ss=0&amp;ct=5&amp;mt=photos&amp;w=all&amp;adv=1" target="_blank">Steam punk images for use on flickr</a> Searched with Creative Commons-licensed content for adaptation, modification or building upon</p>
<p><a href="http://www.flickr.com/search/?l=deriv&amp;ct=5&amp;mt=photos&amp;adv=1&amp;w=all&amp;q=vector&amp;m=text" target="_blank">Vector images for use on flickr</a>Searched with Creative Commons-licensed content for adaptation, modification or building upon</p>
<p><a href="http://www.art-e-zine.co.uk/vintageresources.html" target="_blank">Links to free vintage image resources</a>Contains links to vintage, retro collage sheets that are free to use.</p>
<p><a href="http://myartfullife.blogspot.com/2009/02/free-collage-sheets.html" target="_blank">A couple collage sheets free for personal use</a> (myartfullife.blogspot.com)</p>
<p><a href="http://ffffound.com/" target="_blank">FFFFOUND! is an image bookmarking site</a> This is a great resource, but be wary of copywrite.</p>
<p><a href="http://www.flickr.com/groups/55183552@N00/pool/with/1372055367/" target="_blank">Vintage matchbox covers are a great source for inspiration</a> vintage matchbox set on flickr</p>
<p><a href="http://welovetypography.com/" target="_blank">Typography images bookmarked from around the net.</a> A great source of inspiration!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/versuslab.wordpress.com/311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/versuslab.wordpress.com/311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/versuslab.wordpress.com/311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/versuslab.wordpress.com/311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/versuslab.wordpress.com/311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/versuslab.wordpress.com/311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/versuslab.wordpress.com/311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/versuslab.wordpress.com/311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/versuslab.wordpress.com/311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/versuslab.wordpress.com/311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/versuslab.wordpress.com/311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/versuslab.wordpress.com/311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/versuslab.wordpress.com/311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/versuslab.wordpress.com/311/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=311&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://versuslab.wordpress.com/2010/09/28/images-for-use-in-collage-art/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6a2619c8990012901e1490ff108ee5b8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">versuslab</media:title>
		</media:content>
	</item>
		<item>
		<title>HTML 5 dan CSS 3.0 di Iznyndotcom</title>
		<link>http://versuslab.wordpress.com/2010/08/18/html-5-dan-css-3-0-di-iznyndotcom/</link>
		<comments>http://versuslab.wordpress.com/2010/08/18/html-5-dan-css-3-0-di-iznyndotcom/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 08:53:38 +0000</pubDate>
		<dc:creator>versuslab</dc:creator>
				<category><![CDATA[Info]]></category>
		<category><![CDATA[belajar css]]></category>
		<category><![CDATA[browser compability]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://versuslab.wordpress.com/?p=308</guid>
		<description><![CDATA[Salah satu bentuk revolusi dari versi terbaru iznyndotcom adalah penggunaan HTML 5 dan CSS 3.0. Dua standard teknologi web yang sampai saat artikel ini ditulis masih dalam bentuk draft dan terus dikembangkan oleh W3C dan sangat ditunggu kehadirannya oleh web designer diseluruh dunia. Karena belum berbentuk rekomendasi, maka HTML 5 dan CSS 3.0 masih cukup [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=308&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Salah satu bentuk revolusi dari versi terbaru iznyndotcom adalah penggunaan HTML 5 dan CSS 3.0.  Dua standard teknologi web yang sampai saat artikel ini ditulis masih  dalam bentuk draft dan terus dikembangkan oleh W3C dan sangat ditunggu  kehadirannya oleh web designer diseluruh dunia.</p>
<p>Karena belum berbentuk rekomendasi, maka <abbr title="Hypertext Markup Language">HTML</abbr> 5 dan <abbr title="Cascading Style Sheets">CSS</abbr> 3.0 masih cukup minim penggunaannya dan dukungan dari browser juga  masih rendah. Sebagai contoh untuk dapat memasukkan attribute CSS ke  dalam HTML 5, kita sebelumnya masih harus memperjelas level blok dari  element tersebut dengan menggunakan attribute CSS <code>display</code>.</p>
<p>Contoh lainnya adalah di dalam penggunaan CSS 3.0. Untuk dapat  menggunakan attribute baru dalam CSS 3.0 kita masih harus menggunakan  attribute tambahan yang dikembangkan oelh browser. Sehingga ketersediaan  style akan sangat tergantung pada dukungan browser yang menampilkan  halaman dengan attribute CSS 3.0.</p>
<p>Walapun dengan segala kekurangan diatas, namun kita tetap harus  membuat sebuah persiapan karena suatu saat nanti pasti akan mengunakan  kedua standard ini. Inilah alasan utama penggunaan HTML 5 dan CSS 3.0  dalam website ini. Di sisi lain, ada harapan bahwa dengan adanya  penggunaan HTML 5 dan CSS 3.0 dapat memberikan kesempatan kepada kami  untuk berpartisipasi dalam perkembangan kedua standard tersebut.</p>
<p><span id="more-308"></span></p>
<h2>Penggunaan HTML 5</h2>
<p>Dalam mengembangkan website ini kami mencoba untuk menerapkan hampir seluruh tag HTML baru seperti <code>header</code>, <code>footer</code>, <code>article</code>, <code>hgroup</code>, <code>time</code>, <code>aside</code>, <code>nav</code>.  Selain berdasarkan standard yang dikembangkan oleh W3C, penerapan HTML 5  banyak terbantu oleh beberapa tutorial dari website seperti alistapart dan html5doctor.</p>
<p>Salah satu contoh penggunaan HTML 5 pada website ini adalah di dalam  data post. Kami menyusun setiap post dengan struktur HTML sebagai  berikut :</p>
<div id="highlighter_254614">
<div>
<div>view source</p>
<div></div>
<p>print?</p></div>
</div>
<div>
<div>
<table>
<tbody>
<tr>
<td><code>01</code></td>
<td><code>&lt;</code><code>article</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>02</code></td>
<td><code> </code><code>&lt;</code><code>header</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>03</code></td>
<td><code> </code><code>&lt;</code><code>h1</code><code>&gt;Title Here&lt;/</code><code>h1</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>04</code></td>
<td><code> </code><code>&lt;</code><code>p</code> <code>class</code><code>=</code><code>"entry-date"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>05</code></td>
<td><code> </code><code>&lt;</code><code>time</code> <code>pubdate </code><code>class</code><code>=</code><code>"published updated"</code> <code>datetime</code><code>=</code><code>"machine date"</code><code>&gt;Post date&lt;/</code><code>time</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>06</code></td>
<td><code> </code><code>&lt;/</code><code>p</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>07</code></td>
<td><code> </code><code>&lt;/</code><code>header</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>08</code></td>
<td><code> </code><code>&lt;</code><code>div</code> <code>class</code><code>=</code><code>"entry-content"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>09</code></td>
<td><code> </code><code>Content Here ....</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>10</code></td>
<td><code> </code><code>&lt;/</code><code>div</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>11</code></td>
<td><code> </code><code>&lt;</code><code>div</code> <code>id</code><code>=</code><code>"entry-metadata"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>12</code></td>
<td><code> </code><code>&lt;</code><code>section</code> <code>class</code><code>=</code><code>"entry-category"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>13</code></td>
<td><code> </code><code>Category List</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>14</code></td>
<td><code> </code><code>&lt;/</code><code>section</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>15</code></td>
<td><code> </code><code>&lt;</code><code>section</code> <code>class</code><code>=</code><code>"entry-tag"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>16</code></td>
<td><code> </code><code>Tag List</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>17</code></td>
<td><code> </code><code>&lt;/</code><code>section</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>18</code></td>
<td><code> </code><code>&lt;/</code><code>div</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>19</code></td>
<td><code> </code><code>&lt;</code><code>section</code> <code>id</code><code>=</code><code>"entry-related"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>20</code></td>
<td><code> </code><code>Related Post</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>21</code></td>
<td><code> </code><code>&lt;/</code><code>section</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>22</code></td>
<td><code>&lt;/</code><code>article</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>Artikel ini tidak akan membahas teknis dari penggunaan HTML 5 secara  mendetail, namun disini kami akan menjelaskan sedikit tentang struktur  HTML diatas. Satu hal yang dapat disimpulkan setelah menggunakan HTML 5  adalah bahwa adanya tag baru tersebut memberikan kita peluang yang lebih  luas dalam mendeskripsikan content. Sebelumnya content hanya dapat  dideskripisikan sebagai paragraph, title dan beberapa konteks lain  melalui tag inline seperti emphasis, abbreative dsb.</p>
<p>Dengan HTML 5, kita dapat menambahkan arti dari suatu content sebagai  header, footer ataupun memecah content menjadi beberapa bab. Namun  semua manfaat ini tidak akan kita dapatkan apabila tidak memiliki  pemahaman yang kuat terhadap fungsi dari setiap tag. Di sisi lain  kurangnya pemahaman dari setiap fungsi tag dapat menyulitkan kita dalam  membuat keputusan terhadap pembentukan konteks dari content.</p>
<p>Ada satu kenyataan lain berkaitan dengan penggunaan HTML 5 yaitu kembalinya fungsi tag <code>div</code> sebagai kontainer murni yang tidak memberikan arti apapun terhadap content yang dikandungnya. Penggunaan <code>div</code> lebih sebagai pengait di dalam CSS dan Javascript.</p>
<h3>Microformat</h3>
<p>Inilah salah satu yang sedikit membingungkan dalam pembentukan HTML 5. Microformat pada dasarnya digunakan untuk menambahkan informasi sematic ke sebuah halaman web menggunakan <em>HTML classes</em>.  Ia muncul sebagai akibat kurang mampunya tag HTML dalam menyediakan  fungsi tersebut. Dengan semakin banyaknya tag baru yang dapat  mengartikan content dalam berbagai konteks, masih bergunakah Microformat  di dalam HTML 5 ?</p>
<p>Memang benar beberapa microformat dapat digantikan dengan tag HTML 5, sebagai contoh Microformat datetime-design-pattern dapat diganti dengan element time.  Namun demikian selama stadard HTML 5 belum diterapkan secara luas maka  microformat masih sangat diperlukan. Cara yang paling bijaksana adalah  mencampur keduanya sampai ada standard yang pasti dan pengunaan yang  luas dari HTML 5.</p>
<p>Secara prinsip Penambahan Microformat dalam HTML 5 (seperti yang diterapkan pada website ini) adalah sesuatu yang legal  karena penambahan micordata dilakukan melalui HTML class tanpa  terpengaruh oleh jenis tag yang digunakan. Terlebih lagi jika microdata  HTML 5 kurang dapat memenuhi keinginan kita, maka microformat masih  tetap diperlukan.</p>
<h2>Penggunaan CSS 3.0</h2>
<p>Penggunaan CSS 3.0 pada website ini masih belum terlalu signifikan.  Hanya beberapa attribute yang kami gunakan untuk memperkuat style  dokumen. Attribute tersebut antara lain <code>font-face</code>, <code>text-shadow</code> dan <code>border-radius</code>.</p>
<p>Namun karena attribute ini masih belum disupport oleh semua browser  maka efeknya tidak akan dirasakan pada beberapa browser. Saya  merekomendasikan untuk menggunakan firefox untuk mendapatkan hasil maksimal dari website ini.</p>
<h2>Penutup</h2>
<p>Pada dasarnya artikel ini bukan menjelaskan teknis penggunaan HTML 5  maupun CSS 3 namun lebih untuk memperkenalkan penggunaan dua stadard ini  di dalam struktur website.</p>
<p>Sumber:http://iznyn.com</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/versuslab.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/versuslab.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/versuslab.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/versuslab.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/versuslab.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/versuslab.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/versuslab.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/versuslab.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/versuslab.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/versuslab.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/versuslab.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/versuslab.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/versuslab.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/versuslab.wordpress.com/308/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=308&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://versuslab.wordpress.com/2010/08/18/html-5-dan-css-3-0-di-iznyndotcom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6a2619c8990012901e1490ff108ee5b8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">versuslab</media:title>
		</media:content>
	</item>
		<item>
		<title>Organisasi Illuminati</title>
		<link>http://versuslab.wordpress.com/2010/07/29/organisasi-illuminati/</link>
		<comments>http://versuslab.wordpress.com/2010/07/29/organisasi-illuminati/#comments</comments>
		<pubDate>Thu, 29 Jul 2010 03:31:50 +0000</pubDate>
		<dc:creator>versuslab</dc:creator>
				<category><![CDATA[Info]]></category>

		<guid isPermaLink="false">http://versuslab.wordpress.com/?p=304</guid>
		<description><![CDATA[Illuminati adalah sebuah organisasi persaudaraan rahasia kuno yang pernah ada dan diyakini masih tetap ada sampai sekarang, walaupun tidak ditemukan bukti &#8211; bukti nyata tentang keberadaan organisasi persaudaraan ini sampai saat ini. Kata Illuminati dapat diterjemahkan sebagai &#8220;Pencerahan Baru&#8221;. Para pengikut Illuminati disebut &#8220;Illuminatus&#8221;, yang berarti &#8220;Yang Tercerahkan&#8221;. Illuminati sebelumnya bernama Ordo Perfectibilists, yang didirikan [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=304&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Illuminati adalah sebuah organisasi persaudaraan rahasia kuno yang pernah ada dan diyakini masih tetap ada sampai sekarang, walaupun tidak ditemukan bukti &#8211; bukti nyata tentang keberadaan organisasi persaudaraan ini sampai saat ini. Kata Illuminati dapat diterjemahkan sebagai &#8220;Pencerahan Baru&#8221;. Para pengikut Illuminati disebut &#8220;Illuminatus&#8221;, yang berarti &#8220;Yang Tercerahkan&#8221;. Illuminati sebelumnya bernama Ordo Perfectibilists, yang didirikan oleh Adam Weishaupt (1748-1811), seorang keturunan Yahudi yang lahir dan besar di Ingolstadt, dan memiliki latar belakang pendidikan sebagai seorang Jesuit. Adam Weishaupt lalu menjadi seorang pendeta Katolik dan selanjutnya mengorganisasi House of Rothschild. Pada perkembangan selanjutnya, ia beserta organisasi yang dipimpinnya, Illuminati, memiliki pandangan-pandangan yang menyimpang (bid&#8217;ah) dari ajaran resmi gereja Katolik, sehingga ia diekskomunikasi (dilarang mengajarkan pahamnya) oleh gereja dan dikeluarkan dari kelompok gereja kristiani-Katolik. Illuminatus adalah individu &#8211; individu yang mencari jawaban dan penjelasan rasional dengan apa yang disebut &#8220;Agama sebagai misteri Tuhan&#8221;. Menurut mereka, dengan penjelasan logis ilmu pengetahuan tidak ada lagi misteri Tuhan karena semua ada jawabannya.<br />
Dalam novel &#8220;Angels and Demon&#8221; karya Dan Brown; Salah seorang Illuminatus yang terkenal adalah Galileo Galilei, seorang ahli antropologi yang dihukum pancung oleh gereja akibat membuat pernyataan bahwa pusat alam semesta bukan bumi, melainkan matahari. Pernyataan tersebut dianggap menyinggung gereja, karena secara tidak langsung menyatakan bahwa Tuhan dengan sengaja menempatkan pusat kehidupan di planet lain. Dalil Galilei tersebut juga sekaligus membantah doktrin gereja pada saat itu bahwa Bumi berbentuk datar. Sejak saat itu Illuminatus terus diburu oleh para kaum gereja. Saat pihak geraja menenmkan anggota Illuminati, mereka ditangkap lalu diberi cap salib di dada mereka, baru kemudian dibunuh. Anggota Illuminati kemudian bergerak dari bawah tanah sebagai sebuah kelompok rahasia yang paling dicari oleh gereja. Para Illuminatus yang melarikan diri kemudian bertemu dengan kelompok rahasia lainnya yaitu kelompok ahli batu yang bernama Freemasonry atau lebih sering disebut sebagai kelompok Mason.</p>
<p>Sumber:botakedan (kaskus)</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/versuslab.wordpress.com/304/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/versuslab.wordpress.com/304/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/versuslab.wordpress.com/304/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/versuslab.wordpress.com/304/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/versuslab.wordpress.com/304/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/versuslab.wordpress.com/304/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/versuslab.wordpress.com/304/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/versuslab.wordpress.com/304/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/versuslab.wordpress.com/304/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/versuslab.wordpress.com/304/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/versuslab.wordpress.com/304/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/versuslab.wordpress.com/304/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/versuslab.wordpress.com/304/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/versuslab.wordpress.com/304/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=304&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://versuslab.wordpress.com/2010/07/29/organisasi-illuminati/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6a2619c8990012901e1490ff108ee5b8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">versuslab</media:title>
		</media:content>
	</item>
		<item>
		<title>Ibu</title>
		<link>http://versuslab.wordpress.com/2010/07/20/ibu/</link>
		<comments>http://versuslab.wordpress.com/2010/07/20/ibu/#comments</comments>
		<pubDate>Tue, 20 Jul 2010 10:18:29 +0000</pubDate>
		<dc:creator>versuslab</dc:creator>
				<category><![CDATA[daydream]]></category>
		<category><![CDATA[ibu]]></category>
		<category><![CDATA[Info]]></category>
		<category><![CDATA[islam]]></category>
		<category><![CDATA[mothers day]]></category>

		<guid isPermaLink="false">http://versuslab.wordpress.com/?p=301</guid>
		<description><![CDATA[HORMATI IBUMU Allah mempunyai maksud tertentu ketika menciptakan manusia, dan maksud tersebut menjadi Tugas bagi setiap Manusia yang dilahirkan di muka bumi. Agar masing-masing manusia dapat menjalankan tugas yang diembannya. Allah tidak pernah lupa untuk memberikan &#8220;fasilitas&#8221; yang unik kepada masing-masing Orang yang kemudian dinamakan &#8220;Bakat&#8221;. Kalau saja setiap manusia bisa menemukan &#8220;bakat&#8221;-nya masing-masing, berarti [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=301&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>HORMATI IBUMU Allah mempunyai maksud tertentu ketika menciptakan manusia, dan maksud tersebut menjadi Tugas bagi setiap Manusia yang dilahirkan di muka bumi. Agar masing-masing manusia dapat menjalankan tugas yang diembannya. Allah tidak pernah lupa untuk memberikan &#8220;fasilitas&#8221; yang unik kepada masing-masing Orang yang kemudian dinamakan &#8220;Bakat&#8221;.</p>
<p>Kalau saja setiap manusia bisa menemukan &#8220;bakat&#8221;-nya masing-masing, berarti bahwa kita bisa menemukan &#8220;jalan&#8221; sukses masing-masing. Dan untuk bisa mendapat tiket masuk ke jalan tersebut, dibutuhkan &#8220;Do&#8217;a Ibu&#8221;, karena Ibu memiliki kedudukan yang sangat tinggi di mata Allah.Untuk mendapatkan tiket masuk ke jalan sukses, kita harus bisa menjaga perilaku, dengan cara memelihara silaturrachmi dengan Orangtua kita. Amiin.</p>
<p><span id="more-301"></span></p>
<p>Kenanglah Ibu yang menyayangimu&#8230; Untuk ibu yang selalu meneteskan air mata ketika kita pergi&#8230; Ingatkah engkau, ketika ibumu rela tidur tanpa selimut demi melihatmu, tidur nyenyak dengan dua selimut membalut tubuhmu&#8230; Ingatkah engkau ketika jemari ibu mengusap lembut kepalamu..? Dan ingatkah engkau ketika air mata menetes dari mata ibumu ketika ia melihatmu terbaring sakit..? Sesekali jenguklah ibumu yang selalu menantikan kepulanganmu di rumah tempat kau dilahirkan. Kembalilah memohon maaf pada ibumu yang selalu rindu akan senyumanmu. Simpanlah sejenak kesibukan-kesibukan duniawi yang selalu membuatmu lupa untuk pulang. Segeralah jenguk ibumu yang berdiri menantimu di depan pintu bahkan sampai malampun kian larut.</p>
<p>Jangan biarkan engkau kehilangan saat yang akan kau rindukan di masa datang ketika ibu telah tiada&#8230; Tak ada lagi yang berdiri di depan pintu menyambut kita&#8230; Tak ada lagi senyuman indah tanda bahagia&#8230; Yang ada hanyalah kamar yang kosong tiada penghuninya. Yang ada hanyalah baju yang digantung di lemari kamarnya. Tak ada lagi yang menyiapkan sarapan pagi untukmu makan&#8230; Tak ada lagi yang rela merawatmu sampai larut malam ketika engkau sakit&#8230; Tak ada lagi dan tak ada lagi yang meneteskan air mata mendo&#8217;akanmu di setiap hembusan nafasnya&#8230; Kembalilah segera&#8230; Peluklah ibu yang selalu menyayangimu&#8230; Ciumlah kaki ibu yang selalu merindukanmu dan berikanlah yang terbaik di akhir hayatnya. Sahabat&#8230; berdo&#8217;alah untuk kesehatannya dan rasakanlah pelukan cinta dan kasih sayangnya. Jangan biarkan engkau menyesal di masa datang, kembalilah pada ibu yang selalu menyayangimu&#8230; Kenanglah semua cinta dan kasih sayangnya&#8230; Ibu&#8230; maafkan aku&#8230; Sampai kapanpun jasamu tak akan terbalas.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/versuslab.wordpress.com/301/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/versuslab.wordpress.com/301/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/versuslab.wordpress.com/301/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/versuslab.wordpress.com/301/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/versuslab.wordpress.com/301/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/versuslab.wordpress.com/301/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/versuslab.wordpress.com/301/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/versuslab.wordpress.com/301/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/versuslab.wordpress.com/301/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/versuslab.wordpress.com/301/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/versuslab.wordpress.com/301/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/versuslab.wordpress.com/301/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/versuslab.wordpress.com/301/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/versuslab.wordpress.com/301/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=301&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://versuslab.wordpress.com/2010/07/20/ibu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6a2619c8990012901e1490ff108ee5b8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">versuslab</media:title>
		</media:content>
	</item>
		<item>
		<title>World’s Largest Skateboard</title>
		<link>http://versuslab.wordpress.com/2010/07/19/world%e2%80%99s-largest-skateboard/</link>
		<comments>http://versuslab.wordpress.com/2010/07/19/world%e2%80%99s-largest-skateboard/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 09:32:55 +0000</pubDate>
		<dc:creator>versuslab</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://versuslab.wordpress.com/?p=293</guid>
		<description><![CDATA[<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=293&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<span class='embed-youtube' style='text-align:center; display:block;'><object width='640' height='390'><param name='movie' value='http://www.youtube.com/v/3GZvwjwgmLI?version=3&rel=1&fs=1&showsearch=0&showinfo=1&iv_load_policy=1' /> <param name='allowfullscreen' value='true' /> <param name='wmode' value='opaque' /> <embed src='http://www.youtube.com/v/3GZvwjwgmLI?version=3&rel=1&fs=1&showsearch=0&showinfo=1&iv_load_policy=1' type='application/x-shockwave-flash' allowfullscreen='true' width='640' height='390' wmode='opaque'></embed> </object></span>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/versuslab.wordpress.com/293/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/versuslab.wordpress.com/293/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/versuslab.wordpress.com/293/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/versuslab.wordpress.com/293/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/versuslab.wordpress.com/293/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/versuslab.wordpress.com/293/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/versuslab.wordpress.com/293/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/versuslab.wordpress.com/293/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/versuslab.wordpress.com/293/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/versuslab.wordpress.com/293/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/versuslab.wordpress.com/293/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/versuslab.wordpress.com/293/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/versuslab.wordpress.com/293/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/versuslab.wordpress.com/293/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=293&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://versuslab.wordpress.com/2010/07/19/world%e2%80%99s-largest-skateboard/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6a2619c8990012901e1490ff108ee5b8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">versuslab</media:title>
		</media:content>
	</item>
		<item>
		<title>5 Langkah Memulihkan Password Admin Joomla</title>
		<link>http://versuslab.wordpress.com/2010/07/16/5-langkah-memulihkan-password-admin-joomla/</link>
		<comments>http://versuslab.wordpress.com/2010/07/16/5-langkah-memulihkan-password-admin-joomla/#comments</comments>
		<pubDate>Fri, 16 Jul 2010 03:22:33 +0000</pubDate>
		<dc:creator>versuslab</dc:creator>
				<category><![CDATA[Joomla]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[joomla]]></category>
		<category><![CDATA[social network]]></category>

		<guid isPermaLink="false">http://versuslab.wordpress.com/?p=283</guid>
		<description><![CDATA[Ada beberapa keunggulan yang bisa Anda dapatkan ketika membangun sebuah toko onlne. Selain dapat menghemat pengeluaran, karena tidak perlu sewa tempat, toko online juga dapat buka 24 jam non-stop. Salah satu cara cepat dan mudah membuat toko online adalah dengan Joomla! yang disertai komponen/modul VirtueMart. Hanya dengan beberapa langkah saja, toko online Anda sudah terbangun. [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=283&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Ada beberapa keunggulan yang bisa Anda dapatkan ketika membangun sebuah toko onlne. Selain dapat menghemat pengeluaran, karena tidak perlu sewa tempat, toko online juga dapat buka 24 jam non-stop.</p>
<p>Salah satu cara cepat dan mudah membuat toko online adalah dengan Joomla! yang disertai komponen/modul VirtueMart. Hanya dengan beberapa langkah saja, toko online Anda sudah terbangun.</p>
<p>Jika sudah membuat toko online menggunakan Joomla!, password adalah hal penting yang harus Anda ingat. Tapi bagaimana jika suatu saat Anda lupa password Joomla!? Tenang saja, jika Anda masih bisa membuka phpmyadmin, mudah sekali mengatasinya.<br />
<span id="more-283"></span></p>
<p><img src="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa1.jpg" alt="" width="393" height="119" /></p>
<p>Gambar 1. Pesan kesalahan.</p>
<p>Caranya mengatasi adalah sebagai berikut:</p>
<p>1. Ketik http://localhost/phpmyadmin. Masukkan User Name dan Password lalu klik OK. Bila tidak menggunakan password, langsung ke langkah berikutnya.</p>
<p><img src="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa2.jpg" alt="" width="500" height="140" /></p>
<p>Gambar 2. Halaman login.</p>
<p>2. Pilih database yang digunakan.</p>
<p><img src="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa3.jpg" alt="" width="500" height="285" /></p>
<p>Gambar 3. Memilih database.</p>
<p>3. Klik tab SQL.</p>
<p><img src="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa4.jpg" alt="" /></p>
<p>Gambar 4. Tab SQL.</p>
<p>4. Ketik perintah UPDATE `NAMA_DATABASE`.`jos_users` SET `password` = md5(&#8216;PASSWORD HERE&#8217;) WHERE `jos_users`.`id` =62 LIMIT 1 ;. Ganti NAMA_DATABASE dengan database Joomla! Anda dan PASSWORD HERE dengan password baru. Klik Go.</p>
<p><img src="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa5.jpg" alt="" /></p>
<p>Gambar 5. Halaman query database.</p>
<p>5. Login dengan password yang baru.</p>
<p><img src="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa6.jpg" alt="" /></p>
<p>Gambar 6. Halaman login.</p>
<p>Kalau sukses, halaman administrator bisa diakses kembali. Cara ini juga bisa dilakukan untuk semua database mysql, bukan hanya untuk Joomla!.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/versuslab.wordpress.com/283/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/versuslab.wordpress.com/283/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/versuslab.wordpress.com/283/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/versuslab.wordpress.com/283/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/versuslab.wordpress.com/283/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/versuslab.wordpress.com/283/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/versuslab.wordpress.com/283/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/versuslab.wordpress.com/283/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/versuslab.wordpress.com/283/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/versuslab.wordpress.com/283/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/versuslab.wordpress.com/283/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/versuslab.wordpress.com/283/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/versuslab.wordpress.com/283/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/versuslab.wordpress.com/283/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=283&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://versuslab.wordpress.com/2010/07/16/5-langkah-memulihkan-password-admin-joomla/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6a2619c8990012901e1490ff108ee5b8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">versuslab</media:title>
		</media:content>

		<media:content url="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa1.jpg" medium="image" />

		<media:content url="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa2.jpg" medium="image" />

		<media:content url="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa3.jpg" medium="image" />

		<media:content url="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa4.jpg" medium="image" />

		<media:content url="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa5.jpg" medium="image" />

		<media:content url="http://images.detik.com/albums/detikinet/2010/tips/joomlalupa6.jpg" medium="image" />
	</item>
		<item>
		<title>Lacak Percakapan Antar 2 Pengguna Twitter</title>
		<link>http://versuslab.wordpress.com/2010/07/16/lacak-percakapan-antar-2-pengguna-twitter/</link>
		<comments>http://versuslab.wordpress.com/2010/07/16/lacak-percakapan-antar-2-pengguna-twitter/#comments</comments>
		<pubDate>Fri, 16 Jul 2010 03:19:18 +0000</pubDate>
		<dc:creator>versuslab</dc:creator>
				<category><![CDATA[Info]]></category>
		<category><![CDATA[social networking]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://versuslab.wordpress.com/?p=280</guid>
		<description><![CDATA[Twitter bisa jadi alat percakapan yang cukup seru. Meski dilakukan di ranah publik, kadangkala antara dua pengguna layanan itu terlibat percakapan yang layak dibaca lagi di kemudian hari. Masalahnya, banyaknya &#8216;kicauan&#8217; para tweep kadang membuat percakapan antar dua pihak terselubung. Beruntung ada sebuah aplikasi web yang bisa membantu pengguna internet melacaknya kembali. Aplikasi online ini [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=280&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Twitter bisa jadi alat percakapan yang cukup seru. Meski dilakukan di ranah publik, kadangkala antara dua pengguna layanan itu terlibat percakapan yang layak dibaca lagi di kemudian hari.</p>
<p>Masalahnya, banyaknya &#8216;kicauan&#8217; para tweep kadang membuat percakapan antar dua pihak terselubung. Beruntung ada sebuah aplikasi web yang bisa membantu pengguna internet melacaknya kembali.<br />
<span id="more-280"></span><br />
Aplikasi online ini bernama Bettween, sebuah layanan gratisan di http://bettween.com/. Cara menggunakannya pun cukup mudah, cukup kunjungi situs tersebut dan masukkan nama pengguna yang diinginkan lalu klik Go.</p>
<p>Percakapan yang muncul bisa dipilih berdasarkan kurun waktu tertentu. Selain itu, percakapan yang muncul juga bisa diurutkan dari yang paling lama terlebih dahulu atau dari yang paling baru.</p>
<p>Serunya lagi, percakapan yang muncul juga bisa ditempelkan pada situs atau blog. Cukup mengklik &#8216;Embed&#8217;, maka Bettween akan menyediakan form untuk mengutak-atik tampilan widget percakapan itu lalu pengguna bisa menyalin kode HTML yang dihasilkan.</p>
<p>Ada lagi satu fitur menarik di Bettween. Jika nama yang dimasukkan hanya satu, maka layanan itu akan melacak dengan siapa saja pengguna twitter tersebut telah melakukan percakapan dan memunculkan daftarnya.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/versuslab.wordpress.com/280/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/versuslab.wordpress.com/280/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/versuslab.wordpress.com/280/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/versuslab.wordpress.com/280/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/versuslab.wordpress.com/280/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/versuslab.wordpress.com/280/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/versuslab.wordpress.com/280/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/versuslab.wordpress.com/280/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/versuslab.wordpress.com/280/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/versuslab.wordpress.com/280/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/versuslab.wordpress.com/280/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/versuslab.wordpress.com/280/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/versuslab.wordpress.com/280/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/versuslab.wordpress.com/280/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=280&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://versuslab.wordpress.com/2010/07/16/lacak-percakapan-antar-2-pengguna-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6a2619c8990012901e1490ff108ee5b8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">versuslab</media:title>
		</media:content>
	</item>
		<item>
		<title>Alasan mengapa jepang menyensor alat kelamin di film pornonya</title>
		<link>http://versuslab.wordpress.com/2010/07/16/alasan-mengapa-jepang-menyensor-alat-kelamin-di-film-pornonya/</link>
		<comments>http://versuslab.wordpress.com/2010/07/16/alasan-mengapa-jepang-menyensor-alat-kelamin-di-film-pornonya/#comments</comments>
		<pubDate>Fri, 16 Jul 2010 03:03:49 +0000</pubDate>
		<dc:creator>versuslab</dc:creator>
				<category><![CDATA[Betrakbetruk]]></category>

		<guid isPermaLink="false">http://versuslab.wordpress.com/?p=271</guid>
		<description><![CDATA[1. Apa itu AV ? &#8220;AV&#8221; adalah singkatan dari Adults Video ( video dewasa ). Biasanya AV identik dengan JAV atau Japanese Adult Video ( video dewasa Jepang ). Industri video dewasa di Jepang sangat besar, setiap bulan ratusan judul diterbitkan. Jenisnya juga bermacam2 dan beberapa tidak ada di video dewasa Barat. Jenisnya adalah amatir, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=271&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong><span style="font-size:medium;"><span style="color:black;">1. Apa itu AV ?</span></span></strong><br />
&#8220;AV&#8221; adalah singkatan dari Adults Video ( video dewasa ). Biasanya AV identik dengan JAV atau Japanese Adult Video ( video dewasa Jepang ). Industri video dewasa di Jepang sangat besar, setiap bulan ratusan judul diterbitkan. Jenisnya juga bermacam2 dan beberapa tidak ada di video dewasa Barat. Jenisnya adalah amatir, amateur, bondage ( terikat ), rape ( perkosa ), schoolgirl ( anak sekolah ), bukkake ( dikeluarin di wajah ), scatology ( yang ini agak menjijikkan Gan ), dan nenek2.</p>
<p><strong><span style="font-size:medium;"><span style="color:black;"><br />
2. Mengapa AV sangat popular ?</span></span></strong><br />
Pertama, market sex di Jepang jauh lebih besar dari negara Asia lain seperti China, India dan Korea. Negara Jepang telah berubah menjadi negara penuh nafsu.<br />
Kedua, pria pria Jepang sangat tertarik dengan kecantikan, anak muda dan cewek polos. Hal hal ini susah ditemukan di Barat. Hal ini juga didukung dengan banyaknya ( kata aslinya &#8220;tidak pernah kehabisan ) anak2 muda di Jepang yang mau menjadi bintang AV.<br />
Terakhir, orang Barat sangat suka dengan wajah Asia seperti Jepang.</p>
<p><span id="more-271"></span></p>
<p><span style="font-size:medium;"><strong><span style="color:black;">3. Siapa yang membuat AV ?</span></strong></span><br />
Perusahaan yang membuat dan menjual video dewasa di masukan kedalam kategori : besar ( utama ), independent dan Underground ( bawah tanah ). Maksudnya tidak resmi.</p>
<p><strong><span style="color:black;">Perusahaan kategori mainstream (utama)</span></strong></p>
<p>Kuki adalah produser video dewasa paling besar dan kaya di Jepang. Kuki memiliki 8 rumah produksi. Kuki, Atlas 21, Cosmos, Alice Japan, MAX-A, Big Morkal, Sexia dan Gorilla. Sebagian produk mereka adalah artis2 pendatang baru dan kadang memproduksi amatir dan terikat . Kadang juga tentang perkosaan.</p>
<p>HRC ( Human Relation and Confidence ) adalah perusahaan yang lebih kecil . Rumah produksinya adalah Cher, Rouge and Zoom labels. Mereka banyak membuat video dengan cewek2 imut.</p>
<p>Kasakura perusahaan AV yang sedengan ( tidak besar, tidak kecil ). Kasakura membuat video dengan tema amateur, nenek/MILF, perkosaan dan terikat.</p>
<p>HMP (Houya Media Produce) perusahaan AV dengan rumah produksi bernama Samm, Tiffany, Miss Christine, For You, Q, Jamm, Cream, 10, Video Bank or Sex 9. Sebagian besar memproduksi video dengan tema amatir.</p>
<p><strong><span style="color:black;">Cinemagic, khusus bondage ( yang diikat ikat ).</span></strong></p>
<p>Marx Brothers adalah perusahaan baru di industri AV. Rumah produksinya adalah Princess, Super Burroughs and Boda. Tema yang diusung adaalah tema putri dan kosplay (kostum aneh2 seperti nurse, pelaut dll)</p>
<p><strong><span style="color:black;">Perusahaan kategori Independent</span></strong><br />
perusahaan Indi berbeda dengan perusahaan besar. mereka tidak mengikuti aturan tentang penyensoran. Konsekuensinya adalah susah didapatkan. Tidak semua toko menjual karena video ini tidak disensor. dan video seperti ini tidak ada ditempat penyewaan.</p>
<p>Soft On Demand perusahaan indi terbesar. Biasanya mantan bintang AV akan bergabung dengan mereka seperti Bunko Kanazawa, Ryo Hitomi, Mao Misaki. Tema yang diusung adalah perkosaan, ikat-ikat, lesbi dan anal.</p>
<p>Momotaro adalah terkenal dengan mosaic sensor. Sensor yang sangat tipis (hampir tidak disensor). Tema yang mereka usung fudols, kogals dan amatir.</p>
<p>Moodyz tema yang diusung perusahaan ini dalah kosplay, amatir, perkosaan dan ikat-ikatan.</p>
<p>Waap produk terkenalnya adalah Dream Shower series ayng bertemakan bukkake dan gang bang (keroyokan ).</p>
<p>Wanz perusahaan baru dan kebanyakan menampilkan toge dan masih banyak lagi.</p>
<p><strong><span style="font-size:medium;"><span style="color:black;">4. AV di sensor ?</span></span></strong><br />
AV yang legal HARUS disensor di Jepang. Namun ada beberapa video yang berhasil di selundupkan keluar oleh staff perusahaan sebelum di sensor. Mengapa di sensor ?</p>
<p>Ini adalah jawaban paling susah dan paling membuat frustasi untuk dicari penyebab awalnya. Jepang adalah negara yang paling ketat mengenai penyensoran video dewasa.</p>
<p>Jepang saat ini sangat menentang &#8220;penampilan alat kelamin&#8221;.</p>
<p>Disisi lain agama shinto tidak terlalu melarang hal tersebut. Salah satu contoh adalah festifal Jibeta dengan cara membuat patung dari kayu yang melambangkan alat kelamin.</p>
<p>Hal yang menarik juga adalah memperlihatkan dada wanita adalah sesuatu yang normal di Jepang. TV majalah dan koran banyak menampilkan wanita setengah telanjang.</p>
<p>Terlepas dari itu semua, alat kelamin wanita dan pria sangat dilarang ditampilkan baik dalam bentuk video maupun gambar. Hal ini juga dikuatkan oleh hukum yang sudah berumur 80 tahun.</p>
<p>Dari sudut pandang negara Barat, kebudayaan Jepang sangat primitif dan mirip barbarian karena pemandian umum dan tempat prostitusi sangat umum.</p>
<p>Jika hukum yang berumur 80 tahun ini tidak diganti, sangat tidak mungkin melihat AV legal yang tidak disensor.</p>
<p><strong><span style="color:black;"><span style="font-size:medium;">5. Mengapa sangat penting menampilkan tipe darah bintang AV ?</span></span></strong><br />
Orang Jepang sangat percaya dengan karakter yang dibawa oleh golongan darah.</p>
<p><span style="color:red;"><strong><span style="font-size:small;">Type A &#8211; tenang serius kerja keras, tidak emosional<br />
Type B &#8211; penuh rasa ingin tahu, menyenangkan, riang, susah ditebak<br />
Type O &#8211; karismatik, baik hati, suka berkuasa<br />
Type AB &#8211; penuh hati hati, ketat dan sentimen</span></strong></span></p>
<p>Semua berawal dari artikel The Study of Temperament Through Blood Type&#8221; tahun 1927. .</p>
<p><strong><span style="font-size:medium;"><span style="color:black;">6. Apakah bintang AV main di Amerika atau Eropa ?</span></span></strong><br />
Hanya satu Mai Hoshino dalam film More Dirty Debutantes 188 dengan Ed Powers yang diterbitkan musim semi 2001. Hanya 1 scene di akhir video.</p>
<p><strong><span style="font-size:medium;"><span style="color:black;">7. Apakah semua model telanjang Jepang jadi bintang AV ?</span></span></strong><br />
Sebagian besar model telanjang yang tampil di majalah dewasa adalah bintang AV kecuali Mai Hagiwara, Mari Ayase dan Kaori Nakatani.</p>
<p><strong><span style="font-size:medium;"><span style="color:black;"><strong>8. Bagaimana bintang AV direkrut ?</strong></span></span></strong><br />
Bintang AV direkrut agensi pencari bakat AV. Sebagian besar diajak ketika ketemu di jalan. Beberapa adalah orang yang bekerja di sex industri seperti soaplands, bath houses .<br />
Ada juga orang yang pergi ke daerah Shibuya, Roppongi and Harajiku sambil membawa papan bertulisan mencari bintang AV akhirnya selesai.</p>
<p>Sumber:Kaskus.us</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/versuslab.wordpress.com/271/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/versuslab.wordpress.com/271/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/versuslab.wordpress.com/271/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/versuslab.wordpress.com/271/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/versuslab.wordpress.com/271/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/versuslab.wordpress.com/271/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/versuslab.wordpress.com/271/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/versuslab.wordpress.com/271/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/versuslab.wordpress.com/271/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/versuslab.wordpress.com/271/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/versuslab.wordpress.com/271/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/versuslab.wordpress.com/271/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/versuslab.wordpress.com/271/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/versuslab.wordpress.com/271/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=versuslab.wordpress.com&amp;blog=7562329&amp;post=271&amp;subd=versuslab&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://versuslab.wordpress.com/2010/07/16/alasan-mengapa-jepang-menyensor-alat-kelamin-di-film-pornonya/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6a2619c8990012901e1490ff108ee5b8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">versuslab</media:title>
		</media:content>
	</item>
	</channel>
</rss>
