<?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>Nota Rasa Hati &#187; Tutorial</title>
	<atom:link href="http://www.ilmuone.com/category/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ilmuone.com</link>
	<description>Hisham Ahmad</description>
	<lastBuildDate>Mon, 05 Jul 2010 03:50:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tutorial memasang &#8216;read more&#8217; di dalam blogspot dan wordpress.</title>
		<link>http://www.ilmuone.com/tutorial/tutorial-memasang-read-more-di-dalam-blogspot-dan-wordpress/</link>
		<comments>http://www.ilmuone.com/tutorial/tutorial-memasang-read-more-di-dalam-blogspot-dan-wordpress/#comments</comments>
		<pubDate>Mon, 13 Apr 2009 06:54:04 +0000</pubDate>
		<dc:creator>hisham</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[blogspot]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[entry]]></category>
		<category><![CDATA[more]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[read]]></category>
		<category><![CDATA[rest]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.ilmuone.com/?p=388</guid>
		<description><![CDATA[
Semalam kawan saya ziarah ke rumah. Rahmat dan Naimah (pasangan suami isteri). Rahmat dalam perjalanan pulang ke Putrajaya selepas menghadiri kursus di Cherating.
Kami suami isteri mengalu-alukan dan menunggu-nunggu kedatangan sahabat-sahabat yang lain.
Kembali pada tajuk asal
Kali ini saya ingin meletakkan tutorial menggunakan &#8216;read more&#8217; di blog. Tutorial ini terbahagi kepada 2 platform iaitu di blogspot dan [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-medium wp-image-390" title="rahmat-datang-rumah" src="http://www.ilmuone.com/wp-content/uploads/2009/04/rahmat-datang-rumah-300x171.jpg" alt="rahmat-datang-rumah" width="300" height="171" /></p>
<p>Semalam kawan saya ziarah ke rumah. Rahmat dan Naimah (pasangan suami isteri). Rahmat dalam perjalanan pulang ke Putrajaya selepas menghadiri kursus di Cherating.</p>
<p>Kami suami isteri mengalu-alukan dan menunggu-nunggu kedatangan sahabat-sahabat yang lain.</p>
<p><strong>Kembali pada tajuk asal</strong></p>
<p>Kali ini saya ingin meletakkan tutorial menggunakan &#8216;read more&#8217; di blog. Tutorial ini terbahagi kepada 2 platform iaitu di blogspot dan di wordpress. Fungsi &#8216;read more&#8217; ini amat sesuai bagi entri blog yang panjang-panjang. Adalah lebih baik sekiranya entri-entri di muka utama dipaparkan tidak secara keseluruhan. :ehsan02:</p>
<p><span id="more-388"></span></p>
<p><strong>Cara guna di blogspot</strong></p>
<ul>
<li>Pertama sekali login ke dalam akaun.</li>
<li>Pergi ke layout. Klik pada edit html.</li>
<li>Klik pada &#8216;expand widget template&#8217;</li>
<li>Klik butang &#8216;CTRL = F&#8217; untuk fungsi &#8216;find&#8217; &gt; saya mencadangkan anda menggunakan Mozilla Firefox.</li>
</ul>
<p><a href="http://www.ilmuone.com/wp-content/uploads/2009/04/data.jpg"></a><a href="http://www.ilmuone.com/wp-content/uploads/2009/04/skin.jpg"><img class="aligncenter size-full wp-image-393" title="skin" src="http://www.ilmuone.com/wp-content/uploads/2009/04/skin.jpg" alt="skin" width="523" height="375" /></a></p>
<ul>
<li>Taip pada ruang find  =</li>
</ul>
<blockquote><p><code>]]&gt;&lt;/b:skin&gt;</code></p></blockquote>
<ul>
<li>Masukkan kod di bawah ini selepas kod di atas.</li>
</ul>
<blockquote>
<pre><code>&lt;style&gt;
&lt;b:if cond='data:blog.pageType == "item"'&gt;
  span.fullpost {display:inline;}
&lt;b:else/&gt;
 span.fullpost {display:none;}
&lt;/b:if&gt;
&lt;/style&gt;</code></pre>
</blockquote>
<ul>
<li>Dengan menggunakan kaedah CTRL + F, cari kod ini</li>
</ul>
<blockquote><p><code>&lt;data:post.body/&gt;</code></p></blockquote>
<p><a href="http://www.ilmuone.com/wp-content/uploads/2009/04/data1.jpg"><img class="aligncenter size-full wp-image-392" title="data1" src="http://www.ilmuone.com/wp-content/uploads/2009/04/data1.jpg" alt="data1" width="478" height="257" /></a></p>
<ul>
<li>
<ul>
<li>Masukkan kod di bawah selepas kod yang dicari tadi.</li>
</ul>
<blockquote>
<pre><code>&lt;b:if cond='data:blog.pageType != "item"'&gt;
&lt;a expr:href='data:post.url'&gt; Baca seterusnya..&lt;/a&gt;
&lt;/b:if&gt;</code></pre>
</blockquote>
<ul>
<li><span style="color: #000000;">Save.</span></li>
</ul>
<p>*read more telah saya tukarkan kepada baca seterusnya. Ayat ini boleh diubah mengikut kehendak anda.</p>
<p><strong>Cara menggunakan di dalam entri.</strong></li>
<li><span style="color: #000000;">Bilamana telah selesai menulis di dalam posting, klik pada edit html. Pada bahagian yang hendak dipotong, masukkan kod ini:</span><br />
<blockquote><p><code>&lt;span class="fullpost"&gt;</code></p></blockquote>
<p><a href="http://www.ilmuone.com/wp-content/uploads/2009/04/fullpost.jpg"><img class="aligncenter size-full wp-image-406" title="fullpost" src="http://www.ilmuone.com/wp-content/uploads/2009/04/fullpost.jpg" alt="fullpost" width="480" height="294" /></a></li>
<li><span style="color: #000000;">Di akhir ayat entri tersebut pula, masukkan kod ini :</span><br />
<blockquote><p><code>&lt;/span&gt;</code></p></blockquote>
<p><a href="http://www.ilmuone.com/wp-content/uploads/2009/04/tutup.jpg"><img class="aligncenter size-full wp-image-407" title="tutup" src="http://www.ilmuone.com/wp-content/uploads/2009/04/tutup.jpg" alt="tutup" width="446" height="215" /></a></p>
<p>Ini adalah di antara cara yang boleh digunakan di blogspot.</p>
<p><strong>Tutorial Wordpress.</strong></p>
<p>Bagi pengguna wordpress, mudah sahaja caranya. Ini kerana memang telah tersedia fungsi &#8216;read more..&#8217;.</p>
<p>Pada bahagian post, ada  ikon &#8216;Insert More Tag&#8217;. Klik sahaja untuk diletakkan di mana-mana perenggan atau perkataan.</p>
<p><a href="http://www.ilmuone.com/wp-content/uploads/2009/04/read-more-icon.jpg"><img class="aligncenter size-full wp-image-412" title="read-more-icon" src="http://www.ilmuone.com/wp-content/uploads/2009/04/read-more-icon.jpg" alt="read-more-icon" width="550" height="247" /></a></p>
<p>Taraaa!!! Sudah siap. Hanya klik pada ikon tersebut.</p>
<p>Untuk pengguna wordpress yang berbayar, masih ada satu lagi keistimewaan. Anda boleh menukar perkataan &#8216;read more, read the rest of the entry&#8230; dan sebagainya&#8230;&#8217;</p>
<p>Bagi theme blog saya ini, saya telah menukarnya kepada &#8216;Baca seterusnya&#8217;</p>
<p><strong>Caranya:</strong></p>
<p>Jika bahagian editor anda boleh diedit di wordpress, anda boleh pilih pada theme yang digunakan dan klik pada index.php</p>
<p>Jika anda ingin mengedit menggunakan cPanel ( seperti yang saya lakukan kerana bahagian editor saya tidak writable), ini adalah langkahnya.</p>
<p style="text-align: center;"><a href="http://www.ilmuone.com/wp-content/uploads/2009/04/wordpress-read-more.jpg"><img class="aligncenter size-full wp-image-414" title="wordpress-read-more" src="http://www.ilmuone.com/wp-content/uploads/2009/04/wordpress-read-more.jpg" alt="wordpress-read-more" width="487" height="273" /></a></p>
</li>
</ul>
<ul>
<li><span style="color: #000000;">Login ke cPanel &gt; File Manager.</span></li>
<li><span style="color: #000000;">Seperti biasa, pergi ke bahagian di mana blog anda di simpan.</span></li>
<li><span style="color: #000000;">Sebagai contoh di public_html.</span></li>
<li><span style="color: #000000;">Pergi ke wp-content &gt; themes &gt; dan themes yang hendak diubah.</span></li>
<li><span style="color: #000000;">Klik pada theme </span>tersebut. Klik index.php &gt; Edit.</li>
<li>Cari perkataan di mana terletaknya perkataan asal &#8216;read more, read the rest of the entry.. etc&#8221;</li>
</ul>
<ul>
<li>Gantikan dengan perkataan yang hendak dimasukkan. Seperti : Baca lagi&#8230; baca seterusnya, klik untuk artikel penuh..etc, terpulang pada kehendak anda.</li>
<li>Save Changes.</li>
</ul>
<ul>
<li>Selesai.</li>
</ul>
<p>Ini sahaja tutorial untuk kali ini. Semoga bertemu lagi di tutorial yang lain.</p>
<p align="left"><a target="_blank" class="tt" href="http://twitter.com/home/?status=Tutorial+memasang+%E2%80%98read+more%E2%80%99+di+dalam+blogspot+dan+wordpress.+http://gopz6.th8.us" title="Post to Twitter"><img class="nothumb" src="http://www.ilmuone.com/wp-content/plugins/tweet-this/icons/tt-twitter2.png" alt="Post to Twitter" /></a> <a target="_blank" class="tt" href="http://buzz.yahoo.com/submit?submitUrl=http://www.ilmuone.com/tutorial/tutorial-memasang-read-more-di-dalam-blogspot-dan-wordpress/&amp;submitHeadline=Tutorial+memasang+%E2%80%98read+more%E2%80%99+di+dalam+blogspot+dan+wordpress." title="Post to Yahoo Buzz"><img class="nothumb" src="http://www.ilmuone.com/wp-content/plugins/tweet-this/icons/tt-buzz.png" alt="Post to Yahoo Buzz" /></a> <a target="_blank" class="tt" href="http://delicious.com/post?url=http://www.ilmuone.com/tutorial/tutorial-memasang-read-more-di-dalam-blogspot-dan-wordpress/&amp;title=Tutorial+memasang+%E2%80%98read+more%E2%80%99+di+dalam+blogspot+dan+wordpress." title="Post to Delicious"><img class="nothumb" src="http://www.ilmuone.com/wp-content/plugins/tweet-this/icons/tt-delicious.png" alt="Post to Delicious" /></a> <a target="_blank" class="tt" href="http://digg.com/submit?url=http://www.ilmuone.com/tutorial/tutorial-memasang-read-more-di-dalam-blogspot-dan-wordpress/&amp;title=Tutorial+memasang+%E2%80%98read+more%E2%80%99+di+dalam+blogspot+dan+wordpress." title="Post to Digg"><img class="nothumb" src="http://www.ilmuone.com/wp-content/plugins/tweet-this/icons/tt-digg.png" alt="Post to Digg" /></a> <a target="_blank" class="tt" href="http://www.facebook.com/share.php?u=http://www.ilmuone.com/tutorial/tutorial-memasang-read-more-di-dalam-blogspot-dan-wordpress/&amp;t=Tutorial+memasang+%E2%80%98read+more%E2%80%99+di+dalam+blogspot+dan+wordpress." title="Post to Facebook"><img class="nothumb" src="http://www.ilmuone.com/wp-content/plugins/tweet-this/icons/tt-facebook.png" alt="Post to Facebook" /></a> <a target="_blank" class="tt" href="http://www.myspace.com/Modules/PostTo/Pages/?l=3&amp;u=http://www.ilmuone.com/tutorial/tutorial-memasang-read-more-di-dalam-blogspot-dan-wordpress/&amp;t=Tutorial+memasang+%E2%80%98read+more%E2%80%99+di+dalam+blogspot+dan+wordpress.&amp;c=%3Cp%3EPowered+by+%3Ca+href%3D%22http%3A%2F%2Frichardxthripp.thripp.com%2Ftweet-this%22%3ETweet+This%3C%2Fa%3E%3C%2Fp%3E" title="Post to MySpace"><img class="nothumb" src="http://www.ilmuone.com/wp-content/plugins/tweet-this/icons/tt-myspace.png" alt="Post to MySpace" /></a> <a target="_blank" class="tt" href="http://stumbleupon.com/submit?url=http://www.ilmuone.com/tutorial/tutorial-memasang-read-more-di-dalam-blogspot-dan-wordpress/&amp;title=Tutorial+memasang+%E2%80%98read+more%E2%80%99+di+dalam+blogspot+dan+wordpress." title="Post to StumbleUpon"><img class="nothumb" src="http://www.ilmuone.com/wp-content/plugins/tweet-this/icons/tt-su.png" alt="Post to StumbleUpon" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.ilmuone.com/tutorial/tutorial-memasang-read-more-di-dalam-blogspot-dan-wordpress/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
