<?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>JomPHP &#187; theme tweaker</title>
	<atom:link href="http://jomphp.com/tag/theme-tweaker/feed" rel="self" type="application/rss+xml" />
	<link>http://jomphp.com</link>
	<description>Pusat Informasi IT anda!</description>
	<lastBuildDate>Wed, 25 Apr 2012 10:15:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Cara mudah mencuba tema untuk blog wordpress</title>
		<link>http://jomphp.com/cara-mudah-mencuba-tema-untuk-blog-wordpress.html</link>
		<comments>http://jomphp.com/cara-mudah-mencuba-tema-untuk-blog-wordpress.html#comments</comments>
		<pubDate>Thu, 07 May 2009 04:59:47 +0000</pubDate>
		<dc:creator>cyberfly</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[blog wordpress]]></category>
		<category><![CDATA[jomphp]]></category>
		<category><![CDATA[tema wordpress]]></category>
		<category><![CDATA[theme tweaker]]></category>
		<category><![CDATA[wordpress theme]]></category>

		<guid isPermaLink="false">http://jomphp.com/cara-mudah-mencuba-tema-untuk-blog-wordpress.html</guid>
		<description><![CDATA[Saya selalu mencuba berbagai themes baru setelah agak jemu dengan themes blue weed yang digunakan oleh blog ini.Wordpress mempunyai fungsi untuk preview themes tersebut sebelum anda menggunakannya, tetapi cara ini agak tidak praktikal kerana loading time yang agak lama, selain &#8230; <a href="http://jomphp.com/cara-mudah-mencuba-tema-untuk-blog-wordpress.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://jomphp.com/wp-content/uploads/2009/05/wordpresslogo2.jpg"><img style="border-right-width: 0px; margin: 5px 0px 15px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="wordpress logo" border="0" alt="wordpress logo" src="http://jomphp.com/wp-content/uploads/2009/05/wordpresslogo-thumb2.jpg" width="509" height="268" /></a></p>
<p>Saya selalu mencuba berbagai themes baru setelah agak jemu dengan themes blue weed yang digunakan oleh blog ini.Wordpress mempunyai fungsi untuk preview themes tersebut sebelum anda menggunakannya, tetapi cara ini agak tidak praktikal kerana loading time yang agak lama, selain tidak dapat merasai sepenuhnya penggunaan themes tersebut.Jadi saya terpaksa enable kan themes tersebut.Kelemahan besar ialah pengunjung blog akan melihat themes tersebut yang semestinya langsung tidak dicustomize dan mungkin juga cacat.</p>
<p>Akhirnya saya terjumpa satu plugin yang dapat mengatasi kelemahan ini.</p>
</p>
<p> <span id="more-3045"></span>
</p>
<h2><a href="http://www.prelovac.com/vladimir/wordpress-plugins/theme-test-drive" target="_blank">Theme Test Drive plugin for wordpress</a></h2>
<p>Cara penggunaan :</p>
<p>1.Upload dan activate plugin.</p>
<p>2.Akses menu theme test drive pada bahagian Appearance</p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/05/themetestdrive.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="themetestdrive" border="0" alt="themetestdrive" src="http://jomphp.com/wp-content/uploads/2009/05/themetestdrive-thumb.png" width="170" height="165" /></a></p>
<p>&#160;</p>
<p>3.Pilih themes yang ingin dicuba dan enable Theme Drive.Pastikan Access Level mempunyai value 10 supaya hanya admin sahaja yang dapat melihat perubahan.</p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/05/ttd.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="ttd" border="0" alt="ttd" src="http://jomphp.com/wp-content/uploads/2009/05/ttd-thumb.png" width="376" height="273" /></a></p>
<p>4.Refresh blog anda dan sekarang blog anda akan menggunakan themes yang baru.Tetapi pengunjung masih lagi melihat blog anda memakai theme yang lama.Hanya admin sahaja yang dapat melihat perubaha.</p>
<p>5.Disable sekiranya tidak mahu lagi mencuba theme tersebut.</p>
<p>&#160;</p>
<p>Selamat mencuba ya!</p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/cara-mudah-mencuba-tema-untuk-blog-wordpress.html/feed</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>Tips mengubahsuai  theme wordpress yang anda harus tahu</title>
		<link>http://jomphp.com/tips-mengubahsuai-theme-wordpress-yang-anda-harus-tahu.html</link>
		<comments>http://jomphp.com/tips-mengubahsuai-theme-wordpress-yang-anda-harus-tahu.html#comments</comments>
		<pubDate>Sun, 03 May 2009 20:00:50 +0000</pubDate>
		<dc:creator>EiNS</dc:creator>
				<category><![CDATA[Tips Internet]]></category>
		<category><![CDATA[colorzilla]]></category>
		<category><![CDATA[emoticon]]></category>
		<category><![CDATA[gravatar]]></category>
		<category><![CDATA[page navi]]></category>
		<category><![CDATA[page number]]></category>
		<category><![CDATA[smiley]]></category>
		<category><![CDATA[theme tweaker]]></category>
		<category><![CDATA[threaded comment]]></category>

		<guid isPermaLink="false">http://jomphp.com/tips-mengubahsuai-theme-wordpress-yang-anda-harus-tahu.html</guid>
		<description><![CDATA[Ok, kali ini sedikit tutorial mengenai wordpress, php dan x/html. Ianya mungkin berguna jika anda menghadapi beberapa masalah ketika sedang edit theme wordpress. Anda mungkin terjumpa beberapa theme wordpress yang menarik tetapi sayangnya ia mempunyai beberapa kecacatan seperti paparan kategori &#8230; <a href="http://jomphp.com/tips-mengubahsuai-theme-wordpress-yang-anda-harus-tahu.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://jomphp.com/wp-content/uploads/2009/05/wordpress.jpg"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin: 5px auto 15px; border-left: 0px; border-bottom: 0px" title="wordpress" src="http://jomphp.com/wp-content/uploads/2009/05/wordpress-thumb.jpg" border="0" alt="wordpress" width="384" height="196" /></a></p>
<p>Ok, kali ini sedikit tutorial mengenai wordpress, php dan x/html. Ianya mungkin berguna jika anda menghadapi beberapa masalah ketika sedang edit theme wordpress. Anda mungkin terjumpa beberapa theme wordpress yang menarik tetapi sayangnya ia mempunyai beberapa kecacatan seperti paparan kategori yang berserabut, tiada fungsi gravatar, colour scheme yang kurang tepat dengan minat anda, emoticon tidak transparent, tiada navigasi antara page dan sebagainya.</p>
<p>Berikut merupakan beberapa tips untuk menangani masalah2 berikut. Saya amat berharap sedikit sebanyak tips ini dapat membantu anda dalam proses pengubahsuaian theme nanti.</p>
<p><span id="more-3032"></span></p>
<p><strong>1. Mengubahsuai limit kategori yang dipaparkan pada header</strong></p>
<p>Terdapat sesetengah theme yang memaparkan kategori2 post dalam blog anda di bahagian header. Akan tetapi secara default, ruang untuk memaparkan kategori2 itu biasanya membenarkan beberapa kategori sahaja untuk dipaparkan. Jika blog anda mempunyai banyak kategori, maka lebih banyak kategori2 itu dipaparkan di bahagian header dan tentunya mencacatkan appearance theme blog.</p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/05/categories.jpg"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin: 5px auto 15px; border-left: 0px; border-bottom: 0px" title="categories" src="http://jomphp.com/wp-content/uploads/2009/05/categories-thumb.jpg" border="0" alt="categories" width="324" height="126" /></a> Untuk mengubahsuai limit kategori, buka wp admin &gt; dashboard &gt; appearance &gt; editor &gt; header.php. Cari line berikut.</p>
<div class="csharpcode-wrapper">
<pre class="csharpcode"><span class="kwrd">&lt;?</span><span class="html">php</span> <span class="attr">wp_list_categories</span>(<span class="kwrd">'title_li='</span>); ?<span class="kwrd">&gt;</span></pre>
</div>
<p>Dan gantikan dengan kod ini pula. Php function tersebut bertujuan untuk list 10 kategori yang paling banyak digunakan didalam blog anda. Anda boleh gantikan value number=xx dan untuk tukar value 0 kepada 1 pada variable show_count untuk menunjukkan bilangan post yang menggunakan kategori tersebut.</p>
<div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; font-size: 8pt; width: 97.5%; cursor: text; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4; max-height: 200px;">
<div style="border-style: none; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;">
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: white;"><span style="color: #0000ff">&lt;?</span><span style="color: #800000">php</span> <span style="color: #ff0000">wp_list_categories</span>(<span style="color: #0000ff">'number=10&amp;show_count=0&amp;orderby=count&amp;order=DESC&amp;title_li='</span>) ?<span style="color: #0000ff">&gt;</span></pre>
</div>
</div>
<p>Selepas edit, save pula. Cuba preview theme anda. Baguskan result dia!</p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/05/categories3.jpg"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin: 5px auto 15px; border-left: 0px; border-bottom: 0px" title="categories 3" src="http://jomphp.com/wp-content/uploads/2009/05/categories3-thumb.jpg" border="0" alt="categories 3" width="324" height="146" /></a></p>
<p><strong></strong></p>
<p><strong>2. Mengubah colour scheme</strong></p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/05/unawordpresstheme.jpg"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin: 5px auto 15px; border-left: 0px; border-bottom: 0px" title="una wordpress theme" src="http://jomphp.com/wp-content/uploads/2009/05/unawordpresstheme-thumb.jpg" border="0" alt="una wordpress theme" width="324" height="217" /></a> Setengah theme mempunyai design yang menarik tetapi malangnya warna yang digunakan tidak sesuai dengan minat anda. Atau anda berasakan warna yang digunakan itu tidak cantik dan mencacatkan kesempurnaan theme tersebut. Jangan bimbang kerana anda boleh menukar warna2 dalam theme tersebut tanpa perlu anda edit apa2 file atau menambah kod2 yang boleh memeningkan kepala anda.</p>
<p>Memperkenalkan plugin <strong>theme tweaker</strong> untuk wordpress, kini anda boleh mengubah warna2 asal theme wordpress dengan senang. Selepas edit warna anda boleh preview atau generate child theme dari theme asal.</p>
<p><img style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin: 5px auto 15px; border-right-width: 0px" title="theme tweaker" src="http://jomphp.com/wp-content/uploads/2009/05/themetweaker-thumb.jpg" border="0" alt="theme tweaker" width="324" height="348" /></p>
<p>Download plugin theme tweaker <a href="http://wordpress.org/extend/plugins/theme-tweaker/" target="_blank">di sini</a>. Untuk mengenalpasti warna2 dalam theme wordpress anda boleh gunakan extension <a href="https://addons.mozilla.org/en-US/firefox/addon/271" target="_blank">colorzilla</a> untuk firefox.</p>
<p><strong>3. Emoticon/smiley mempunyai border dan terapung (alignment tidak sama dengan text)</strong></p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/05/emoticon.jpg"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin: 5px auto 15px; border-left: 0px; border-bottom: 0px" title="emoticon" src="http://jomphp.com/wp-content/uploads/2009/05/emoticon-thumb.jpg" border="0" alt="emoticon" width="324" height="66" /></a>Banyak theme yang saya cuba mempunyai masalah emoticon mempunyai border dan kedudukan yang tidak sekata dengan text. Ianya membuatkan theme yang menarik kelihatan sedikit cacat. Contohnya seperti di bawah.</p>
<p><img src="http://jomphp.com/wp-content/uploads/2008/12/border-thumb.png" alt="" /></p>
<p>Untuk fix masalah ini, buka wp admin &gt; dashboard &gt; appearance &gt; editor &gt; stylesheet.css. Tambah kod dibawah ini kemudian save.</p>
<div class="csharpcode-wrapper">
<pre>img.wp-smiley {
border:0;
}</pre>
</div>
<div>Untuk membuang margin dari emoticon bagi membuatkan ianya sekata dengan text, tambah kod ini.</div>
<div></div>
<div class="csharpcode-wrapper">
<pre class="csharpcode">img.wp-smiley {
margin:0;
padding:0;
}</pre>
</div>
<p>Anda boleh refer post cyberfly mengenai cara detail membuang border pada emotikon wordpress <a href="http://jomphp.com/cara-menghilangkan-border-pada-emotikon-wordpress.html" target="_blank">di sini</a>.</p>
<p>4. <strong>Gravatar</strong></p>
<p><strong><a href="http://jomphp.com/wp-content/uploads/2009/05/gravatar2.jpg"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin: 5px auto 15px; border-left: 0px; border-bottom: 0px" title="gravatar 2" src="http://jomphp.com/wp-content/uploads/2009/05/gravatar2-thumb.jpg" border="0" alt="gravatar 2" width="324" height="270" /></a></strong>Terdapat beberapa theme yang tidak mempunyai fungsi gravatar, iaitu icon bagi sesetiap commentator di blog. Bila sesuatu theme itu tiada fungsi  gravatar tentulah theme itu menjadi kurang ‘cun’ sedikit. Untuk menambahkan fungsi gravatar anda boleh menggunakan plugin <strong>wp gravatar</strong>.</p>
<p>Download plugin wp gravatar <a href="http://wordpress.org/extend/plugins/wp-gravatar/" target="_blank">di sini</a>.</p>
<p><strong>5. Menambah navigasi page</strong></p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/05/wppagenavi.jpg"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin: 5px auto 15px; border-left: 0px; border-bottom: 0px" title="wp page navi" src="http://jomphp.com/wp-content/uploads/2009/05/wppagenavi-thumb.jpg" border="0" alt="wp page navi" width="324" height="276" /></a> Terdapat wordpress theme yang tidak mempunyai page navigation, ataupun mempunyai page navigation yang tidak berfungsi sebagaimana yang anda mahu. Penyelesaiannya install plugin wp page navi dan gunakan page navigation baru yang lagi cool dari yang asal.</p>
<p>Tutorial lengkap boleh refer tutorial cyberfly <a href="http://jomphp.com/tutorial-memasang-wp-pagenavi-wp-pagenumbers.html" target="_blank">di sini</a>.</p>
<p>6. <strong>Menambah threaded comment</strong></p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/05/wpthreadedcomment.jpg"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin: 5px auto 15px; border-left: 0px; border-bottom: 0px" title="wp threaded comment" src="http://jomphp.com/wp-content/uploads/2009/05/wpthreadedcomment-thumb.jpg" border="0" alt="wp threaded comment" width="324" height="237" /></a> Fungsi threaded comment (atau nested replies/comments) baru saja diperkenalkan dalam teras wordpress 2.7. Oleh itu, sesetengah theme sahaja yang menyokong fungsi teras threaded comment wordpress 2.7 ini manakala theme2 lain tidak dapat menggunakan fungsi threaded comment.</p>
<p>Untuk menambah fungsi threaded comment pada theme yang tidak menyokong fungsi baru wordpress 2.7, anda boleh gunakan beberapa plugin berikut seperti <strong>WP threaded comment</strong> dan <strong>Brian’s threaded comment</strong>.</p>
<p>Download <a href="http://wordpress.org/extend/plugins/wordpress-thread-comment/" target="_blank">wp threaded comment</a>, <a href="http://meidell.dk/archives/2006/12/19/brians-threaded-comments-159/" target="_blank">brian’s threaded comment</a>.</p>
<p>Jika anda ada pertanyaan sila komen ya! Penat dah tulis panjang2 ni <img src='http://jomphp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/tips-mengubahsuai-theme-wordpress-yang-anda-harus-tahu.html/feed</wfw:commentRss>
		<slash:comments>41</slash:comments>
		</item>
	</channel>
</rss>

