<?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>Side22Press &#187; WordPress</title>
	<atom:link href="http://side22.com/category/walktrough-tip-trick/feed" rel="self" type="application/rss+xml" />
	<link>http://side22.com</link>
	<description>Learning Opinion Web Blog</description>
	<lastBuildDate>Thu, 24 Jun 2010 14:26:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Logo WordPress</title>
		<link>http://side22.com/logo-wordpress.html</link>
		<comments>http://side22.com/logo-wordpress.html#comments</comments>
		<pubDate>Mon, 03 May 2010 02:59:07 +0000</pubDate>
		<dc:creator>Harry</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://side22.com/?p=457</guid>
		<description><![CDATA[Riwayat belajar menulis dalam sebuah blog sudah mendekati umur satu tahun. WordPress Organization bahkan sedang dalam persiapan untuk merilis versi 3.0. Tetapi, dalam tema &#34;yrrah&#34; yang sudah beberapa kali dibongkar-pasang masih tetap saja menyisakan sesuatu yang tercecer, tertinggal bahkan mungkin terlupakan. Apakah ini sebuah permintaan maaf ? Iya. Dan karena alasan tersebut, maka nama berkas [...]]]></description>
			<content:encoded><![CDATA[<p>Riwayat belajar menulis dalam sebuah blog sudah mendekati umur satu tahun. WordPress Organization bahkan sedang dalam persiapan untuk merilis versi 3.0. Tetapi, dalam tema &#34;yrrah&#34; yang sudah beberapa kali dibongkar-pasang masih tetap saja menyisakan sesuatu yang tercecer, tertinggal bahkan mungkin terlupakan. Apakah ini sebuah permintaan maaf ? Iya. </p>
<p>Dan karena alasan tersebut, maka nama berkas gambar yang dipergunakan Side22Press untuk pranala yang merujuk ke situs resmi WordPress Organization sudah diganti dengan &#34;wordpress-logo.png&#34;. Begitu pula alternatif teks yang dipergunakan dalam pranala gambar tersebut juga sudah dirubah menjadi &#34;Modified WordPress Logo&#34;. Tooltips atau title hover pada pranala yang dipergunakan juga sudah diganti dengan semboyan WordPress yaitu, &#34;state-of-the-art publishing platform with a focus on aesthetics, web standards, and usability&#34;.</p>
<h3>Aturan Desain Logo WordPress ? Do I need it ?</h3>
<p>Alih-alih menggunakan logo yang (kadang-kadang terlalu) kreatif, sehingga justru menimbulkan kesalahan persepsi tentang hak cipta sebuah kreatifitas. Maka beberapa master dan yang peduli akhirnya lebih memilih teks sebagai pranala untuk <a class="side22in" href="better-anchor-text-for-better-seo.html" title="better anchor text">membuat sebuah tautan</a> ke situs resmi WordPress.</p>
<p>Inilah kuotasinya :</p>
<p class="side22q">Friends don’t let friends use the wrong WordPress logo. If you see one of these in the wild, please gun it down.</p>
<p>Seru khan ?!?,&#8230;<br />
&#34;Awas kalau salah pasang Badge atau Logo WordPress !, <em>Tak bedhil sampeyan</em> Ha&#8230; Ha&#8230;&#34;</p>
<p>Baiklah,&#8230; berikut adalah acuan resmi wordpress organization yang dapat dijadikan sebagai dasar untuk berkreasi dalam design pembuatan logo wordpress :</p>
<p style="text-align:center;"><img src="http://side22.com/wp-content/side22dotcom/2010/05/rule-of-wordpress-logo.png" alt="Rule of WordPress Logo" title="rule-of-wordpress-logo" width="557" height="339" class="size-full wp-image-454" /></p>
<p>Dan inilah pembenahan badge WordPress yang dipasang pada tema Yrrah dengan heading &#39;Lovely Badge&#39;, pada tag_key &#39;Credit&#39;. Pembenahan tersebut adalah bentuk rasa terima kasih karena telah diberikan keleluasaan menggunakan blogging tool dari WordPress secara Gratis.</p>
<p style="text-align:center;"><img src="http://side22.com/wp-content/side22dotcom/2010/05/wordpress.png" alt="Bad Unstandard WordPress Logo" title="Code is Poetry" width="88" height="31" class="size-full wp-image-455" /><span> menjadi </span><img src="http://side22.com/wp-content/side22dotcom/2010/05/wordpress-logo.png" alt="Good Modified WordPress Logo" title="Code is Poetry" width="88" height="31" class="size-full wp-image-456" /></p>
<p>Masih perlu bukti ? Apakah ini lelucon ? Atau sekedar omong kosong ? silahkan membaca kembali <a class="side22out" href="http://wordpress.org/about/logos" title="WordPress Logo &amp; Graphics">Tentang Logo &amp; Graphics wordpress.org</a>. Atau mulai ingin berselingkuh dengan Mengunduh <a class="side22out" href="http://wordpress.org/download/" title="Get it. Got it ? Good">Source Code WordPress</a> ?</p>


<p>Related posts:<ol><li><a href='http://side22.com/new-custom-e-mail-logo-of-side22.html' rel='bookmark' title='Permanent Link: New custom E-mail Logo of side22'>New custom E-mail Logo of side22</a></li>
<li><a href='http://side22.com/refreshment-resep-favorit-wordpress-lovers.html' rel='bookmark' title='Permanent Link: Refreshment, Resep Favorit Pencinta WordPress'>Refreshment, Resep Favorit Pencinta WordPress</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://side22.com/logo-wordpress.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Cara Menyembunyikan CSS ?</title>
		<link>http://side22.com/cara-menyembunyikan-css.html</link>
		<comments>http://side22.com/cara-menyembunyikan-css.html#comments</comments>
		<pubDate>Mon, 05 Apr 2010 01:34:10 +0000</pubDate>
		<dc:creator>Harry</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://side22.com/cara-menyembunyikan-css.html</guid>
		<description><![CDATA[Apakah ada cara untuk menyembunyikan file CSS atau berkas style sheet ?. Tetapi untuk alasan apa seorang author mencoba menghilangkan berkas css dari pandangan user ? Jika jawabnya supaya tidak ditiru atau dijiplak orang lain, maka alasan tersebut yang membedakan dengan tujuan saya saat mencoba menyembunyikan CSS. Pada tema terdahulu, saya merasa perlu menyembunyikan file [...]]]></description>
			<content:encoded><![CDATA[<p>Apakah ada cara untuk menyembunyikan file CSS atau berkas style sheet ?. Tetapi untuk alasan apa seorang author mencoba menghilangkan berkas css dari pandangan user ? Jika jawabnya supaya tidak ditiru atau dijiplak orang lain, maka alasan tersebut yang  membedakan dengan tujuan saya saat mencoba menyembunyikan CSS. Pada tema terdahulu, saya merasa perlu menyembunyikan file tersebut karena malu dan tidak percaya diri dengan styling sheet yang saya kerjakan.</p>
<p>For basic user experience, berkas Cascading Style Sheet &#8211; CSS yang disembunyikan memang tidak akan mudah untuk dilihat dan dibaca. Tetapi untuk konsumsi pengunjung expert (baca: sesama pengembang), menyembunyikan berkas CSS hanyalah pekerjaan sia-sia.</p>
<p>Tetapi jika memang berkeinginan untuk menyembunyikan halaman penggaya CSS kreasi anda, atau sekedar untuk main-main dan trial, berikut adalah yang pernah saya lakukan.</p>
<h3>The Theory</h3>
<p>Teori dasar menyembunyikan berkas penggaya, styling sheet atau CSS dari hadapan basic user experience antara lain sebagai berikut: @Import rule CSS, PHP session_start, htaccess renaming method &#8211; rewrite rule, dan tentu saja metode kompresi file PHP.<br />
Tetapi untuk menyembunyikan Style Sheets berkaitan dengan kompabilitas browser, UA, silahkan lihat baris referensi.</p>
<h4>Kompresi CSS sebagai file PHP</h4>
<p>Materi kompresi file css dengan php adalah hal yang mudah ditemukan di SERPs (Search Engine Result Pages), pada lingkungan php pemampatan berkas dapat dilakukan dengan illustrasi sebagai berikut ;</p>
<pre>
&lt;?php
header(&#34;Content-type: text/css&#34;);
if (substr_count($_SERVER[&#39;HTTP_ACCEPT_ENCODING&#39;], &#39;gzip&#39;)) {
  ob_start(&#34;ob_gzhandler&#34;);
} else {
  ob_start();
}?&gt;

/* code css yang ingin disembunyikan silahkan tulis disini */

&lt;?php ob_end_flush(); ?&gt;
</pre>
<p>Menyajikan berkas styling sheet yang seharusnya mempunyai ekstensi <code>*.css</code> sebagai berkas php artinya, berkas style.css harus dirubah namanya menjadi style.php.</p>
<p>Dan tambahkan code untuk membatasi hak akses berkas penggaya tersebut menjadi ;</p>
<pre>
&lt;?php
session_start();
header(&#34;Content-type: text/css&#34;);
if ($_SESSION[&#39;sessionkey&#39;] != &#34;passkey&#34;) {
    die(&#34;pesan yang muncul saat pengunjung mencoba mengakses langsung url berkas penggaya.&#34;);
}
$_SESSION[&#39;sessionkey&#39;] = &#34;someotherkey&#34;;
if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) {
  ob_start(&#34;ob_gzhandler&#34;);
} else {
  ob_start();
}?&gt;

/* code css yang ingin disembunyikan silahkan tulis disini */

&lt;?php ob_end_flush(); ?&gt;
</pre>
<h4>PHP session_start</h4>
<p>Pada header.php tema yang digunakan, tambahkan code berikut sebelum elemen <code>&lt;html&gt;</code> :</p>
<pre>
&lt;?php
session_start();
$_SESSION[&#39;sessionkey&#39;] = &#34;passkey&#34;;
?&gt;
</pre>
<p>Asumsinya, berkas penggaya CSS hanya akan diakses saat user mulai mengakses dokumen html saja.</p>
<h4>.htaccess</h4>
<p>Pada berkas .htaccess, tambahkan kode berikut :</p>
<pre>
RewriteEngine on
RewriteRule style.css style.php
</pre>
<p>kode untuk .htaccess diatas untuk merubah penyajian berkas CSS sebagai file PHP</p>
<h4>@import rule CSS</h4>
<p>CSS dapat ditautkan dalam dokumen html dengan menggunakan <code>[Link]</code>, dan dapat di embbed dengan menggunakan @import rule sebagai pilihan penyajian berkas cascading style sheet dalam elemen <code>head</code>.</p>
<pre>
&lt;style type=&#34;text/css&#34;&gt;@import url(&#34;&lt;?php bloginfo(&#39;template_directory&#39;); ?&gt;/style.php&#34;)&lt;/style&gt;
</pre>
<h3>Wasted your effort</h3>
<p>Membaca dan meresapi beberapa dokumentasi tentang SGML,..mm&#8230; baiklah HTML, berkaitan dengan teknologinya, seorang author sebaiknya menyajikan apa yang memang ingin di sajikan meskipun pada kenyataannya menulis sesuatu tidak semudah itu. Apabila sudah memaknai penyajian informasi beserta teknologi yang menyertainya, untuk apa menyembunyikan berkas styling sheet, atau file CSS dari hadapan pengunjung ?, bukankah CSS adalah salah satu bentuk teknologi yang menyertai html ?</p>
<h3>Referensi</h3>
<ul>
<li><a href="http://www.w3c.org/TR/html4/present/styles.html#h-14.3.2">Specifying external style sheets</a></li>
<li><a href="http://www.w3c.org/TR/1998/REC-CSS2-19980512/cascade.html#x5">The @import rule</a></li>
<li><a href="http://www.w3c.org/TR/html4/present/styles.html#h-14.5">Hiding style data from user agents</a></li>
</ul>


<p>Related posts:<ol><li><a href='http://side22.com/parse-error-lexical-error-pesan-kesalahan-validasi-markah.html' rel='bookmark' title='Permanent Link: Parse error Lexical error, Pesan Kesalahan Validasi Markah'>Parse error Lexical error, Pesan Kesalahan Validasi Markah</a></li>
<li><a href='http://side22.com/5-cara-optimasi-css.html' rel='bookmark' title='Permanent Link: 5+ Cara Optimasi CSS'>5+ Cara Optimasi CSS</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://side22.com/cara-menyembunyikan-css.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>