<?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>Sufyan Tsauri's Blog &#187; Tutorial</title>
	<atom:link href="http://tsauri28.myhaley.com/blog/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://tsauri28.myhaley.com/blog</link>
	<description>Let's Blogging !!!</description>
	<lastBuildDate>Tue, 07 Feb 2012 09:31:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Fitur Baru WordPress 2.8</title>
		<link>http://tsauri28.myhaley.com/blog/fitur-baru-wordpress-28/</link>
		<comments>http://tsauri28.myhaley.com/blog/fitur-baru-wordpress-28/#comments</comments>
		<pubDate>Sun, 21 Jun 2009 00:41:36 +0000</pubDate>
		<dc:creator>tsauri28</dc:creator>
				<category><![CDATA[Download]]></category>
		<category><![CDATA[Review]]></category>
		<category><![CDATA[elearning]]></category>
		<category><![CDATA[plugin wp]]></category>
		<category><![CDATA[toolbox development]]></category>
		<category><![CDATA[tren]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wp hack]]></category>

		<guid isPermaLink="false">http://tsauri28.myhaley.com/blog/?p=757</guid>
		<description><![CDATA[WordPress sudah mengeluarkan versi terbarunya beberapa minggu yang lalu, yaitu versi 2.8. Versi ini terbilang cukup cepat, sebelumnya wordpress mengeluarkan versi 2.7 dan 2.7.1, dan langsung loncat ke versi 2.8 ini. Terdapat beberapa fitur baru yang sangat memudahkan user, seperti theme installer dan plugin management update. Berikut ini 10 fitur baru yang di-review oleh nettuts.com [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://wordpress.org" target="_blank"><strong>WordPress</strong></a> sudah mengeluarkan versi terbarunya beberapa minggu yang lalu, yaitu versi 2.8. Versi ini terbilang cukup cepat, sebelumnya wordpress mengeluarkan versi 2.7 dan 2.7.1, dan langsung loncat ke versi 2.8 ini.</p>
<p>Terdapat beberapa fitur baru yang sangat memudahkan user, seperti<strong> theme installer</strong> dan <strong>plugin management update</strong>. Berikut ini 10 fitur baru yang di-review oleh <a href="http://net.tutsplus.com/tutorials/wordpress/10-wordpress-28-features-to-look-out-for/" target="_blank">nettuts.com</a> (saya terjemahkan seperlunya).<span id="more-757"></span></p>
<p><strong>Columns, Drag and Drop Dashboard</strong></p>
<p>WordPress 2.8 memiliki dashboard yang lebih <em>user friendly</em>, dapat diatur apa saja yang ditampilkan dan bagaimana penempatannya. Fungsi drag and drop mengingatkan saya dengan layanan yang lebih dahulu mengusung fungsi ini, yaitu igoogle <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img class="alignnone" title="dashboard" src="http://nettuts.s3.amazonaws.com/356_wp28/columns.jpg" alt="" width="600" height="200" /></p>
<p><strong>Password Reminder</strong></p>
<p><img class="alignnone" title="PAss Reminder" src="http://nettuts.s3.amazonaws.com/356_wp28/password.jpg" alt="" width="600" height="200" /></p>
<p>Ketika menginstall wordpress baru kita suka diberi password yang di-generete oleh engine, terkadang kita lupa dan merepotkan seakali. Versi 2.8 memberikan fasilitas pengingat password.</p>
<p><strong>Themes Installer</strong></p>
<p>Dalam versi-versi sebelumnya, wordpress baru hanya memberikan fasilitas install plugin. Dalam versi terbaru ini, telah ditambahkan fasilitas themes installer, jadi sekarang tidak repot lagi harus upload manual themes ke web server <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img class="alignnone" title="theme" src="http://nettuts.s3.amazonaws.com/356_wp28/theme.jpg" alt="" width="600" height="200" /></p>
<p><strong>Syntax Highlighter &amp; Function Reference</strong></p>
<p><img class="alignnone" title="highlighter" src="http://nettuts.s3.amazonaws.com/356_wp28/syntax.jpg" alt="" width="600" height="350" /></p>
<p>Berita gembira bagi para developer wordpress, dalam versi 2.8 ini telah ditambahkan syntax highlighter dan function references untuk theme editor dan plugin editor.</p>
<p><strong>Widgets Interface</strong></p>
<p>Kini widget akan lebih mudah diatur, karena wordpress memberikan fasilitas widgets interface sehingga kita bisa melihat simulasi tampilan widget akan seperti apa.</p>
<p><img class="alignnone" title="widget" src="http://nettuts.s3.amazonaws.com/356_wp28/widgets.jpg" alt="" width="600" height="400" /></p>
<p><strong>Widget API</strong></p>
<p><img class="alignnone" title="widget api" src="http://nettuts.s3.amazonaws.com/356_wp28/widgetsapi.jpg" alt="" width="600" height="225" /></p>
<p>Fasilitas ini akan lebih memudahkan kita membuat widget sesuai dengan kebutuhan kita. Dengan adanya API, selain akan lebih memudahkan pembuatan juga akan membuat kode yang kita buat menjadi standar.</p>
<p><strong>Time Zones and DST</strong></p>
<p>WordPress kini mendukung time zone yang tidak terdapat di versi sebelumnya.</p>
<p><img class="alignnone" title="time zones" src="http://nettuts.s3.amazonaws.com/356_wp28/timezones.jpg" alt="" width="600" height="200" /></p>
<p><strong>Custom Taxonomies</strong></p>
<p>Satu hal lagi yang akan memanjakan para developer wordpress, pada versi ini kita dapat membuat taxonomi sesuai kebutuhan kita. Pada versi sebelumnya kita hanya mengenal 3 (tiga) taxonomi, yaitu category, post_tag dan link_category. Sekarang kita dapat menambahkan taxonomi sesuai kebutuhan kita.</p>
<p><img class="alignnone" title="taxonomies" src="http://nettuts.s3.amazonaws.com/356_wp28/taxonomy.jpg" alt="" width="600" height="200" /></p>
<p><strong>Faster Administration Pages</strong></p>
<p><img class="alignnone" title="faster admin" src="http://nettuts.s3.amazonaws.com/356_wp28/speed.jpg" alt="" width="600" height="200" /></p>
<p>Salah satu kelemahan wordpress versi sebelumnya adalah masalah performance dan loading times, ketika kita membuka wp-admin untuk membuat tulisan terbaru terasa sangat lambat jika dibandingkan dengan CMS lainnya. Dalam versi terbaru ini, wordpress telah memperbaharui hal tersebut, beberapa script telah dikompresi dan disederhanakan, sehingga masalah diatas diklaim telah teratasi.</p>
<p><strong>Plugin Management Update</strong></p>
<p><img class="alignnone" title="plugins" src="http://nettuts.s3.amazonaws.com/356_wp28/plugins.jpg" alt="" width="600" height="200" /></p>
<p>Sekarang wordpress menyediakan fasilitas update plugin secara otomatis, sehingga kita tidak repot lagi untuk install ulang secara manual.</p>
<p>Kesimpulan:</p>
<p>WordPress versi 2.8 memiliki banyak fitur baru yang menarik, khususnya untuk para developer. Namun sayang, sampai saat ini masih sedikit plugin yang sudah support versi ini.</p>
<p>Tulisan asli: http://net.tutsplus.com/tutorials/wordpress/10-wordpress-28-features-to-look-out-for/</p>
<p style="text-align: right;">Hormat Saya,<img class="alignright" src="http://www.mylivesignature.com/signatures/85713/tsauri28/e820e545a65f0ad978fa2050defbf27d.png" alt="signature" /></p>
<div id="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://tsauri28.myhaley.com/blog/fitur-baru-wordpress-28/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Cara Saya Menghindari Tacit Knowledge</title>
		<link>http://tsauri28.myhaley.com/blog/cara-saya-menghindari-tacit-knowledge/</link>
		<comments>http://tsauri28.myhaley.com/blog/cara-saya-menghindari-tacit-knowledge/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 01:30:01 +0000</pubDate>
		<dc:creator>tsauri28</dc:creator>
				<category><![CDATA[Sosial]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[asep sufyan tsauri]]></category>
		<category><![CDATA[cerita]]></category>
		<category><![CDATA[entrepreneurship]]></category>
		<category><![CDATA[Inspiring People]]></category>
		<category><![CDATA[kurikulum tik]]></category>
		<category><![CDATA[pendidikan ilmu komputer]]></category>
		<category><![CDATA[rekomendasi]]></category>
		<category><![CDATA[teknologi dasar]]></category>
		<category><![CDATA[tsauri28]]></category>

		<guid isPermaLink="false">http://tsauri28.myhaley.com/blog/?p=638</guid>
		<description><![CDATA[Diantara pembaca mungkin ada yang masih asing dengan istilah Tacit Knowledge. Saya pun baru mengetahuinya 3 (tiga) hari yang lalu dari blognya Pak Jamil Azzaini . Tacit Knowledge (mungkin) bisa diartikan sebagai sebuah pengetahuan yang sulit dikomunikasikan kepada orang lain, baik dengan bahasa kata maupun tulisan, hanya pemilik pengetahuan sendiri yang memahaminya. Contohnya : Anwar [...]]]></description>
			<content:encoded><![CDATA[<p>Diantara pembaca mungkin ada yang masih asing dengan istilah <em>Tacit Knowledge</em>. Saya pun baru mengetahuinya 3 (tiga) hari yang lalu dari blognya <a href="http://jamil.niriah.com" target="_blank">Pak Jamil Azzaini</a> <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  . <em>Tacit Knowledge</em> (mungkin) bisa diartikan sebagai sebuah pengetahuan yang sulit dikomunikasikan kepada orang lain, baik dengan bahasa kata maupun tulisan, hanya pemilik pengetahuan sendiri yang memahaminya. Contohnya : Anwar bisa mengendarai mobil dengan baik, kemudian Badrun memintanya untuk mengajarinya. Anwar kesulitan menjelaskan cara &#8211; cara yang biasa dia lakukan dalam mengendarai mobil kepada Badrun, sehingga Anwar hanya bilang &#8220;<em>pokoknya gitu deh..!</em>&#8220;.<span id="more-638"></span></p>
<p>Menurut beberapa penelitian, <em>Tacit Knowledge</em> dapat diminimalisir dengan beberapa cara dan metode dan hal ini erat hubungannya dengan <em>Knowledge Management</em>. Menurut  <a title="Kamran Parsaye" href="http://en.wikipedia.org/wiki/Kamran_Parsaye">Parsaye</a>, <em>Tacit Knowledge</em> ini bisa ditangkap dengan beberapa cara, diantaranya dengan belajar kelompok, <em>eLearning</em>, <em>Action Learning</em>, dsb.</p>
<p>Namun, untuk ukuran (saya) pribadi, ternyata tanpa disadari bahwa selama ini saya sudah  lakukan beberapa <em>action</em> agar terhindar dari <em>Tacit Knowlede</em> tersebut. Mudah-mudahan bermanfaat dan bisa dilakukan oleh teman-teman juga. Cara saya pun bisa dikategorikan kedalam 2 (dua) hal, masukan (<em>input</em>) yaitu dengan membaca dan ngobrol; kemudian keluaran (<em>output</em>) dengan Pemetaan Fikiran (<em>Mind Mapping</em>) dan Menulis.</p>
<p><strong>Membaca</strong><br />
Kebiasaan ini baru muncul ketika awal-awal masa kuliah (memang telat sih..). Nah, dengan banyak membaca kita jadi mengerti bagaimana seorang penulis mengungkapkan sesuatu kepada orang lain, jadi tambah referensi <em>deh</em> buat melakukan sesuatu, baik untuk berkomunikasi langsung maupun tidak langsung. O iya, bukunya saya selalu usahakan bervariasi tema-temanya, dari buku programming (yang tebelnya minta ampun) sampai buku tips-trik wirausaha yang ringan dan tipis <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<blockquote><p>Jadikan aktifitas membaca menjadi sebuah kesenangan dan kebutuhan, upayakan buku / tulisan yang dibaca tidak hanya satu bidang ilmu.</p></blockquote>
<p><strong>Bergaul dengan &#8220;manusia&#8221; beserta bahasanya juga</strong><br />
Meskipun saya termasuk orang yang &#8220;sulit&#8221; bergaul dengan banyak orang, saya upayakan dengan masuk banyak organisasi dan komunitas. Dengan kondisi tersebut akan menciptakan kebiasaan untuk bisa berkomunikasi dengan baik dan efektif, imbasnya <em>Tacit Knowledge</em> pun akan terus berkurang.</p>
<p><strong>Menulis</strong><br />
Menurut penelitian lagi, (katanya) menulis akan sangat mempengaruhi kinerja otak kanan manusia. Media yang saya gunakan adalah media blog dan kawan-kawan, maksudnya aktifitas <em>blogging</em> secara keseluruhan, yaitu aktifitas menulis di blog sendiri, <em>blog walking</em> dan <em>bookmarking</em>.</p>
<p><strong>Mind Mapping ala sendiri</strong><br />
<a href="http://en.wikipedia.org/wiki/Mind_map" target="_blank"><em>Mind Mapping</em></a> hasil inovasi Tony Buzan memang sangat menarik dan revolusioner, namun ketika saya coba malah ribet juga ya <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  . Akhirnya saya punya cara sendiri dalam memetakan fikiran saya, yaitu dengan corat-coret di kertas bekas. Hmm, hasilnya luar biasa ide yang biasanya ada di dalam bayangan saja ternyata bisa divisualisasikan.</p>
<p style="text-align: center;"><img class="aligncenter" title="mind map" src="http://upload.kapanlagi.com/show.php?photo=20090416090019_300pxGuru_Mindmap_49e6913320705.jpg" alt="" width="300" height="211" /></p>
<p style="text-align: center;">Gambar 1 : Mind Map <em>&#8220;asli&#8221;</em></p>
<p style="text-align: center;"><img class="alignnone" title="mind map ala saya :)" src="http://upload.kapanlagi.com/show.php?photo=20090416090019_P4160754_49e6913327d6c.JPG" alt="" width="301" height="217" /></p>
<p style="text-align: center;">Gambar 2 : Mind Map ala Saya</p>
<p>Inilah salah satu alasan, kenapa di kamar saya begitu banyak kertas bekas <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  . Itulah cara-cara saya mungkin cocok dengan anda atau mungkin saja tidak. Semoga bermanfaat.</p>
<p>Referensi : <a href="http://en.wikipedia.org/wiki/Tacit_knowledge" target="_blank">http://en.wikipedia.org/wiki/Tacit_knowledge,</a> <a href="http://en.wikipedia.org/wiki/Tacit_knowledge" target="_blank"></a><a href="http://en.wikipedia.org/wiki/Mind_map" target="_blank">http://en.wikipedia.org/wiki/Mind_map</a></p>
<p style="text-align: right;">Hormat Saya,<img class="alignright" src="http://www.mylivesignature.com/signatures/85713/tsauri28/e820e545a65f0ad978fa2050defbf27d.png" alt="signature" /></p>
<div id="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://tsauri28.myhaley.com/blog/cara-saya-menghindari-tacit-knowledge/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Optimasi Search Engine Bag-1</title>
		<link>http://tsauri28.myhaley.com/blog/optimasi-search-engine-bag-1/</link>
		<comments>http://tsauri28.myhaley.com/blog/optimasi-search-engine-bag-1/#comments</comments>
		<pubDate>Thu, 12 Mar 2009 03:25:39 +0000</pubDate>
		<dc:creator>tsauri28</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Web Services]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[asep sufyan tsauri]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[entrepreneurship]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[pendidikan ilmu komputer]]></category>
		<category><![CDATA[rekomendasi]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://tsauri28.myhaley.com/blog/?p=516</guid>
		<description><![CDATA[Beberapa teman banyak yang menanyakan tentang bagaimana menerapkan SEO (Search Engine Optimization) dalam webblog dan website mereka, karena tertarik dengan blog saya yang baru berumur beberapa bulan ini bisa nangkring di urutan teratas om google dengan kata kunci : &#8220;asep sufyan tsauri&#8220;, &#8220;asep sufyan&#8220;, &#8220;asep tsauri&#8220;, dan &#8220;tsauri28&#8220;, sehingga bisa ngikut Pak Nukman Luthfie nulis [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Beberapa</strong> teman banyak yang menanyakan tentang bagaimana menerapkan <em>SEO (Search Engine Optimization)</em> dalam webblog dan website mereka, karena tertarik dengan blog saya yang baru berumur beberapa bulan ini bisa nangkring di urutan teratas om google dengan kata kunci : &#8220;<a href="http://www.google.co.id/search?q=asep+sufyan+tsauri&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t&amp;rls=org.mozilla:en-US:official&amp;client=firefox-a" target="_blank">asep sufyan tsauri</a>&#8220;, &#8220;<a href="http://www.google.co.id/search?q=asep+sufyan+&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t&amp;rls=org.mozilla:en-US:official&amp;client=firefox-a" target="_blank">asep sufyan</a>&#8220;, &#8220;<a href="http://www.google.co.id/search?hl=id&amp;client=firefox-a&amp;rls=org.mozilla%3Aen-US%3Aofficial&amp;hs=eKp&amp;q=asep+tsauri&amp;btnG=Telusuri&amp;meta=" target="_blank">asep tsauri</a>&#8220;, dan &#8220;<a href="http://www.google.co.id/search?hl=id&amp;client=firefox-a&amp;rls=org.mozilla%3Aen-US%3Aofficial&amp;hs=X09&amp;q=tsauri28&amp;btnG=Telusuri&amp;meta=" target="_blank">tsauri28</a>&#8220;, sehingga bisa ngikut <a href="http://www.virtual.co.id/blog/">Pak Nukman Luthfie</a> nulis di catatan facebooknya dengan <em>&#8220;Just googling my name. Its all about me <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> &#8221;</em>. (bukan sombong, cuma narsis) <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> <span id="more-516"></span></p>
<p>Jawaban saya sebetulnya simpel dan emang saya tidak banyak macem-macemin webblog saya ini, cuma sedikit melakukan trik saja. Mau tahu trik-trik dahsyat dan spektakuler apa saja yang saya lakukan selama ini?, berikut ulasannya.</p>
<p><strong>Pertama,</strong><br />
Membuat url webblog saya menjadi lebih bersahabat, maksudnya kebanyakan orang masih tidak memperdulikan url-nya tidak karuan seperti <code>http://tsauri.co.cc/index.php?p=231</code>. Nah, kalau saya menganggap url itu penting, biar ketika orang baru melihat url-nya saja sudah bisa menebak dengan jelas. Contohnya<code><a href="http://tsauri28.myhaley.com/blog/facebook-connector/" target="_blank"> http://tsauri28.myhaley.com/blog/facebook-connector/</a></code> , anda bisa menebak kan apa isinya url itu?.</p>
<p>Karena saya saat ini menggunakan WordPress sebagai engine-nya, untuk membuatnya seperti diatas sangat mudah, caranya tinggal masuk ke <code>wp-admin -&gt; setting -&gt; permalinks</code> disana di bagian <strong><code>common settings</code></strong> saya pilih <strong><code>custom structure</code></strong> dan mengisinya dengan <code>/%postname%/</code>, untuk mempelajari lebih lanjut tentang struktur permalinks wordpress silahkan <a href="http://codex.wordpress.org/Using_Permalinks" target="_blank">pelajari di sini!</a>.</p>
<p>Nah, dengan langkah diatas (katanya) akan mempermudah search engine seperti google untuk dapat me-<em>crawl </em>website kita adalah dengan menjadikannya relevan dengan suatu topik atau tema tertentu. Tulisan saya tentang <a href="http://tsauri28.myhaley.com/blog/google-crawling/" target="_blank">google crawling ada di sini!</a>.</p>
<p><strong>Kedua,</strong><br />
<img class="alignright" src="http://gembong.web.id/images/2008/03/meta-tag.jpg" alt="meta" width="189" height="126" /><br />
Membuat dan menjadikan Title dan Description webblog saya dengan senarsis mungkin <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  . Ya, itulah yang saya lakukan. <strong>Titlenya</strong></p>
<blockquote><p><em>&#8220;Asep Sufyan Tsauri | Founder Myhaley.com, Moslem Technopreneur, Web designer, Freelancer&#8221;</em></p></blockquote>
<p>terus <strong>descriptionnya</strong></p>
<blockquote><p><em>&#8220;Tulisan-tulisan Asep Sufyan Tsauri tentang teknologi, technopreneurship, ambisi, dan Cita-cita. Penulis sering menggunakan id dengan nama tsauri28, untuk dapat menghubunginya silahkan hubungi melalui email tsauri28@myhaley.com&#8221;.</em></p></blockquote>
<p>Coba, gak narsis gimana? hehe.. pokoknya yakinkan search engine bahwa webnya Asep Sufyan Tsauri itu ya webblog ini (gitu loh). Nah, bagi yang belum tahu bagaimana memanipulasi title dan description beginilah caranya :</p>
<p>Coba buka file web anda, disana ada tag-tag html bukan?, nah coba sisipkan atau ubah (bagi yang belum ada) dibagian &lt;head&gt;&lt;/head&gt; dengan &lt;title&gt; <code>title yang anda inginkan</code> &lt;/title&gt;, kemudian tambahkan juga &lt;meta name=&#8221;description&#8221; content=&#8221;<code>description yang anda inginkan</code>&#8221; /&gt;. Juga bisa ditambahkan &lt;meta name=&#8221;keyword&#8221; content=&#8221;&lt;<code>keyword apa saja yang anda inginkan</code>&#8221; /&gt;.  Catatan : untuk keyword dipisahkan dengan tanda koma (,) Contohnya <code>&lt;meta name="keyword" content="freelancer, webdesign, dll, dst" /&gt;</code>.</p>
<p>Nah buat pengguna wordpress ada plugin yang sangat membantu kita dalam memanipulasi title dan meta-meta lainnya namanya &#8220;All in One SEO&#8221; monggo lihat review-nya <a href="http://semperfiwebdesign.com/documentation/all-in-one-seo-pack/all-in-one-seo-faq/" target="_blank">di sini!</a>.</p>
<p>Demikian tulisan bagian pertamanya, mudah-mudahan bermanfaat!.</p>
<p><strong>Tambahan :</strong><br />
Tulisan saya tentang <a href="http://tsauri28.myhaley.com/blog/google-crawling/" target="_blank">google crawling ada di sini!</a>.</p>
<p>Sumber gambar &#8220;Meta&#8221;  : http://gembong.web.id/images/2008/03/meta-tag.jpg</p>
<p style="text-align: right;">Hormat Saya,<img class="alignright" src="http://www.mylivesignature.com/signatures/85713/tsauri28/e820e545a65f0ad978fa2050defbf27d.png" alt="signature" /></p>
<div id="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://tsauri28.myhaley.com/blog/optimasi-search-engine-bag-1/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Membuat Theme WordPress Bag-3</title>
		<link>http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-3/</link>
		<comments>http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-3/#comments</comments>
		<pubDate>Sun, 01 Mar 2009 14:37:58 +0000</pubDate>
		<dc:creator>tsauri28</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wp hack]]></category>

		<guid isPermaLink="false">http://tsauri28.myhaley.com/blog/?p=476</guid>
		<description><![CDATA[Di minggu ke-tiga ini, seri tutorial membuat theme wordpress akan membahas tentang comments, sidebar dan footer. Comments yang saya maksud disini adalah bagian theme wordpress yang (biasanya) berada di bawah posting dan berfungsi untuk me-list komentar tentang posting tersebut dan menampilkan form untuk membuat komentar baru (begitulah kira-kira -red). Kemudian sidebar yang saya maksud adalah [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Di minggu</strong> ke-tiga ini, seri tutorial membuat theme <a href="http://www.wordpress.org" target="_blank">wordpress</a> akan membahas tentang <code>comments</code>, <code>sidebar</code> dan <code>footer</code>. Comments yang saya maksud disini adalah bagian theme wordpress yang (biasanya) berada di bawah posting dan berfungsi untuk me-<em>list</em> komentar tentang posting tersebut dan menampilkan form untuk membuat komentar baru (begitulah kira-kira -<em>red</em>).<br />
Kemudian sidebar yang saya maksud adalah bagian theme wordpress yang biasa ditempatkan di bagian kiri kanan posting, biasanya sidebar dihubungkan dengan file <code>function.php</code> agar bisa membaca widget-widget yang dikonfigurasi dari <code>wp-admin</code> (<em>Appearance -&gt; Widgets</em>). Terakhir <em>footer</em> yang saya maksud di sini adalah bagian <span id="more-476"></span>theme wordpress yang berada di paling bawah (foot) dari theme kita.</p>
<p><strong>Step 6</strong><br />
Dalam file <em>comments.php</em> ada 2 langkah yang dilakukan, yaitu melakukan looping komentar dan menambahkan form.</p>
<p>Untuk melakukan looping komentar lakukan perintah seperti berikut ini :</p>

<div class="wp_codebox"><table><tr id="p4763"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
</pre></td><td class="code" id="p476code3"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$comments</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #666666; font-style: italic;">/* Berfungsi untuk Menahan komentar yang harus dimoderasi*/</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #000088;">$comment</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">comment_approved</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">'0'</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;p class=&quot;alert&quot;&gt;Thanks for your comment. It is currently in the moderation cue and will be visible for everyone to read as soon as I have verified it&lt;/p&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$comments</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$comment</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
       //lakukan looping di sini
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endforeach</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">/* end for each comment */</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Nah, kemudian untuk menampilkan form agar tampil di bawah looping di atas, tuliskan kode berikut ini :</p>

<div class="wp_codebox"><table><tr id="p4764"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
</pre></td><td class="code" id="p476code4"><pre class="php" style="font-family:monospace;">&lt;form action=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> get_option<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'siteurl'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>/wp-comments-post.php&quot; method=&quot;post&quot; id=&quot;commentform&quot;&gt;
  <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #000088;">$user_ID</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
  &lt;p&gt;Logged in as &lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> get_option<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'siteurl'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>/wp-admin/profile.php&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$user_identity</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/a&gt;. &lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> get_option<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'siteurl'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>/wp-login.php?action=logout&quot; title=&quot;Log out of this account&quot;&gt;Logout &amp;raquo;&lt;/a&gt;&lt;/p&gt;
  <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">else</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
  &lt;p&gt;
    &lt;input type=&quot;text&quot; name=&quot;author&quot; id=&quot;user-name&quot; value=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$comment_author</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;/p&gt;
  &lt;p&gt;
    &lt;input type=&quot;text&quot; name=&quot;email&quot; id=&quot;user-email&quot; value=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$comment_author_email</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;/p&gt;
  &lt;p&gt;
    &lt;input type=&quot;text&quot; name=&quot;url&quot; id=&quot;user-url&quot; value=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$comment_author_url</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;/p&gt;
  <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
  &lt;p&gt;
    &lt;textarea name=&quot;comment&quot; id=&quot;user-comment&quot;&gt;&lt;/textarea&gt;
  &lt;/p&gt;
  &lt;p&gt;
    &lt;input name=&quot;submit&quot; type=&quot;submit&quot; id=&quot;submit&quot; class=&quot;button&quot; value=&quot;Leave a Comment&quot; /&gt;
    &lt;input type=&quot;hidden&quot; name=&quot;comment_post_ID&quot; value=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$id</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;/p&gt;
  <span style="color: #000000; font-weight: bold;">&lt;?php</span> do_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'comment_form'</span><span style="color: #339933;">,</span> <span style="color: #000088;">$post</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">ID</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;/form&gt;</pre></td></tr></table></div>

<p><strong>Step 7</strong></p>
<p style="text-align: right;">Hormat Saya,<img class="alignright" src="http://www.mylivesignature.com/signatures/85713/tsauri28/e820e545a65f0ad978fa2050defbf27d.png" alt="signature" /></p>
<div id="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-3/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Membuat Theme WordPress Bag-2</title>
		<link>http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-2/</link>
		<comments>http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-2/#comments</comments>
		<pubDate>Sun, 22 Feb 2009 16:22:32 +0000</pubDate>
		<dc:creator>tsauri28</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wp hack]]></category>

		<guid isPermaLink="false">http://tsauri28.myhaley.com/blog/?p=436</guid>
		<description><![CDATA[Melanjutkan posting tutorial minggu lalu tentang bagaimana membuat theme wordpress. Minggu lalu sudah dibahas tentang hirarki dan arsitektur wordpress serta beberapa setting awal yang harus dilakukan untuk memulai membuat theme wordpress from the scratch! Di bagian kedua ini, saya akan membahas tentang beberapa fungsi yang dapat digunakan khususnya fungsi looping yang terdapat di file index.php, [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Melanjutkan</strong><a href="http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-1/" target="_blank"> </a>posting <a href="http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-1/" target="_blank">tutorial minggu lalu</a> tentang bagaimana membuat theme <a href="http://wordpress.org" target="_blank">wordpress</a>. Minggu lalu sudah dibahas tentang <a href="http://codex.wordpress.org/Template_Hierarchy" target="_blank">hirarki</a> dan <a href="http://codex.wordpress.org/Site_Architecture_1.5" target="_blank">arsitektur wordpress</a> serta beberapa setting awal yang harus dilakukan untuk memulai membuat theme <a href="http://wordpress.org" target="_blank">wordpress</a><em> from the scratch!</em> <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Di bagian kedua ini, saya akan membahas tentang beberapa fungsi yang dapat digunakan khususnya fungsi <em>looping</em> yang terdapat di file <em>index.php, single.php, page.php dan archive.php</em>. Ayoo!!<span id="more-436"></span></p>
<p><strong>Step 3</strong><br />
File index.php biasanya dibuat untuk menampilkan index posting yang ada pada blog, untuk melakukan hal tersebut gunakan perintah seperti di bawah ini :</p>

<div class="wp_codebox"><table><tr id="p4369"><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code" id="p436code9"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
	<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">while</span> <span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> the_post<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
             //lakukan looping disini
        <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endwhile</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Kode di atas merupakan operasi looping dasar dalam wordpress. Di dalam <em><code>"//lakukan looping disini"</code></em> dapat disimpan beberapa variabel yang berhubungan, seperti menampilkan judul, permalink, isi posting, dsb. Adapun beberapa variabel yang sering ditampilkan di dalam looping ini adalah :</p>
<ol>
<li><code>&lt;?php the_ID(); ?&gt;</code> untuk menampilkan id post</li>
<li><code>&lt;?php the_permalink() ?&gt;</code> untuk menampilkan permalink</li>
<li><code>&lt;?php the_title(); ?&gt;</code> untuk menampilkan judul</li>
<li><code>&lt;?php comments_popup_link('0', '1', '%'); ?&gt;</code> untuk menampilkan jumlah komentar</li>
<li><code>&lt;?php the_category(', ') ?&gt;</code> untuk menampilkan kategori posting</li>
<li><code>&lt;?php the_tag(', ') ?&gt; </code>untuk menampilkan tag posting</li>
<li><code>&lt;?php the_content(',');  ?&gt;</code> untuk menampilkan content posting</li>
</ol>
<p>Terakhir kita tinggal memasukkan variabel-variabel diatas ke html yang telah dibuat sebelumnya. Contohnya untuk judul diberi tag <code>&lt;h1&gt;</code> menjadi <code>&lt;h1&gt;&lt;?php the_title(); ?&gt;&lt;/h1&gt;</code>.</p>

<div class="wp_codebox"><table><tr id="p43610"><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code" id="p436code10"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
	<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">while</span> <span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> the_post<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
            &lt;h1&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/h1&gt;
            &lt;small&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> comments_popup_link<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'0'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'%'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/small&gt;&lt;br /&gt;
            <span style="color: #000000; font-weight: bold;">&lt;?php</span> the_content<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">','</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #000000; font-weight: bold;">?&gt;</span>
        <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endwhile</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p><strong>Step 4</strong><br />
Biasanya ketika link (menggunakan variabel &lt;?php the_permalink(); ?&gt;) yang terdapat di halaman depan (<em>index.php</em>) di-klik, maka akan menuju pada detail posting yang dimaksud. Nah, halaman tersebut diatur di <em>single.php</em> (untuk post) dan <em>page.php</em> (untuk page).</p>
<p>Dalam file singe.php ataupun page.php biasanya ditampilkan detail posting/page serta komentarnya. Nah, untuk menampilkan looping sama seperti di file index.php, yaitu :</p>

<div class="wp_codebox"><table><tr id="p43611"><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code" id="p436code11"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
	<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">while</span> <span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> the_post<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
             //lakukan looping disini
        <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endwhile</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Kemudian lakukan <em>customizing</em> seperti di step 3.</p>
<p>Setelah menampilkan posting lengkap, kita akan menampilkan komentar posting ybs serta form untuk menambahkan komentar baru. Untuk melakukannya kita tinggal meng-<em>include</em>-kan file comments.php diantara looping diatas (sebelum endwhile), yaitu dengan kode . Adapun pembahasan pembuatan file comments.php akan dibahas nanti (sabar ya.. <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> ).</p>
<p><strong>Step 5</strong><br />
Untuk melihat kelompok posting dalam kategori / tag / tanggal tertentu, biasanya diatur melalui file archive.php. Pada dasarnya hampir sama seperti pembahasan di atas (step 3, tentang <em>index.php</em>), namun untuk <em>archive.php</em> biasanya tidak menggunakan variabel <code>&lt;?php the_content(',');?&gt;</code> tetapi menggunakan<code> &lt;?php the_excerpt(); ?&gt;</code>. Contoh :</p>

<div class="wp_codebox"><table><tr id="p43612"><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code" id="p436code12"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
	<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">while</span> <span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> the_post<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
            &lt;h1&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/h1&gt;
            &lt;small&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> comments_popup_link<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'0'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'%'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/small&gt;&lt;br /&gt;
            <span style="color: #000000; font-weight: bold;">&lt;?php</span> the_excpert<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">','</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #000000; font-weight: bold;">?&gt;</span>
        <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endwhile</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Nah segitu dulu untuk tutorial bagian keduanya. Untuk bagian ketiga akan kita bahas beberapa hal menarik untuk membuat theme yang kita buat lain dari yang lain. <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p><em>See u..</em></p>
<p style="text-align: right;">Hormat Saya,<img class="alignright" src="http://www.mylivesignature.com/signatures/85713/tsauri28/e820e545a65f0ad978fa2050defbf27d.png" alt="signature" /></p>
<div id="clear">&nbsp;</div>
]]></content:encoded>
			<wfw:commentRss>http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-2/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Membuat Theme WordPress &#8211; Bag 1</title>
		<link>http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-1/</link>
		<comments>http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-1/#comments</comments>
		<pubDate>Sat, 14 Feb 2009 22:43:55 +0000</pubDate>
		<dc:creator>tsauri28</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wp hack]]></category>

		<guid isPermaLink="false">http://tsauri28.myhaley.com/blog/?p=386</guid>
		<description><![CDATA[Sudah lama ingin membuat tutorial ini, selalu bentrok dengan malas dan keterbatasan inspirasi , namun sekarang lah saatnya, kita mulai dari yang paling dasar, semangat!!. Asumsi awal, kita telah mempunyai 1 (satu) halaman template (.html) yang siap dikonversi menjadi theme wordpress. Nah, sebelum ke teknis bagaimana membuat theme tersebut sebaiknya kita bahas terlebih dahulu tentang [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Sudah</strong> lama ingin membuat tutorial ini, selalu bentrok dengan malas dan keterbatasan inspirasi <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> , namun sekarang lah saatnya, kita mulai dari yang paling dasar, semangat!!.</p>
<p>Asumsi awal, kita telah mempunyai 1 (satu) halaman template (.html) yang siap dikonversi menjadi theme wordpress. Nah, sebelum ke teknis bagaimana membuat theme tersebut sebaiknya kita bahas terlebih dahulu tentang struktur direktori dari theme wordpress itu sendiri.<span id="more-386"></span></p>
<p><a href="http://wordpress.org" target="_blank">WordPress</a> memiliki struktur direktori theme yang cukup mudah dimengerti, wordpress menyimpan semua file-file theme kedalam satu direktori yang ditempatkan di bagian <code>wp-content -&gt; themes</code>. Jadi jika kita akan membuat satu theme buat satu direktori (contoh : 2133), kemudian simpan di direktori <code>themes</code>.</p>
<p style="text-align: center;"><a href="http://tsauri28.myhaley.com/blog/wp-content/uploads/2009/02/struktur-theme-wp.jpg" rel="shadowbox[post-386];player=img;"><img class="size-full wp-image-390 aligncenter" title="struktur-theme-wp" src="http://tsauri28.myhaley.com/blog/wp-content/uploads/2009/02/struktur-theme-wp.jpg" alt="struktur-theme-wp" width="153" height="181" /></a></p>
<p>Sedangkan di dalam direktori theme itu sendiri setidaknya memiliki file-file berikut ini :</p>
<p><a href="http://tsauri28.myhaley.com/blog/wp-content/uploads/2009/02/struk-wp.jpg" rel="shadowbox[post-386];player=img;"><img class="size-full wp-image-395 alignnone" title="struk-wp" src="http://tsauri28.myhaley.com/blog/wp-content/uploads/2009/02/struk-wp.jpg" alt="struk-wp" width="538" height="270" /></a></p>
<ol>
<li><strong>style.css</strong><br />
Ini untuk menyimpan style untuk theme kita. Tetapi ada hal yang penting disini, nama file harus tetap style karena engine wordpress hanya membaca nama file tersebut, kemudian di dalam file ini harus disimpan juga informasi tentang theme (akan dibahas selanjutnya).</li>
<li><strong>screenshot.png</strong><br />
Adalah file gambar yang akan dibaca oleh engine WP.</li>
<li><strong>index.php</strong><br />
File yang pertama kali akan di-render, biasanya untuk halaman utama blog.</li>
<li><strong>functions.php</strong><br />
File yang berisi fungsi-fungsi yang ada pada theme kita, seperti fungsi untuk pengaturan widget, panel dan sebagainya.</li>
<li><strong>header.php</strong><br />
File ini menyimpan header theme kita. Yang saya maksud header disini adalah bagian yang sering digunakan kembali dibagian lain (index, single, page, dsb).</li>
<li><strong>sidebar.php</strong><br />
File ini akan ditempatkan sebagai sidebar blog kita. Pengaturan agar terhubung dengan widget terletak di file <code>functions.php</code>, file ini pun adalah bagian yang sering digunakan kembali.</li>
<li><strong>footer.php</strong><br />
File untuk footer blog.</li>
<li><strong>single.php</strong><br />
Adalah file untuk halaman detail sebuah posting.</li>
<li><strong>page.php</strong><br />
Adalah file untuk halaman detail sebuah page.</li>
<li><strong>comments.php</strong><br />
File untuk menyimpan list komentar dan form komentar.</li>
</ol>
<p>Untuk lebih lengkapnya (tentang struktur theme wp) bisa dibaca di wordpress codex, <a href="http://codex.wordpress.org/Site_Architecture_1.5" target="_blank">site architecture</a> dan <a href="http://codex.wordpress.org/Template_Hierarchy" target="_blank">template hierarchy</a>. Selanjutnya kita langsung lakukan langkah-langkah berikutnya :</p>
<p><strong>Step 1</strong><br />
Buat folder theme yang akan kita buat, salin file html (dan kelengkapannya) ke folder tersebut. Kemudian buat 10 (sepuluh) file yang disebutkan diatas (file kosong pun tidak masalah).</p>
<p><strong>Step 2</strong><br />
File css yang telah dibuat, sesuaikan dengan ketentuan WordPress -<em>rename </em>menjadi style.css. Kemudian di baris paling atas tambahkan komentar berupa informasi theme yang akan dibuat. Contoh :</p>

<div class="wp_codebox"><table><tr id="p38614"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code" id="p386code14"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/*
Theme Name: t-simple
Description: 2 Column, CSS, xHTML, JQuery.
Version: 0.1
Author: Asep Sufyan Tsauri
Author URI: http://www.tsauri28.myhaley.com/
*/</span>
<span style="color: #808080; font-style: italic;">/* css-nya dilanjut disini */</span></pre></td></tr></table></div>

<p>Komentar ini akan dibaca oleh <em>engine</em> sebagai informasi utama <em>theme</em>.</p>
<p><strong>Step 3</strong></p>
<p>(sementara bersambung dulu ya.. )</p>
<p style="text-align: right;">Hormat Saya,<img class="alignright" src="http://www.mylivesignature.com/signatures/85713/tsauri28/e820e545a65f0ad978fa2050defbf27d.png" alt="signature" /></p>
<div id="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-1/feed/</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>Iseng : Implementasi CrossSlide JQuery Plugin</title>
		<link>http://tsauri28.myhaley.com/blog/iseng-implementasi-crossslide-jquery-plugin/</link>
		<comments>http://tsauri28.myhaley.com/blog/iseng-implementasi-crossslide-jquery-plugin/#comments</comments>
		<pubDate>Sat, 25 Oct 2008 23:59:33 +0000</pubDate>
		<dc:creator>tsauri28</dc:creator>
				<category><![CDATA[Download]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Review]]></category>
		<category><![CDATA[Sosial]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://tsauri28.myhaley.com/blog/?p=134</guid>
		<description><![CDATA[// $('&#9658;').prependTo('kbd'); if ($.browser.ie &#038;&#038; $.browser.version < 7 &#124;&#124; $.browser.safari &#038;&#038; $.browser.version < 600) $('#menu a').hover(function() { $(this).next().show(); }, function() { $(this).next().hide(); }); }); // ]]&#62; //).text() is broken on IE 5 .replace(/^\s*&#124;\s*$/g, '') .split('\n').slice(2, -2).join('\n') .replace(/( \/\/.*)/g, '$1') + ' ') .insertAfter('#display-' + name); } //]]&#62; #test2 { border: 1px solid #777; width: 485px; [...]]]></description>
			<content:encoded><![CDATA[<p><script src="http://www.gruppo4.com/~tobia/lib/jquery-1.2.3.min.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[
		$(function() {
			if ($.browser.ie &#038;&#038; $.browser.version < <img src='http://tsauri28.myhaley.com/blog/wp-includes/images/smilies/icon_cool.gif' alt='8)' class='wp-smiley' /> 
				$('<span>&#9658;</span>').prependTo('kbd');
			if ($.browser.ie &#038;&#038; $.browser.version < 7 || $.browser.safari &#038;&#038; $.browser.version < 600)
				$('#menu a').hover(function() {
					$(this).next().show();
				}, function() {
					$(this).next().hide();
				});
		});
// ]]&gt;</script><br />
<script src="http://www.gruppo4.com/~tobia/files/jquery.cross-slide.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[
  function displaySource(name) {
    $('
<pre>'
        + $('#source-' + name).html() // $(<script>).text() is broken on IE 5
            .replace(/^\s*|\s*$/g, '')
            .split('\n').slice(2, -2).join('\n')
            .replace(/( \/\/.*)/g, '<i>$1</i>')
        + '</pre>
<p>')
      .insertAfter('#display-' + name);
  }
//]]&gt; </script></p>
<style type="text/css">
#test2 {
border: 1px solid #777;
width: 485px;
height: 350px;
padding:7px;
}
</style>
<p><script id="source-test2" type="text/javascript">//<![CDATA[
$(function() {
$('#test2').crossSlide({
  sleep: 2, //in sec
  fade: 1   //in sec
}, [
  { src: 'http://farm4.static.flickr.com/3249/2963827210_aa678f2510.jpg' },
  { src: 'http://farm4.static.flickr.com/3059/2962980953_5aabb4803a.jpg'   },
  { src: 'http://farm4.static.flickr.com/3005/2925504209_45b6acf931.jpg' },
  { src: 'http://farm4.static.flickr.com/3005/2925504209_45b6acf931.jpg' },
  { src: 'http://farm4.static.flickr.com/3108/2926352662_063c315b82.jpg' }
]);
});
//]]&gt;</script></p>
<div id="test2">Loading…</div>
<p>Code yang digunakan untuk membuat Slide diatas adalah :</p>

<div class="wp_codebox"><table><tr id="p13416"><td class="line_numbers"><pre>18
19
20
21
22
23
24
25
26
27
28
29
30
31
</pre></td><td class="code" id="p134code16"><pre class="javascript" style="font-family:monospace;">&lt;script type=&quot;text/javascript&quot; id=&quot;source-test2&quot;&gt;//&lt;![CDATA[
$(function() {
$('#test2').crossSlide({
  sleep: 2, //in sec
  fade: 1   //in sec
}, [
  { src: 'http://farm4.static.flickr.com/3249/2963827210_aa678f2510.jpg' },
  { src: 'http://farm4.static.flickr.com/3059/2962980953_5aabb4803a.jpg'   },
  { src: 'http://farm4.static.flickr.com/3005/2925504209_45b6acf931.jpg' },
  { src: 'http://farm4.static.flickr.com/3005/2925504209_45b6acf931.jpg' },
  { src: 'http://farm4.static.flickr.com/3108/2926352662_063c315b82.jpg' }
]);
});
//]]&gt;&lt;/script&gt;</pre></td></tr></table></div>

<p>Sumber : <a href="http://www.gruppo4.com" target="_blank">http://www.gruppo4.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tsauri28.myhaley.com/blog/iseng-implementasi-crossslide-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 4.862 seconds -->

