<?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>JoeMashari.com</title>
	<atom:link href="http://www.joemashari.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.joemashari.com/blog</link>
	<description>An Easy Way to Share Experiences</description>
	<lastBuildDate>Sat, 31 Dec 2011 04:55:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Mikrotik Template untuk Cacti (update 02/10/2009)</title>
		<link>http://www.joemashari.com/blog/mikrotik-template-untuk-cacti-update-02102009/</link>
		<comments>http://www.joemashari.com/blog/mikrotik-template-untuk-cacti-update-02102009/#comments</comments>
		<pubDate>Tue, 28 Jun 2011 04:54:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Artikel]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Mikrotik]]></category>
		<category><![CDATA[Cacti]]></category>

		<guid isPermaLink="false">http://blog.joemashari.com/?p=301</guid>
		<description><![CDATA[Graph support : System monitoring : CPU HDD Memory Uptime General : Active PPP Connections Number of Routes Number of Active Wireless Connections (Linux Only) Number of Current ARP Entries (Linux Only) Wireless Registration Table (per Wireless Client) Monitoring : Signal Strength Data Rates Packets Traffic (bits and Bytes) Wireless Client Monitoring : Signal Strength [...]]]></description>
			<content:encoded><![CDATA[<p>Graph support :</p>
<ol>
<li>System monitoring :
<ul>
<li>CPU</li>
<li>HDD</li>
<li>Memory</li>
<li>Uptime</li>
</ul>
</li>
<li>General :
<ul>
<li>Active PPP Connections</li>
<li>Number of Routes</li>
<li>Number of Active Wireless Connections (Linux Only)</li>
<li>Number of Current ARP Entries (Linux Only)</li>
</ul>
</li>
<li>Wireless Registration Table (per Wireless Client) Monitoring :
<ul>
<li>Signal Strength</li>
<li>Data Rates</li>
<li>Packets</li>
<li>Traffic (bits and Bytes)</li>
</ul>
</li>
<li>Wireless Client Monitoring :
<ul>
<li>Signal Strength</li>
<li>Data Rates</li>
<li>Frequency 802.11b/g</li>
<li>Frequency 802.11a</li>
</ul>
</li>
<li>Queues Monitoring :
<ul>
<li>Simple Packets</li>
<li>Simple Traffic (bits and Bytes)</li>
<li>Tree Packets</li>
<li>Tree Traffic (bits and Bytes)</li>
</ul>
</li>
</ol>
<p>Installasi :</p>
<ol>
<li>Download paket Mikrotik Template (<a title="Mikrotik Template" href="http://joemashari.com/download/mikrotik-20090210.zip">mikrotik-20090210.zip</a>)</li>
<li>Unzip paket yang sudah kita download</li>
<li>Copykan file berikut :<code></code></li>
<ul>
<li>zipdir/scripts/mikrotik_wireless_interfaces.php -&gt; cacti-web-dir/site/scripts/mikrotik_wireless_interfaces.php</li>
<li>zipdir/scripts/mikrotik_ppp_connections.php -&gt; cacti-web-dir/site/scripts/mikrotik_ppp_connections.php</li>
<li>zipdir/resources/script_server/mikrotik_wireless_interfaces.xml -&gt; cacti-web-dir/resources/script_server/mikrotik_wireless_interfaces.xml</li>
<li>zipdir/resources/snmp_queries/mikrotik_queue_simple.xml -&gt; cacti-web-dir/resources/snmp_queries/mikrotik_queue_simple.xml</li>
<li>zipdir/resources/snmp_queries/mikrotik_queue_tree.xml -&gt; cacti-web-dir/resources/snmp_queries/mikrotik_queue_tree.xml</li>
<li>zipdir/resources/snmp_queries/mikrotik_wireless_client.xml -&gt; cacti-web-dir/resources/snmp_queries/mikrotik_wireless_client.xml</li>
</ul>
<li>Import <code>zipdir/templates/cacti_host_template_mikrotik.xml</code><br />
<a href="http://www.joemashari.com/blog/wp-content/uploads/2011/06/Import.png"><img class="size-medium wp-image-309 aligncenter" title="Import Template" src="http://www.joemashari.com/blog/wp-content/uploads/2011/06/Import-300x163.png" alt="Import Template" width="300" height="163" /></a></li>
<li>Setelah itu login ke cacti sebagai Administrator. Tambahkan Device kemudian pada Host Template pilih &#8220;Mikrotik&#8221;.<br />
<a href="http://www.joemashari.com/blog/wp-content/uploads/2011/06/cacti-active-ppp.png"><img class="aligncenter size-medium wp-image-315" title="Cacti Active PPP" src="http://www.joemashari.com/blog/wp-content/uploads/2011/06/cacti-active-ppp-300x76.png" alt="Cacti Active PPP" width="300" height="76" /></a></p>
<p style="text-align: center;"><a href="http://www.joemashari.com/blog/wp-content/uploads/2011/06/cacti-data-rates.png"><img class="aligncenter size-medium wp-image-316" title="Cacti Data Rates" src="http://www.joemashari.com/blog/wp-content/uploads/2011/06/cacti-data-rates-300x98.png" alt="Cacti Data Rates" width="300" height="98" /></a></p>
<p style="text-align: center;"><a href="http://www.joemashari.com/blog/wp-content/uploads/2011/06/cacti-signal-strength1.png"><img class="aligncenter size-medium wp-image-321" title="Cacti Signal Strength" src="http://www.joemashari.com/blog/wp-content/uploads/2011/06/cacti-signal-strength1-300x90.png" alt="Cacti Signal Strength" width="300" height="90" /></a></p>
</li>
</ol>
<p>Salam sukses!</p>
<h6 style="text-align: right;">sumber :<a href="http://routing.explode.gr/"> routing.explode.gr</a></h6>
]]></content:encoded>
			<wfw:commentRss>http://www.joemashari.com/blog/mikrotik-template-untuk-cacti-update-02102009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mengubah Urutan HomeFeatured Module (Ascending) di Prestashop</title>
		<link>http://www.joemashari.com/blog/mengubah-urutan-homefeatured-module-ascending/</link>
		<comments>http://www.joemashari.com/blog/mengubah-urutan-homefeatured-module-ascending/#comments</comments>
		<pubDate>Mon, 20 Jun 2011 10:09:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Prestashop]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.joemashari.com/?p=294</guid>
		<description><![CDATA[Secara default, modul Home Featured di prestashop akan tersetting untuk menampilakan produk sesuai dengan urutan ID di databasenya. Dengan kata lain produk akan diurutkan dari yang terlama terlebih dahulu. Agar urutan di modul Home Featured tersebut bisa menampilkan produk dengan urutan produk terbaru yang ada di atas, kita bisa mengubah file homefeatured.php yang berada di [...]]]></description>
			<content:encoded><![CDATA[<p>Secara default, modul Home Featured di prestashop akan tersetting untuk menampilakan produk sesuai dengan urutan ID di databasenya. Dengan kata lain produk akan diurutkan dari yang terlama terlebih dahulu.</p>
<p>Agar urutan di modul Home Featured tersebut bisa menampilkan produk dengan urutan produk terbaru yang ada di atas, kita bisa mengubah file <code>homefeatured.php</code> yang berada di folder <code>modules/homefeatured</code>.</p>
<p>Cari code berikut :</p>

<div class="wp_syntax"><div class="code"><pre class="vim" style="font-family:monospace;"><span style="color: #000000;">$</span>products = <span style="color: #000000;">$</span>category<span style="color: #000000;">-&amp;</span>gt;getProducts<span style="color: #000000;">&#40;</span>intval<span style="color: #000000;">&#40;</span><span style="color: #000000;">$</span>params<span style="color: #000000;">&#91;</span><span style="color: #C5A22D;">'cookie'</span><span style="color: #000000;">&#93;</span><span style="color: #000000;">-&amp;</span>gt;id_lang    <span style="color: #000000;">&#41;</span>, <span style="color: #000000; font-weight:bold;">1</span>, <span style="color: #000000;">&#40;</span><span style="color: #000000;">$</span>nb <span style="color: #000000;">?</span> <span style="color: #000000;">$</span>nb <span style="color: #000000;">:</span> <span style="color: #000000; font-weight:bold;">10</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span>;</pre></div></div>

<p>Kemudian ganti dengan code di bawah :</p>

<div class="wp_syntax"><div class="code"><pre class="vim" style="font-family:monospace;"> <span style="color: #000000;">$</span>products = <span style="color: #000000;">$</span>category<span style="color: #000000;">-&amp;</span>gt;getProducts<span style="color: #000000;">&#40;</span>intval<span style="color: #000000;">&#40;</span><span style="color: #000000;">$</span>params<span style="color: #000000;">&#91;</span><span style="color: #C5A22D;">'cookie'</span><span style="color: #000000;">&#93;</span><span style="color: #000000;">-&amp;</span>gt;id_lang    <span style="color: #000000;">&#41;</span>, <span style="color: #000000; font-weight:bold;">1</span>, <span style="color: #000000;">&#40;</span><span style="color: #000000;">$</span>nb <span style="color: #000000;">?</span> <span style="color: #000000;">$</span>nb <span style="color: #000000;">:</span> <span style="color: #000000; font-weight:bold;">10</span><span style="color: #000000;">&#41;</span>,<span style="color: #C5A22D;">'date_add'</span>,<span style="color: #C5A22D;">'DESC'</span><span style="color: #000000;">&#41;</span>;</pre></div></div>

<p>Selesai. Silakan refresh home website prestashop kita, dan hasilnya homefeatured akan berubah urutannya.<br />
Selamat mencoba.</p>
<p>Salam sukses!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.joemashari.com/blog/mengubah-urutan-homefeatured-module-ascending/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Reset Password Admin Prestashop</title>
		<link>http://www.joemashari.com/blog/reset-password-admin-prestashop/</link>
		<comments>http://www.joemashari.com/blog/reset-password-admin-prestashop/#comments</comments>
		<pubDate>Fri, 13 May 2011 06:29:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Prestashop]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.joemashari.com/?p=286</guid>
		<description><![CDATA[Lupa password admin panel prestashop? Jangan kuatir, untuk mereset atau mengganti password sangat mudah dan hanya butuh watu tak lebih dari 10 menit. Langkah buka file settings.inc.php di folder /config, kemudian cari value dari _COOKIE_KEY_. Masuklah ke database yang digunakan untuk penyimpanan prestashop, kemudian jalankan perintah SQL berikut : UPDATE ps_employee SET passwd = md5&#40;“&#38;lt;_COOKIE_KEY_ [...]]]></description>
			<content:encoded><![CDATA[<p>Lupa password admin panel prestashop? Jangan kuatir, untuk mereset atau mengganti password sangat mudah dan hanya butuh watu tak lebih dari 10 menit.</p>
<p>Langkah buka file <code>settings.inc.php</code> di folder <code>/config</code>, kemudian cari value dari _COOKIE_KEY_. Masuklah ke database yang digunakan untuk penyimpanan prestashop, kemudian jalankan perintah SQL berikut :</p>

<div class="wp_syntax"><div class="code"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">UPDATE</span> ps_employee <span style="color: #993333; font-weight: bold;">SET</span> passwd <span style="color: #66cc66;">=</span> md5<span style="color: #66cc66;">&#40;</span>“&amp;lt;_COOKIE_KEY_ value&amp;gt;&amp;lt;passwordbaru&amp;gt;”<span style="color: #66cc66;">&#41;</span> <span style="color: #993333; font-weight: bold;">WHERE</span> email <span style="color: #66cc66;">=</span> “emailaddress”;</pre></div></div>

<p>Contoh :</p>

<div class="wp_syntax"><div class="code"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">UPDATE</span> employee <span style="color: #993333; font-weight: bold;">SET</span> passwd <span style="color: #66cc66;">=</span> md5<span style="color: #66cc66;">&#40;</span>“w6ZUMSG8yIwEd6R6fOLeMNZ9v5qaP83w76MA9o7ULKUdsf1Q6BrpSmoJadmin123”<span style="color: #66cc66;">&#41;</span> <span style="color: #993333; font-weight: bold;">WHERE</span> email <span style="color: #66cc66;">=</span> “joe@joemashari<span style="color: #66cc66;">.</span>com”;</pre></div></div>

<p>_COOKIE_KEY_ value : <code>w6ZUMSG8yIwEd6R6fOLeMNZ9v5qaP83w76MA9o7ULKUdsf1Q6BrpSmoJ<br />
</code><br />
Password baru : <code>admin123</code></p>
<p>Selesai, password prestashop sudah diganti dengan admin123. Selamat mencoba.</p>
<p>Salam Sukses.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.joemashari.com/blog/reset-password-admin-prestashop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Menghilangkan Tombol &quot;Add to Cart&quot; Pada Prestashop</title>
		<link>http://www.joemashari.com/blog/menghilangkan-tombol-add-to-cart-pada-prestashop/</link>
		<comments>http://www.joemashari.com/blog/menghilangkan-tombol-add-to-cart-pada-prestashop/#comments</comments>
		<pubDate>Thu, 12 May 2011 03:03:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Prestashop]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.joemashari.com/?p=274</guid>
		<description><![CDATA[Prestashop, siapa yang tidak tahu CMS satu ini. Prestashop adalah CMS yang dikhususkan untuk membuat website jual beli online. Secara otomatis Prestashop akan menginstall module-module untuk jual beli ketika instalasi. Tapi terkadang module tersebut tidak dibutuhkan dalam website, sebagai contoh ketika kita hanya membuat website untuk katalog saja, maka tampilnya tombol &#8220;Add to Cart&#8221; akan [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Prestashop</strong>, siapa yang tidak tahu CMS satu ini. Prestashop adalah CMS yang dikhususkan untuk membuat website jual beli online. Secara otomatis Prestashop akan menginstall module-module untuk jual beli ketika instalasi. Tapi terkadang module tersebut tidak dibutuhkan dalam website, sebagai contoh ketika kita hanya membuat website untuk katalog saja, maka tampilnya tombol &#8220;Add to Cart&#8221; akan sangat menggangu kita.</p>
<p>Tapi jangan kuwatir, semua yang ada di bumi ini tidak ada yang kekal termasuk tombol &#8220;Add to Cart&#8221; tersebut. Untuk menghilangkan tombol tersebut sangat mudah cukup menghilangkan beberapa baris code tertentu.</p>
<p>Sebelum kita mulai alangkah baiknya jika kita membuat backup file <code>product.tpl</code> dan <code>product-list.tpl</code>. Kemudian kita akan meng-edit file tersebut.</p>
<p>Pada <code>product.tpl</code> hilangkan code berikut :</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>pre lang<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;php&quot;</span><span style="color: #339933;">&gt;</span><span style="color: #009900;">&#123;</span><span style="color: #b1b100;">if</span> <span style="color: #339933;">!</span><span style="color: #000088;">$allow_oosp</span> <span style="color: #339933;">&amp;</span>amp<span style="color: #339933;">;&amp;</span>amp<span style="color: #339933;">;</span> <span style="color: #000088;">$product</span><span style="color: #339933;">-&amp;</span>gt<span style="color: #339933;">;</span>quantity <span style="color: #339933;">==</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#125;</span> style<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;display:none;&quot;</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">/</span><span style="color: #b1b100;">if</span><span style="color: #009900;">&#125;</span> id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;add_to_cart&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;&amp;</span>lt<span style="color: #339933;">;</span>input type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;submit&quot;</span> name<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Submit&quot;</span> value<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;{l s='Add to cart'}&quot;</span> <span style="color: #339933;">/&amp;</span>gt<span style="color: #339933;">;</span></pre></div></div>

</pre>
<p>Pada <code>product-list.tpl</code> hilangkan code berikut :</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>span style<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;font-family: monospace;&quot;</span><span style="color: #339933;">&gt;</span><span style="color: #009900;">&#123;</span><span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$product</span><span style="color: #339933;">.</span>allow_oosp OR <span style="color: #000088;">$product</span><span style="color: #339933;">.</span>quantity <span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&amp;</span>amp<span style="color: #339933;">;&amp;</span>amp<span style="color: #339933;">;</span> <span style="color: #000088;">$product</span><span style="color: #339933;">.</span>customizable <span style="color: #339933;">!=</span> <span style="color: #cc66cc;">2</span><span style="color: #009900;">&#125;</span>
 <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>a <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;button ajax_add_to_cart_button exclusive&quot;</span> rel<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;ajax_id_product_{<span style="color: #006699; font-weight: bold;">$product</span>.id_product|intval}&quot;</span> href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;<span style="color: #006699; font-weight: bold;">{$base_dir}</span>cart.php?add&amp;amp;id;_product={<span style="color: #006699; font-weight: bold;">$product</span>.id_product|intval}&amp;amp;token;=<span style="color: #006699; font-weight: bold;">{$static_token}</span>&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span><span style="color: #009900;">&#123;</span>l s<span style="color: #339933;">=</span><span style="color: #0000ff;">'Add to cart'</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;/</span>a<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
 <span style="color: #009900;">&#123;</span><span style="color: #b1b100;">else</span><span style="color: #009900;">&#125;</span>
 <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>span <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;exclusive&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span><span style="color: #009900;">&#123;</span>l s<span style="color: #339933;">=</span><span style="color: #0000ff;">'Add to cart'</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;/</span>span<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
 <span style="color: #009900;">&#123;</span><span style="color: #339933;">/</span><span style="color: #b1b100;">if</span><span style="color: #009900;">&#125;</span>
<span style="color: #339933;">&lt;/</span>span<span style="color: #339933;">&gt;</span></pre></div></div>

<p>Jika code di atas sudah dihilangkan silakan dilihat hasilnya.</p>
<p>Salam sukses.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.joemashari.com/blog/menghilangkan-tombol-add-to-cart-pada-prestashop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Syntax</title>
		<link>http://www.joemashari.com/blog/css-syntax/</link>
		<comments>http://www.joemashari.com/blog/css-syntax/#comments</comments>
		<pubDate>Sat, 07 May 2011 05:06:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS Tutorial]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.joemashari.com/?p=261</guid>
		<description><![CDATA[Terdapat dua bagian penting dalam aturan penulisan CSS, yaitu satu selector dan satu atau lebih declaration. Selector biasanya berisi tag HTML yang akan kita berikan style CSSnya. Sedangkan declaration adalah properti atau nilai dari style CSS yang akan kita masukkan. Declaration selalu diakhiri dengan tanda titik koma (;) dan group declaration selalu berada di dalam [...]]]></description>
			<content:encoded><![CDATA[<p>Terdapat dua bagian penting dalam aturan penulisan CSS, yaitu satu selector dan satu atau lebih declaration. Selector biasanya berisi tag HTML yang akan kita berikan style CSSnya. Sedangkan declaration adalah properti atau nilai dari style CSS yang akan kita masukkan.</p>
<p>Declaration selalu diakhiri dengan tanda titik koma (;) dan group declaration selalu berada di dalam kurung kurawal ({}).</p>
<h4>Contoh CSS</h4>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">p <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #993333;">red</span><span style="color: #00AA00;">;</span>text-align<span style="color: #00AA00;">:</span><span style="color: #993333;">center</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>atau bisa juga dituliskan seperti berikut :</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">p <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #993333;">red</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span><span style="color: #993333;">center</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Untuk melihat hasilnya bisa dilihat <a title="view" href="http://www.w3schools.com/css/tryit.asp?filename=trycss_syntax1" target="_blank">di sini</a>.</p>
<h4>CSS Comments</h4>
<p>Comment digunakan untuk memeberikan keterangan tentang code yang kita buat, comment hanya berupa text informasi jadi tidak akan dieksekusi sebagai sebuah script. Comment diawali dengan karakter &#8220;<code>/*</code>&#8221; dan diakhiri dengan &#8220;<code>*/</code>&#8220;. Semua yang berada di dalam comment tidak akan dieksekusi olek browser.</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/*This is a comment*/</span>
p <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span><span style="color: #993333;">center</span><span style="color: #00AA00;">;</span>
<span style="color: #808080; font-style: italic;">/*This is another comment*/</span>
<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span>arial<span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<pre style="text-align: right;">Sumber : <a href="http://www.w3schools.com/">www.w3schools.com</a></pre>
]]></content:encoded>
			<wfw:commentRss>http://www.joemashari.com/blog/css-syntax/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

