<?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>Ahmad Rushdi &#187; Tutorial</title>
	<atom:link href="http://www.ahmadrushdi.com/category/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ahmadrushdi.com</link>
	<description>Perjalanan Hidup Ahmad Rushdi - Im not Pakistani Film Singers</description>
	<lastBuildDate>Sat, 04 Feb 2012 00:01:19 +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>Tutorial Bagaimana Membuat Live Blogging</title>
		<link>http://www.ahmadrushdi.com/2010/09/tutorial-bagaimana-membuat-live-blogging/</link>
		<comments>http://www.ahmadrushdi.com/2010/09/tutorial-bagaimana-membuat-live-blogging/#comments</comments>
		<pubDate>Fri, 03 Sep 2010 00:33:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[live blog]]></category>
		<category><![CDATA[postie]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.ahmadrushdi.com/?p=865</guid>
		<description><![CDATA[Ramai juga yang bertanya bagaimana hendak membuat live blogging. Jadi aku berikan 2 blog yang menunjukkan tutorial bagaimana hendak membuat live blogging langkah demi langkah. Sila layari blog Saudara Tengku Aizat dan Saudara Termizi. Mereka berdua menggunakan Flickr untuk menempatkan &#8230; <a href="http://www.ahmadrushdi.com/2010/09/tutorial-bagaimana-membuat-live-blogging/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Ramai juga yang bertanya bagaimana hendak membuat live blogging. Jadi aku berikan 2 blog yang menunjukkan tutorial bagaimana hendak membuat live blogging langkah demi langkah. Sila layari blog <a title="Tengku Aizat" href="http://www.tengkuaizat.com/tutorial-bagaimana-hendak-membuat-live-blogging/" target="_blank">Saudara Tengku Aizat</a> dan <a title="Termizi" href="http://mizhaclan.com/klik-klik/live-blogging-macamana-nak-buat/" target="_blank">Saudara Termizi</a>. Mereka berdua menggunakan Flickr untuk menempatkan gambar.</p>
<p>Ok, aku akan tunjukkan cara yang berlainan dan mungkin agak sukar sedikit bagi yang masih baru.</p>
<p>Pastikan anda :</p>
<ol>
<li>Mempunyai hosting sendiri.</li>
<li>Mempunyai wordpress siap dipasang.</li>
<li>Mempunyai akses hosting control panel.</li>
<li>Mempunyai talian internet yang aktif untuk telefon bimbit.</li>
</ol>
<p><span id="more-865"></span></p>
<p><strong>Langkah Pertama</strong></p>
<p>Login ke hosting control panel, cipta emel baru, khas untuk live blogging.</p>
<div id="attachment_866" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/01-cipta-emel.png" rel="lightbox[865]"><img class="size-large wp-image-866" title="01-cipta-emel" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/01-cipta-emel-500x284.png" alt="Cipta Emel" width="500" height="284" /></a><p class="wp-caption-text">Cipta Emel</p></div>
<p style="text-align: center;">
<p>Masukkan emel dan password, Create Account. Ciptakan 2 akaun email, pertama liveblog@ahmadrushdi.com dan yang kedua aku@ahmadrushdi.com.</p>
<p>Email pertama adalah untuk menerima dan email kedua adalah untuk menghantar.</p>
<div id="attachment_867" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/02-Config-emel.png" rel="lightbox[865]"><img class="size-large wp-image-867" title="02-Config-emel" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/02-Config-emel-500x191.png" alt="Config Emel" width="500" height="191" /></a><p class="wp-caption-text">Config Emel</p></div>
<p style="text-align: center;">
<p>Pada emel yang kita cipta tadi, klik Configure Email Client.</p>
<div id="attachment_868" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/03-paparan-mail-client.png" rel="lightbox[865]"><img class="size-large wp-image-868" title="03-paparan-mail-client" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/03-paparan-mail-client-500x237.png" alt="Paparan Emel" width="500" height="237" /></a><p class="wp-caption-text">Paparan Emel</p></div>
<p style="text-align: center;">
<p>Paparan manual setting. Simpan untuk kegunaan langkah seterusnya.</p>
<p><strong>Langkah kedua</strong></p>
<p>Pasang plugin <a title="Postie" href="http://wordpress.org/extend/plugins/postie/" target="_blank">Postie</a> pada wordpress anda, dan aktifkan plugin tersebut. Kemudian, ke postie setting. Setkan emel yang anda cipta tadi.</p>
<div id="attachment_869" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/04-set-emel-postie.png" rel="lightbox[865]"><img class="size-large wp-image-869" title="04-set-emel-postie" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/04-set-emel-postie-500x309.png" alt="Set Emel" width="500" height="309" /></a><p class="wp-caption-text">Set Emel</p></div>
<p>Setkan seperti yang tercatat pada paparan manual seting tadi. Port biasa untuk POP3 adalah 110.</p>
<div id="attachment_870" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/05-emel-verified.png" rel="lightbox[865]"><img class="size-large wp-image-870" title="05-emel-verified" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/05-emel-verified-500x243.png" alt="Emel yang dibenarkan" width="500" height="243" /></a><p class="wp-caption-text">Emel yang dibenarkan</p></div>
<p style="text-align: center;">
<p>Authorized, pastikan emel mana yang boleh menerima post tersebut. Andai kata aku menggunakan aku@ahmadrushdi.com, masukkan pada kotak Authorized Addresses. Pastikan anda setkan email ini pada langkah ketiga nanti.</p>
<div id="attachment_871" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/06-setting-images-attachment.png" rel="lightbox[865]"><img class="size-large wp-image-871" title="06-setting-images-attachment" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/09/06-setting-images-attachment-500x299.png" alt="Setkan Kedudukan Gambar" width="500" height="299" /></a><p class="wp-caption-text">Setkan Kedudukan Gambar</p></div>
<p style="text-align: center;">
<p>Pada bahagian image, setkan mengikut citarasa. Ini menentukan tataletak gambar pada entry anda.</p>
<p><strong>Langkah ketiga</strong></p>
<p>Setkan emel untuk telefon bimbit anda. Aku menggunakan telefon bimbit Nokia s60. Hampir semua jenis telefon bimbit mempunyai fungsi yang serupa.</p>
<p>Sila ke Messaging &gt; Options &gt; Setting &gt; Emel &gt; Mailboxes &gt; New Mailbox &gt; Mailboxes Setting. Isikan semuanya seperti contoh yang rajah ketiga diatas.</p>
<p>Contoh yang diisi oleh aku. Pastikan emel yang dicipta pada awal tadi. aku menggunakan contoh aku@ahmadrushdi.com</p>
<blockquote><p>Contoh :</p>
<p>Mailbox name : Apa-apa sahaja</p>
<p>Access point in use : Maxis (Contoh &#8211; gunakan Access Point yang aktif.)</p>
<p>My e-mail address : aku@ahmadrushdi.com</p>
<p>Outgoing mail server : mail.ahmadrushdi.com</p>
<p>User name : aku+ahmadrushdi.com</p>
<p>Password : ******</p>
<p>Incoming mail server : mail.ahmadrushdi.com</p>
<p>Mailbox type : POP3</p></blockquote>
<p><strong>Langkah keempat</strong></p>
<p>Anda sudah boleh membuat live blogging. Hanya ke Messaging &gt; New &gt; Email. Hantarkan ke liveblog@ahmadrushdi.com. Format yang digunakan seperti berikut. Subject adalah sebagai Tajuk post anda, seterusnya penerangan, tags untuk masukkan tag.</p>
<blockquote><p>To : liveblog@ahmadrushdi.com</p>
<p>CC :</p>
<p>Subject : Tajuk Live Blog</p>
<p>hi, saya sudah berjaya mencuba ini.</p>
<p>tags: live blog, mobile</p></blockquote>
<p>Yey! sudah selesai.</p>
<ul>
<li>Email yang digunakan untuk tutorial ini tidak aktif.</li>
<li>Pastikan telefon bimbit anda mempunyai talian internet yang aktif bagi membolehkan emel dihantar. *Aku tidak menggunakan MMS, habis kredit. haha</li>
<li>Anda boleh menghantar seberapa banyak attachment untuk dimuatkan didalam satu entri. Contoh <a title="Contoh" href="http://www.ahmadrushdi.com/2010/09/jalan-jalan-malam-ramadhan/">Jalan-jalan Malam Ramadhan</a>.</li>
<li>Attachment adalah disimpan didalam hosting anda sendiri.</li>
</ul>
<p>p/s : Ini adalah kaedah yang digunakan oleh aku, mungkin berbeza dengan orang lain. Kalau ada cara yang mudah sikit boleh la kongsi. hehe.</p>
<p>Jika ada sebarang masalah berkaitan, sila kemukakan. Jangan malu-malu.. <img src='http://www.ahmadrushdi.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.ahmadrushdi.com/2010/09/tutorial-bagaimana-membuat-live-blogging/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>How To Make Your Ubuntu Lucid Like Mac OSx</title>
		<link>http://www.ahmadrushdi.com/2010/05/how-to-make-your-ubuntu-lucid-like-mac-osx/</link>
		<comments>http://www.ahmadrushdi.com/2010/05/how-to-make-your-ubuntu-lucid-like-mac-osx/#comments</comments>
		<pubDate>Tue, 11 May 2010 05:28:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[English]]></category>
		<category><![CDATA[Sains Dan Teknologi]]></category>
		<category><![CDATA[Tips-tips Menarik]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[How to make ubuntu like mac]]></category>
		<category><![CDATA[Mac Osx theme]]></category>
		<category><![CDATA[ubuntu]]></category>
		<category><![CDATA[Ubuntu Lucid]]></category>
		<category><![CDATA[Ubuntu Lucid 10.04]]></category>
		<category><![CDATA[Ubuntu theme]]></category>

		<guid isPermaLink="false">http://www.ahmadrushdi.com/?p=11</guid>
		<description><![CDATA[Today, i will write a simple technique how to turn or make your Ubuntu Lucid 10.04 like a Mac OSx. I love Mac OS because it simple dan excellent performance. But, for now, i just have a pc. Actually, i &#8230; <a href="http://www.ahmadrushdi.com/2010/05/how-to-make-your-ubuntu-lucid-like-mac-osx/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Today, i will write a simple technique how to turn or make your Ubuntu Lucid 10.04 like a Mac OSx. I love Mac OS because it simple dan excellent performance. But, for now, i just have a pc. Actually, i bought this pc just to play games. I have played latest game and i got bored with Windows games. haha ~</p>
<div id="attachment_653" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/my-screen1.jpg" rel="lightbox[11]"><img class="size-full wp-image-653 " title="my-screen1" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/my-screen1.jpg" alt="My Desktop" width="500" height="281" /></a><p class="wp-caption-text">My Desktop - Click for larger</p></div>
<div id="attachment_625" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/pidgin.jpg" rel="lightbox[11]"><img class="size-full wp-image-625 " title="pidgin" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/pidgin.jpg" alt="Pidgin" width="500" height="281" /></a><p class="wp-caption-text">Pidgin - Click for larger</p></div>
<p>Ok, let&#8217;s begin. How to make your Ubuntu Lucid like Mac OSx. Make sure Ubuntu Lucid installed! <img src='http://www.ahmadrushdi.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> <span id="more-11"></span></p>
<p>1. For themes I use <a title="Osliner Radience" href="http://osliner.deviantart.com/art/OslinerRadience-156587632" target="_blank">Osliner Radience</a> &#8211; Download and extract to your ubuntu theme directory.</p>
<div id="attachment_643" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/theme.png" rel="lightbox[11]"><img class="wp-image-643 " title="theme" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/theme.png" alt="Theme" width="500" height="452" /></a><p class="wp-caption-text">Theme</p></div>
<p>2. For Panel menu like Mac OS, Use global menu. How to make top panel as menu? Follow this step.</p>
<p>You can update your system with unsupported packages from this untrusted PPA by adding <strong>ppa:globalmenu-team/ppa</strong> to your system&#8217;s Software Sources. Go to system &gt; Administration &gt; Software Source.</p>
<div id="attachment_644" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/Source.png" rel="lightbox[11]"><img class="size-full wp-image-644  " title="Source" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/Source.png" alt="Source" width="500" height="617" /></a><p class="wp-caption-text">Source</p></div>
<p>Click on Other Software, and press Add Source and then click Close to save your changes.</p>
<div id="attachment_646" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/ppa-add.pn&lt;/code&gt;g"><img class="size-full wp-image-646 " title="ppa-add" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/ppa-add.png" alt="ppa-add" width="500" height="475" /></a><p class="wp-caption-text">ppa-add</p></div>
<p>You will be notified that the information about available software is out-of-date. Press Reload.</p>
<p>3. And then download <a title="GPG Key" href="http://gnome2-globalmenu.googlecode.com/files/GlobalMenuKey.gpg" target="_blank">GPG key</a> - You now need to import and accept our GPG key with which we digitally sign the files we provide, which makes it easy to check that the files have not been tampered with since their creation. In order for apt to be able to check this, you need the public key that corresponds to the signatures.</p>
<div id="attachment_647" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/import-key.png" rel="lightbox[11]"><img class="wp-image-647" title="import-key" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/05/import-key.png" alt="" width="500" height="475" /></a><p class="wp-caption-text">Import Key</p></div>
<p style="text-align: left;">Once you have downloaded the GPG key, import the key by selecting the Authentication tab, clicking on Import Key File, and then selecting the GPG key to be imported.</p>
<p>4. After finish that step. Open your terminal to install Globalmenu package. Use this :<br />
<code>sudo apt-get install gnome-globalmenu</code><br />
5. Now you can add your menu in panel bar. Right clik on panel, add to panel &gt; Global Menu Panel Applet. That&#8217;s All. Restart your machine if Panel Applet don&#8217;t work.</p>
<p>6. Dock? yeah. Just use dock like mine. Open your Ubuntu Software Center. Search Docky.</p>
<p>Source Link :</p>
<ol>
<li><a title="Osliner" href="http://osliner.deviantart.com/art/OslinerRadience-156587632" target="_blank">http://osliner.deviantart.com/art/OslinerRadience-156587632</a></li>
<li><a title="Installing" href="http://code.google.com/p/gnome2-globalmenu/wiki/InstallingonUbuntu" target="_blank">http://code.google.com/p/gnome2-globalmenu/wiki/InstallingonUbuntu</a></li>
<li><a title="Global Menu" href="https://edge.launchpad.net/~globalmenu-team/+archive/ppa" target="_blank">https://edge.launchpad.net/~globalmenu-team/+archive/ppa</a></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.ahmadrushdi.com/2010/05/how-to-make-your-ubuntu-lucid-like-mac-osx/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Menulis Bahasa Arab Dalam WordPress Versi Inggeris</title>
		<link>http://www.ahmadrushdi.com/2010/04/menulis-bahasa-arab-dalam-wordpress-versi-inggeris/</link>
		<comments>http://www.ahmadrushdi.com/2010/04/menulis-bahasa-arab-dalam-wordpress-versi-inggeris/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 06:46:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Sains Dan Teknologi]]></category>
		<category><![CDATA[Tips-tips Menarik]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[bahasa arab]]></category>
		<category><![CDATA[charset]]></category>
		<category><![CDATA[phpmyadmin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.ahmadrushdi.com/?p=584</guid>
		<description><![CDATA[Seorang pengunjung blog ini bertanyakan, bagaimana hendak menulis bahasa arab pada wordpress (selfhost). Sebelum ini aku ada menulis tentang perkara ini di Infomalaya. Mungkin beliau tidak menjumpainya. Aku cuba membalas emel beliau, namun gagal (Delivery to the following recipient failed &#8230; <a href="http://www.ahmadrushdi.com/2010/04/menulis-bahasa-arab-dalam-wordpress-versi-inggeris/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="attachment_591" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-591 " title="arabic-wp" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/04/arabic-wp.jpg" alt="Tulisan Arab" width="500" height="227" /><p class="wp-caption-text">Tulisan arab kemas pada WordPress</p></div>
<p style="text-align: left;">Seorang pengunjung blog ini bertanyakan, bagaimana hendak menulis bahasa arab pada wordpress (<em>selfhost</em>). Sebelum ini aku ada menulis tentang perkara ini di <a title="Infomalaya.com" href="http://www.infomalaya.com/menulis-bahasa-arab-dalam-wordpress-versi-inggeris/" target="_blank">Infomalaya</a>. Mungkin beliau tidak menjumpainya. Aku cuba membalas emel beliau, namun gagal (<em>Delivery to the following recipient failed permanently : emel@dia.com</em>) harap beliau membaca artikel ini.<span id="more-584"></span></p>
<p>Baiklah, mari kita ikut langkah mudah ini (Linux Hosting).</p>
<ol>
<li>Login ke Hosting Control Panel.</li>
<li>Ke phpmyadmin.</li>
<li>Export database, simpan dalam harddisk.</li>
<li><em>Edit</em> “database.sql” tersebut, tukarkan semua charset ke  utf8. contoh : CHARSET=utf8</li>
<li>Di phpMyAdmin, buang database lama, guna fungsi Drop.</li>
<li>Kemudian, di phpMyAdmin tadi, klik pada <em>import</em> &gt; <em>browse</em> (database yang di<em>edit</em> tadi) &gt; <em>go</em>.</li>
<li>Selesai import, di phpMyAdmin tadi klik pada Operation  (jika perlu)  tukarkan Collation kepada utf8_bin.</li>
<li>Selesai.</li>
</ol>
<p>Sekarang anda boleh menulis bahasa arab dalam <a title="Wordpress" href="http://www.wordpress.org/" target="_blank">wordpress</a>. Jika ada  sebarang persoalan jangan segan bertanya. Kesimpulan disini, ada 2 cara  nak membolehkan <a title="Wordpress" href="http://www.wordpress.org/" target="_blank">wordpress</a> anda ditulis dalam bahasa arab.</p>
<ol>
<li>Pertama, Dengan cara install secara manual <a title="Wordpress" href="http://www.wordpress.org/" target="_blank">wordpress</a> anda.  Default Charset UTF8</li>
<li>Kedua, Mengubah charset setiap table database kepada utf8.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.ahmadrushdi.com/2010/04/menulis-bahasa-arab-dalam-wordpress-versi-inggeris/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Meringkaskan Paparan Mybloglog Widget</title>
		<link>http://www.ahmadrushdi.com/2010/02/meringkaskan-paparan-mybloglog-widget/</link>
		<comments>http://www.ahmadrushdi.com/2010/02/meringkaskan-paparan-mybloglog-widget/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 18:57:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tips-tips Menarik]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[kemas]]></category>
		<category><![CDATA[mybloglog]]></category>
		<category><![CDATA[platform]]></category>
		<category><![CDATA[ringkas]]></category>

		<guid isPermaLink="false">http://www.ahmadrushdi.com/?p=522</guid>
		<description><![CDATA[Assalamualaikum, salam sejahtera semua! Harap kalian semua sihat selalu. Seorang hamba Allah, telah mengirimkan emel bertanyakan tentang bagaimana hendak menghilangkan header dan footer pada paparan Mybloglog, dan nampak kemas tersusun seperti yang ada pada blog aku satu ketika dulu. Aku &#8230; <a href="http://www.ahmadrushdi.com/2010/02/meringkaskan-paparan-mybloglog-widget/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Assalamualaikum, salam sejahtera semua! Harap kalian semua sihat selalu. Seorang hamba Allah, telah mengirimkan emel bertanyakan tentang bagaimana hendak menghilangkan header dan footer pada paparan <a title="Mybloglog" href="http://www.mybloglog.com" target="_blank">Mybloglog</a>, dan nampak kemas tersusun seperti yang ada pada blog aku satu ketika dulu. Aku lakukan ini kerana memang suka blog yang ringkas dan kemas, juga memudahkan pengunjung membaca.</p>
<p>Baik, mari kita ikut langkah mudah ini. Aku hanya menggunakan platform <a title="Wordpress" href="http://wordpress.org" target="_blank">wordpress</a> (<em>selfhost</em>), supaya mudah bagi pengguna yang masih belum mahir menggunakan<em> tools</em> lain. Sebenarnya cara yang ingin ditunjukkan ini boleh digunakan dimana sahaja selagi ianya menggunakan CSS sebagai pembentuk sesuatu paparan halaman web.</p>
<p>Langkahnya &#8211; Login ke akaun <a title="Mybloglog" href="http://www.mybloglog.com/" target="_blank">Mybloglog</a> anda, pada bahagian <em>My Sites and Services</em> klik pada widget untuk blog anda. Seterusnya klik pada <em>Looking for the old-school Recent Reader widget?<span id="more-522"></span></em></p>
<p><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/1-old-school.jpg" rel="lightbox[522]"><img class="aligncenter size-full wp-image-527" title="1-old-school" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/1-old-school.jpg" alt="Old School" width="500" height="231" /></a></p>
<p style="text-align: left;">Seterusnya klik pada <em>Looking for the old-school Recent Reader widget? Find it here</em>.</p>
<p style="text-align: left;"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/2-pilih-warna.jpg" rel="lightbox[522]"><img class="aligncenter size-full wp-image-528" title="2-pilih-warna" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/2-pilih-warna.jpg" alt="Pilih Warna" width="500" height="215" /></a></p>
<p style="text-align: left;">Seterusnya anda perlu memilih warna yang sesuai untuk blog anda.<em> Width</em> mengikut saiz sidebar blog anda. <em>Show screen names &#8211; no. Image size &#8211; half-size</em>. Title  terpulang kepada anda, sama ada ingin meletakkan atau tidak. Aku memilih  untuk membuang. Setelah selesai, klik pada <em>Preview and Get Code</em>.<a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/3-copy-code.jpg" rel="lightbox[522]"><img class="aligncenter size-full wp-image-529" title="3-copy-code" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/3-copy-code.jpg" alt="" width="500" height="246" /></a></p>
<p style="text-align: left;">Kemudian, kod <a title="Mybloglog" href="http://www.mybloglog.com/" target="_blank">Mybloglog</a> anda telah berhasil, salin (<em>copy</em>).<a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/4-letak-widget.jpg" rel="lightbox[522]"><img class="aligncenter size-full wp-image-531" title="4-letak-widget" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/4-letak-widget.jpg" alt="Letak Widget" width="500" height="394" /></a></p>
<p style="text-align: left;">Letakkan kod tersebut dibahagian widget dalam <a title="Wordpress" href="http://wordpress.org" target="_blank">wordpress</a> <em>dashboard</em> anda. <em>Save</em>.</p>
<p style="text-align: left;"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/5-paparan-asal.jpg" rel="lightbox[522]"><img class="aligncenter size-full wp-image-532" title="5-paparan-asal" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/5-paparan-asal.jpg" alt="Paparan Asal" width="500" height="231" /></a></p>
<p style="text-align: left;">Paparan Mybloglog dari kod asal akan terpapar di <em>sidebar</em> blog  anda.</p>
<p style="text-align: left;"><a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/6-tambah-css.jpg" rel="lightbox[522]"><img class="aligncenter size-full wp-image-533" title="6-tambah-css" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/6-tambah-css.jpg" alt="Tambah CSS" width="500" height="231" /></a></p>
<p style="text-align: left;">Seterusnya, kita perlu masukkan sedikit jampi CSS pada tema blog, klik pada Appearance &gt; Editor. Kemudian, klik pada  Stylesheet (style.css) dalam template blog anda. Tambahkan kod css dibawah seperti gambar di atas, letakkan dimana sahaja anda mahu di dalam style.css tadi.</p>
<p style="text-align: left;"><code>.mbl_fo_hidden,.mbl_join,.mbl_join_img {<br />
display: none;<br />
}</code></p>
<p style="text-align: left;">Klik Update File, pastikan file style.css anda writable. Jika tidak anda perlu melakukan dengan cara lain, seperti <em>download</em> dan <em>edit</em> di komputer anda, kemudian <em>upload</em> kembali. Atau anda boleh menggunakan <em>file manager</em> pada <em>control panel <a title="Hosting" href="http://www.ahmadrushdi.com/tag/hosting/" target="_blank">hosting</a></em> anda.<a href="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/7-paparan-selepas.jpg" rel="lightbox[522]"><img class="aligncenter size-full wp-image-534" title="7-paparan-selepas" src="http://www.ahmadrushdi.com/wp-content/uploads/2010/02/7-paparan-selepas.jpg" alt="Paparan Selepas" width="500" height="231" /></a></p>
<p style="text-align: left;">Tadaa!!  senarai rakan<a title="Mybloglog" href="http://www.mybloglog.com/" target="_blank"> Mybloglog</a> anda nampak kemas dan tersusun seperti gambar di atas. Ini hanya untuk pengguna yang gemar sesuatu yang ringkas dan kemas. Juga tidak menambah ke&#8217;serabut&#8217;an blog anda. <img src='http://www.ahmadrushdi.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p style="text-align: left;">Sebarang soalan bolehlah dikemukakan. Jika aku boleh membantu, insyaAllah, aku cuba membantu kalian.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ahmadrushdi.com/2010/02/meringkaskan-paparan-mybloglog-widget/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

