<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Sekedar Berbagi</title>
	<atom:link href="http://antonarizal.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://antonarizal.wordpress.com</link>
	<description>Belajar Komputer dan Internet</description>
	<lastBuildDate>Fri, 13 Jan 2012 04:25:50 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='antonarizal.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Sekedar Berbagi</title>
		<link>http://antonarizal.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://antonarizal.wordpress.com/osd.xml" title="Sekedar Berbagi" />
	<atom:link rel='hub' href='http://antonarizal.wordpress.com/?pushpress=hub'/>
		<item>
		<title>The True Love Story : Cinta Khadijah Kepada Rasullulah</title>
		<link>http://antonarizal.wordpress.com/2011/03/16/the-true-love-story-cinta-khadijah-kepada-rasullulah/</link>
		<comments>http://antonarizal.wordpress.com/2011/03/16/the-true-love-story-cinta-khadijah-kepada-rasullulah/#comments</comments>
		<pubDate>Wed, 16 Mar 2011 21:19:53 +0000</pubDate>
		<dc:creator>antonarizal</dc:creator>
				<category><![CDATA[Under Category]]></category>

		<guid isPermaLink="false">http://antonarizal.wordpress.com/?p=490</guid>
		<description><![CDATA[“Sebaik-baik wanita pada zamannya adalah Maryam putri Imran dan sebaik-baik wanita dari umatnya adalah Khadijah.” (HR Bukhari-Muslim) Jika ada perempuan yang mampu membuat Aisyah cemburu besar maka ia adalah Khadijah. Jika ada perempuan yang mampu membuat Rasulullah mengingatnya sepanjang waktu, bahkan ketika beliau dengan istri-istrinya maka Khadijah lah orangnya, dan hanya dengan Khadijahlah Rasulullah bermonogami. [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=490&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>“Sebaik-baik wanita pada zamannya adalah Maryam putri Imran dan sebaik-baik wanita dari umatnya adalah Khadijah.”</p>
<p>(HR Bukhari-Muslim)</p>
<p><img src="http://antonarizal.files.wordpress.com/2011/03/khadijah-ghozi.jpg?w=239&#038;h=361" alt="khadijah" width="239" height="361" align="left" />Jika ada perempuan yang mampu membuat Aisyah cemburu besar maka ia adalah Khadijah. Jika ada perempuan yang mampu membuat Rasulullah mengingatnya sepanjang waktu, bahkan ketika beliau dengan istri-istrinya maka Khadijah lah orangnya, dan hanya dengan Khadijahlah Rasulullah bermonogami.</p>
<p>Kisah tentang wanita mulia Ummul-Mukminat Khadijah r.a. merupakan kisah yang penuh dengan kemuliaan, kisah yang penuh dengan teladan. Tinta-tinta sejarah telah mencatata keistimewaan yang dimilikinya. Ia meninggalkan teladan indah untuk para mukminah, bukan hanya dalam ber-akhlakul karimah tetapi juga bagaimana ia beribadah, berkeluarga, dan bermuamalah.</p>
<p>Segala keitimewaan yang dimilikinya menjadikan ia perempuan beruntung sepanjang masa. Ia mendapatkan cinta sejati dari kekasih Allah. Bahkan ia wanita pertama yang mendapatkan berita masuk syurga serta mendapatkan ucapan salam dari Allah Swt.<span id="more-490"></span></p>
<p>Keistimewaan tersebut sesungguhnya tidak serta merta datang kepada ibunda kita Khadijah, namun hal tersebut karena ia begitu mempesona. Ia dengan penuh kerelaan mengorbankan harta dan jiwanya untuk dakwah Rasulullah. Dengan kematangan, kebijaksanaan, dan integritas dirinya, Khadijah menyokong, membangkitkan tekad, dan mengobarkan semangat dakwah Rasul. Cintanya yang besar mampu memberikan yang terbaik kepada Rasulullah sehingga sang suamipun amat mencintainya.</p>
<p>Akhlak khadijah semestinya dijadikan gambaran bagaimana semestinya seorang istri bersikap kepada suminya, sehingga sang istri menjadi perempuan yang mampu memberikan kebahagian kepada keluarganya dan akhirnya terbentuklah keluarga yang sakinah, mawadah, dan rahmah. Berikut di bawah ini beberapa sifat khadijah yang dapat dijadikan uswah bagi para istri dalam usahanya untuk menjadi perempuan istimewa bagi suaminya.</p>
<p>MENERIMA SUAMI APA ADANYA. Inilah teladan yang pertama yang diajarkannya. Sebagaimana yang tercatat dalam sejarah, Khadijah merupakan wanita kaya raya di seantero mekkah. Dengan harta dan kecantikan yang dimilikinya banyak laki-laki yang hendak meminangnya. Tetapi khadijah lebih memilih Muhamad yang tidak memiliki apa-apa. Kemiskinan muhamad tidak membuat kahadijah malu. Ia bergitu mencintai dan siap menerima Muhammad apa adanya. Bagi Khadijah harta bukanlah segalanya, namun kebaikan, dan kesalihan Rasulullah-lah yang menjadi pilihan utamanya.</p>
<p>SELALU ADA KETIKA SUAMI MEMBUTUHKAN. Selama bersama Rasulullah, Khadijah selalu bersama dengan beliau dalam suka maupun duka. Bahkan ketika terjadi pemboikotan yang dilakukan oleh orang Quraisy, ia menjadi teman yang sangat setia. Tidak pernah sedikit pun ia mengeluh atas semua yang terjadi pada keluarganya.</p>
<p>PENUH KASIH SAYANG DAN PERHATIAN KEPADA SUAMI. Inilah yang sesunguhnya dibutuhkan oleh para suami, termasuk Rasulullah. Khadijah perempuan yang memiliki cinta suci ini mampu mencurahkan perhatian dan kasih sayangnya kepada Rasulullah sehingga beliau tidak pernah menyakiti istri yang sangat dicintainya itu. Rasulullah bahkan bersabda, “Sesungguhnya aku telah diberi karunia dengan cintanya Khadijah kepadaku.” (HR Muslim)</p>
<p>RELA BERKORBAN DEMI MEMBELA SUAMI. Khadijah mengajarkan kita untuk belajar memberikan yang terbaik kepada suami, berusaha memberikan semua yang dimiliki jika suami membutuhkan. Dengan kedermawanannya, Khadijah sanggup memberikan hartanya demi kepentingan dakwah Rasulullah. Rasulullah saw. berkata, “(Khadijah) beriman ketika orang-orang kafir kepadaku, dia membenarkanku ketika orang-orang mendustakanku, dan dia membantuku dengan hartanya ketika orang-orang mengahalangiku.”</p>
<p>BERKATA BIJAK DAN MENENANGKAN. Keistimewaan Khadijah yang lain adalah memiliki sikap lembut dalam bertutur kata dan bersikap sehingga yang dikeluarkan dari lisannya hanyalah perkataan lembut dan menenangkan hati Rasulullah. Perhatikanlah tutur kata Khadijah ketika terjadi peristiwa turun wahyu pertama yang membuat Rasulullah lari ketakutan. kahdijah berkata, “Jangan khawatir, berbahagialah, sesungguhnya Allah tidak mungkin akan menghinakanmu dengan kejadian itu. Selama ini, engkau selalu menyambung silaturahmi, jujur dalam berbicara, meringankan beban orang lain yang kesusahan, membantu orang lemah, menghormati tamu, dan mendukung setiap hal yang mengandung kebenaran.”</p>
<p>MENDIDIK ANAK-ANAK DENGAN BAIK. Salah satu keistimewaan Khadijah dibanding istri Rasulullah yang lain adalah dari Khadijahlah Rasulullah mendapatkan keturunan. Nabi saw. berkata: “Allah mengaruniaiku anak darinya ketika Dia tidak memberiku anak dari istri-istriku yang lain.”</p>
<p>Bukah hanya itu saja. Walau usianya sudah tua, ia mampu mendidik putri-putri mereka dengan penuh cinta dan kemulian hingga putri-putri Rasulullah memiliki akhlak yang baik dan keimanan yang kuat,</p>
<p>BERGAUL BAIK DENGAN SUAMI. Tidak pernah diceritakan kisah yang jelek mengenai pernikahan Khadijah dan Rasulullah. Hal ini menujukan pergaulan yang baik di antara keduanya. Keduanya paham mengenai hak dan kewajiban masing-masing sehingga tenanglah kehidupan rumah tangga beliau.</p>
<p>TAWAKKAL DAN SABAR. Inilah yang dilakukan Khadijah sebagai seorang istri yang suaminya pada saat itu manjadi bulan-bulanan penghinaan masyarakat Quraisy. Tawakal dan bersabar mengahadapi semuanya telah memberikan energi positif bukan hanya bagi Khadijah, tetapi juga terhadap Rasulullah sehingga ia kuat menghadapi semuanya.</p>
<p>Khadijah adalah perempuan agung. Dengan segala kelebihan yang dimilikinya, ia mampu membuat Rasulullah begitu mencintainya. Bahkan ketika Khadijah telah tiada pun Rasulullah masih sering mengingatnya. Pernah suatu waktu Rasulullah berkata kepada Aisyah, “Allah tidak memberiku pengganti yang lebih baik daripada dia.</p>
<p>”Cinta sejati dan kesetiaan mencintai diukur setelah perkawinan, bahkan lebih terbukti setelah kepergian yang dicintai.</p>
<p>Kendati Nabi Muhammad saw. Sangat mencintai Aisyah ra., namun cinta beliau kepada Siti Khadijah ra. pada hakekatnya melebihi cintanya beliau kepada Aisyah ra., bahkan cinta itu melebihi semua cinta yang dikenal umat manusia terhadap lawan jenisnya. Sementara hikayat tentang cinta, seperti Romeo dan Juliet, Lailah dan Majnun, tidak teruji melalui kehidupan bersama mereka sebagai suami istri. Karena itu, sekali lagi dikatakan bahwa cinta Rasulullah saw. Kepada Khadijah ra. Adalah puncak cinta yang diperankan oleh seorang laki-laki kepada perempuan dan sebaliknya.</p>
<p>Sangat besar rasa cinta Rasulullah kepada Khadijah, sampai-sampai Aisyah mengatakan dalam Shahih Bukhari dan Shahih Muslim, “Tidak pernah aku merasa cemburu kepada seorang pun dari istri-istri Rasulullah seperti kecemburuanku terhadap Khadijah. Padahal aku tidak pernah melihatnya. Tetapi Rasulullah seringkali menyebut-nyebutnya. Jika ia memotong seekor kambing, ia potong-potong dagingnya, dan mengirimkannya kepada sahabat-sahabat Khadijah.</p>
<p>Maka aku pun berkata kepadanya, “Sepertinya tidak ada wanita lain di dunia ini selain Khadijah…!”</p>
<p>Maka berkatalah Rasulullah, “Ya, begitulah ia, dan darinyalah aku mendapatkan anak.”</p>
<p>Dalam suatu riwayat dikisahkan, suatu saat Aisyah merasa cemburu, lalu berkata, “Bukankah ia (Khadijah) hanya seorang wanita tua dan Allah telah memberi gantinya untukmu yang lebih baik darinya? (maksud Aisyah yang menggatikan Khadijah adalah dirinya). Maka Belaiu pun marah sampai berguncang rambut depannya. Lalu Beliau bersabda, “Demi Allah! Ia tidak memberikan ganti untukku yang lebih baik darinya. Khadijah telah beriman kepadaku ketika orang-orang masih kufur, ia membenarkanku ketika orang-orang mendustakanku, ia memberikan hartanya kepadaku ketika manusia lain tidak mau memberiku, dan Allah memberikan kepadu anak darinya dan tidak memberiku anak dari yang lain.” Maka aku berkata dalam hati,” Demi Allah, aku tidak akan lagi menyebut Khadijah dengan sesuatu yang buruk selama-lamanya.”</p>
<p>Ketika Aisyah ingin menampakkan kelebihannya atas Khadijah, ia berkata kepada Fatimah ra., putri Nabi dari Khadijah ra.: “Aku gadis ketika dinikahi ayahmu sedang ibumu adalah janda ketika dinikahi ayahmu.” Rasul saw. Yang mendengar ucapan ini dari putrinya yang mengeluh bersabda: “Sampaikanlah kepadanya ‘Ibuku (maksudnya Khadijah ra) lebih hebat dari engkau, beliau menikahi ayahku yang jejaka, sedang engkau menikahinya saat beliau duda.”</p>
<p>Disamping itu Rasulullah tidak memadu Khadijah dengan wanita lain, sedang semua istri selainnya dimadu.</p>
<p>Teman-teman Khadiijah pun masih diingat oleh Rasul dan berpesan kepada putri-putri beliau agar terus menjalin hubungan kasih dengan mengirimkan hadiah-walau sederhana- kepada mereka.</p>
<p>Ketika Fath Makkah, yakni hari keberhasilan rasul saw memasuki kota Mekkah bersama kaum Muslim, beliau berkunjung ke lokasi rumah Khadijah ra., karena rumah itu sendiri telah tiada. Beliau juga-pada hari itu- menyendiri, di tengah kesibukan bersama pasukan kaum Muslim, dengan seorang wanita tua sambil bercakap-cakap dengan wajah berseri-seri. Aisyah ra yang melihat hal tersebut bertanya:”Siapa orang itu dan apa yang dibicarakannya?” Ternyata wanita tua itu sobat karib Khadijah ra dan pembicaraan Nabi saw dengannya berkisar pada kenangan manis masa lalu.</p>
<p>Gerak langkah suara dan ketukan pintu yang biasa dilakukan Khadijah ra pun terus segar dalam benak dan pikiran beliau. Suatu ketika beliau mendengar ketukan dan suara serupa. Beliau berkomentar:”Ini cara ketukan Khadijah. Saya duga yang dating adalah Hala ( saudara perempuan Khadijah ra.) dan ternyata dugaan beliau benar.&#8221;</p>
<p>Demikianlah keagungan cinta Rasulullah swa. kepada Khadijah ra. Yang akan tetap terukir indah sepajang zaman.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/antonarizal.wordpress.com/490/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/antonarizal.wordpress.com/490/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/antonarizal.wordpress.com/490/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/antonarizal.wordpress.com/490/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/antonarizal.wordpress.com/490/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/antonarizal.wordpress.com/490/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/antonarizal.wordpress.com/490/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/antonarizal.wordpress.com/490/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/antonarizal.wordpress.com/490/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/antonarizal.wordpress.com/490/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/antonarizal.wordpress.com/490/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/antonarizal.wordpress.com/490/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/antonarizal.wordpress.com/490/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/antonarizal.wordpress.com/490/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=490&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://antonarizal.wordpress.com/2011/03/16/the-true-love-story-cinta-khadijah-kepada-rasullulah/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e57fd022415323e36e7828b4497f3a1d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">antonarizal</media:title>
		</media:content>

		<media:content url="http://antonarizal.files.wordpress.com/2011/03/khadijah-ghozi.jpg?w=198" medium="image">
			<media:title type="html">khadijah</media:title>
		</media:content>
	</item>
		<item>
		<title>Membuat Lightbox Gallery menggunakan CSS3 dan JQuery</title>
		<link>http://antonarizal.wordpress.com/2011/02/20/membuat-lightbox-gallery-menggunakan-css3-dan-jquery/</link>
		<comments>http://antonarizal.wordpress.com/2011/02/20/membuat-lightbox-gallery-menggunakan-css3-dan-jquery/#comments</comments>
		<pubDate>Sun, 20 Feb 2011 04:09:33 +0000</pubDate>
		<dc:creator>antonarizal</dc:creator>
				<category><![CDATA[Belajar Web, Blog, Internet]]></category>
		<category><![CDATA[Under Category]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[web desain]]></category>

		<guid isPermaLink="false">http://antonarizal.wordpress.com/?p=457</guid>
		<description><![CDATA[Dalam aplikasi Lightbox Gallery ini, akan ditampilkan kumpulan foto kecil yang tersebar secara acak yang dapat kita pindah-pindah posisinya. Kalau kita klik slah satu foto tersebut, maka akan muncul jendela yang menampilkan gambar dalam ukuran penuh. Biar lebih jelas silakan klik demo Dalam membuat Lightbox Gallery yang keren ini, kita akan menggunakan fungsi CSS3, jQuery, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=457&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div id="attachment_458" class="wp-caption aligncenter" style="width: 630px"><a href="http://antonarizal.files.wordpress.com/2011/02/gallery.png"><img class="size-full wp-image-458" title="gallery" src="http://antonarizal.files.wordpress.com/2011/02/gallery.png?w=620&#038;h=381" alt="" width="620" height="381" /></a><p class="wp-caption-text">An Awesome CSS3 Lightbox Gallery With jQuery</p></div>
<p>Dalam aplikasi Lightbox Gallery ini, akan ditampilkan kumpulan foto kecil yang tersebar secara acak yang dapat kita pindah-pindah posisinya. Kalau kita klik slah satu foto tersebut, maka akan muncul jendela yang menampilkan gambar dalam ukuran penuh. Biar lebih jelas silakan klik <a href="http://jualapa.co.cc/gallery/demo.php">demo</a><br />
<span id="more-457"></span><br />
Dalam membuat Lightbox Gallery yang keren ini, kita akan menggunakan fungsi CSS3, jQuery, jQuery UI (untuk melakukan drag and drop) juga fancybox jQuery plugin lightbox display, dan tentu saja menggunakan PHP dan CSS untuk interaksi dan membuat tampilan.</p>
<p><strong>1. XHTML</strong></p>
<p>Buat file <strong>demo.php</strong></p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">&lt;!&#8211; The gallery container: &#8211;&gt;<br />
&lt;div id=&#8221;gallery&#8221;&gt;&lt;?php<br />
/* PHP code, covered in detail in step 3 */<br />
?&gt;</p>
<p>&lt;!&#8211; The droppable share box &#8211;&gt;<br />
&lt;div class=&#8221;drop-box&#8221;&gt;<br />
&lt;/div&gt;</p>
<p>&lt;/div&gt;</p>
<p>&lt;div class=&#8221;clear&#8221;&gt;&lt;/div&gt;</p>
<p>&lt;!&#8211; This is later converted to the modal window with the url of the image: &#8211;&gt;<br />
&lt;div id=&#8221;modal&#8221; title=&#8221;Share this picture&#8221;&gt;<br />
&lt;form&gt;<br />
&lt;fieldset&gt;<br />
&lt;label for=&#8221;name&#8221;&gt;URL of the image&lt;/label&gt;<br />
&lt;input type=&#8221;text&#8221; name=&#8221;url&#8221; id=&#8221;url&#8221; class=&#8221;text ui-widget-content ui-corner-all&#8221; onfocus=&#8221;this.select()&#8221; /&gt;<br />
&lt;/fieldset&gt;<br />
&lt;/form&gt;</p>
<p>&lt;/div&gt;</p>
</div>
<p><strong>2. CSS</strong><br />
Masukkan kode CSS ke dalam head pada file <strong>demo.php</strong></p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;demo.css&#8221; /&gt;<br />
&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-darkness/jquery-ui.css&#8221; type=&#8221;text/css&#8221; media=&#8221;all&#8221; /&gt;<br />
&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;fancybox/jquery.fancybox-1.2.6.css&#8221;&gt;</div>
<p>Buat file <strong>demo.css</strong> untuk menyusun tampilan dasarnya</p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">body{<br />
/* Styling the body */<br />
color:white;<br />
font-size:13px;<br />
background: #222222;<br />
font-family:Arial, Helvetica, sans-serif;<br />
}#gallery{<br />
/* The pics container */<br />
width:100%;<br />
height:580px;<br />
position:relative;<br />
}</p>
<p>.pic, .pic a{<br />
/* Each picture and the hyperlink inside it */<br />
width:100px;<br />
height:100px;<br />
overflow:hidden;<br />
}</p>
<p>.pic{<br />
/* Styles specific to the pic class */<br />
position:absolute;<br />
border:5px solid #EEEEEE;<br />
border-bottom:18px solid #eeeeee;</p>
<p>/* CSS3 Box Shadow */<br />
-moz-box-shadow:2px 2px 3px #333333;<br />
-webkit-box-shadow:2px 2px 3px #333333;<br />
box-shadow:2px 2px 3px #333333;<br />
}</p>
<p>.pic a{<br />
/* Specific styles for the hyperlinks */<br />
text-indent:-999px;<br />
display:block;<br />
/* Setting display to block enables advanced styling for links */<br />
}</p>
<p>.drop-box{<br />
/* The share box */<br />
width:240px;<br />
height:130px;<br />
position:absolute;<br />
bottom:0;<br />
right:0;<br />
z-index:-1;</p>
<p>background:url(img/drop_box.png) no-repeat;<br />
}</p>
<p>.drop-box.active{<br />
/* The active style is in effect when there is a pic hovering above the box */<br />
background-position:bottom left;<br />
}</p>
<p>label, input{<br />
/* The modal dialog URL field */<br />
display:block;<br />
padding:3px;<br />
}</p>
<p>label{<br />
font-size:10px;<br />
}</p>
<p>fieldset{<br />
border:0;<br />
margin-top:10px;<br />
}</p>
<p>#url{<br />
/* The URL field */<br />
width:240px;<br />
}</p>
</div>
<p><strong>3. PHP</strong><br />
Masukkan kode PHP pada <strong>demo.php </strong>untuk untuk membuat interaksi</p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">/* Configuration Start */<br />
$thumb_directory = &#8216;img/thumbs&#8217;;<br />
$orig_directory = &#8216;img/original&#8217;;<br />
$stage_width=600;<br />
$stage_height=400;<br />
/* Configuration end */$allowed_types=array(&#8216;jpg&#8217;,'jpeg&#8217;,'gif&#8217;,'png&#8217;);<br />
$file_parts=array();<br />
$ext=&#8221;;<br />
$title=&#8221;;<br />
$i=0;</p>
<p>/* Opening the thumbnail directory and looping through all the thumbs: */<br />
$dir_handle = @opendir($thumb_directory) or die(&#8220;There is an error with your image directory!&#8221;);<br />
$i=1;</p>
<p>while ($file = readdir($dir_handle))<br />
{<br />
/* Skipping the system files: */<br />
if($file==&#8217;.&#8217; || $file == &#8216;..&#8217;) continue;</p>
<p>$file_parts = explode(&#8216;.&#8217;,$file);<br />
$ext = strtolower(array_pop($file_parts));</p>
<p>/* Using the file name (withouth the extension) as a image title: */<br />
$title = implode(&#8216;.&#8217;,$file_parts);<br />
$title = htmlspecialchars($title);</p>
<p>/* If the file extension is allowed: */<br />
if(in_array($ext,$allowed_types))<br />
{<br />
/* Generating random values for the position and rotation: */<br />
$left=rand(0,$stage_width);<br />
$top=rand(0,400);<br />
$rot = rand(-40,40);</p>
<p>if($top&gt;$stage_height-130 &amp;&amp; $left &gt; $stage_width-230)<br />
{<br />
/* Prevent the images from hiding the drop box */<br />
$top-=120+130;<br />
$left-=230;<br />
}</p>
<p>/* Outputting each image: */<br />
echo &#8216;<br />
&lt;div id=&#8221;pic-&#8217;.($i++).&#8217;&#8221; class=&#8221;pic&#8221; style=&#8221;top:&#8217;.$top.&#8217;px;left:&#8217;.$left.&#8217;px;background:url(&#8216;.$thumb_directory.&#8217;/&#8217;.$file.&#8217;) no-repeat 50% 50%; -moz-transform:rotate(&#8216;.$rot.&#8217;deg); -webkit-transform:rotate(&#8216;.$rot.&#8217;deg);&#8221;&gt;</p>
<p>&lt;a class=&#8221;fancybox&#8221; rel=&#8221;fncbx&#8221; href=&#8221;&#8216;.$orig_directory.&#8217;/&#8217;.$file.&#8217;&#8221; target=&#8221;_blank&#8221;&gt;&#8217;.$title.&#8217;&lt;/a&gt;</p>
<p>&lt;/div&gt;&#8217;;<br />
}<br />
}</p>
<p>/* Closing the directory */<br />
closedir($dir_handle);</p>
</div>
<p><strong>4. JQuery</strong><br />
buat file <strong>script.js</strong></p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">$(document).ready(function(){<br />
// Executed once all the page elements are loaded<br />
var preventClick=false;<br />
$(&#8220;.pic a&#8221;).bind(&#8220;click&#8221;,function(e){/* This function stops the drag from firing a click event and showing the lightbox */<br />
if(preventClick)<br />
{<br />
e.stopImmediatePropagation();<br />
e.preventDefault();<br />
}<br />
});</p>
<p>$(&#8220;.pic&#8221;).draggable({</p>
<p>/* Converting the images into draggable objects */<br />
containment: &#8216;parent&#8217;,<br />
start: function(e,ui){<br />
/* This will stop clicks from occuring while dragging */<br />
preventClick=true;<br />
},<br />
stop: function(e, ui) {<br />
/* Wait for 250 milliseconds before re-enabling the clicks */<br />
setTimeout(function(){ preventClick=false; }, 250);<br />
}<br />
});</p>
<p>$(&#8216;.pic&#8217;).mousedown(function(e){<br />
/* Executed on image click */<br />
var maxZ = 0;</p>
<p>/* Find the max z-index property: */<br />
$(&#8216;.pic&#8217;).each(function(){<br />
var thisZ = parseInt($(this).css(&#8216;zIndex&#8217;))<br />
if(thisZ&gt;maxZ) maxZ=thisZ;<br />
});</p>
<p>/* Clicks can occur in the picture container (with class pic) and in the link inside it */<br />
if($(e.target).hasClass(&#8220;pic&#8221;))<br />
{<br />
/* Show the clicked image on top of all the others: */<br />
$(e.target).css({zIndex:maxZ+1});<br />
}<br />
else $(e.target).closest(&#8216;.pic&#8217;).css({zIndex:maxZ+1});<br />
});</p>
<p>/* Converting all the links to a fancybox gallery */<br />
$(&#8220;a.fancybox&#8221;).fancybox({<br />
zoomSpeedIn: 300,<br />
zoomSpeedOut: 300,<br />
overlayShow:false<br />
});</p>
<p>/* Converting the share box into a droppable: */<br />
$(&#8216;.drop-box&#8217;).droppable({<br />
hoverClass: &#8216;active&#8217;,<br />
drop:function(event,ui){</p>
<p>/* Fill the URL text field with the URL of the image. */<br />
/* The id of the image is appended as a hash #pic-123 */<br />
$(&#8216;#url&#8217;).val(location.href.replace(location.hash,&#8221;)+&#8217;#&#8217; + ui.draggable.attr(&#8216;id&#8217;));<br />
$(&#8216;#modal&#8217;).dialog(&#8216;open&#8217;);<br />
}<br />
});</p>
<p>/* Converts the div with id=&#8221;modal&#8221; into a modal window */<br />
$(&#8220;#modal&#8221;).dialog({<br />
bgiframe: true,<br />
modal: true,<br />
autoOpen:false,</p>
<p>buttons: {<br />
Ok: function() {<br />
$(this).dialog(&#8216;close&#8217;);<br />
}<br />
}<br />
});</p>
<p>if(location.hash.indexOf(&#8216;#pic-&#8217;)!=-1)<br />
{<br />
/* Checks whether a hash is present in the URL */<br />
/* and shows the respective image */<br />
$(location.hash+&#8217; a.fancybox&#8217;).click();<br />
}<br />
});</p>
</div>
<p>&nbsp;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/antonarizal.wordpress.com/457/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/antonarizal.wordpress.com/457/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/antonarizal.wordpress.com/457/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/antonarizal.wordpress.com/457/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/antonarizal.wordpress.com/457/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/antonarizal.wordpress.com/457/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/antonarizal.wordpress.com/457/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/antonarizal.wordpress.com/457/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/antonarizal.wordpress.com/457/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/antonarizal.wordpress.com/457/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/antonarizal.wordpress.com/457/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/antonarizal.wordpress.com/457/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/antonarizal.wordpress.com/457/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/antonarizal.wordpress.com/457/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=457&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://antonarizal.wordpress.com/2011/02/20/membuat-lightbox-gallery-menggunakan-css3-dan-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e57fd022415323e36e7828b4497f3a1d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">antonarizal</media:title>
		</media:content>

		<media:content url="http://antonarizal.files.wordpress.com/2011/02/gallery.png" medium="image">
			<media:title type="html">gallery</media:title>
		</media:content>
	</item>
		<item>
		<title>Membuat Bayangan Tulisan dengan CSS Text Shadows</title>
		<link>http://antonarizal.wordpress.com/2011/02/19/membuat-bayangan-tulisan-dengan-css-text-shadows/</link>
		<comments>http://antonarizal.wordpress.com/2011/02/19/membuat-bayangan-tulisan-dengan-css-text-shadows/#comments</comments>
		<pubDate>Sat, 19 Feb 2011 22:15:06 +0000</pubDate>
		<dc:creator>antonarizal</dc:creator>
				<category><![CDATA[Belajar Web, Blog, Internet]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[web desain]]></category>

		<guid isPermaLink="false">http://antonarizal.wordpress.com/?p=445</guid>
		<description><![CDATA[TULISAN DENGAN BAYANGAN Kali ini saya akan memberikan tutorial mengenai cara membuat tulisan dengan bayangan. Untuk membuat tulisan yang muncul bayangan, caranya yaitu memakai fungsi Text Shadows pada CSS. Fungsi ini mungkin tidak berjalan di IE, hanya berjalan pada browser Mozilla Firefox atau Chrome. Misalkan CSS template Anda akan dimasukkan text shadow pada H3 Kode [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=445&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">
<div style="text-shadow:4px 3px 2px #ff0000;font-size:24px;font-weight:bold;">TULISAN DENGAN BAYANGAN</div>
</div>
<p>Kali ini saya akan memberikan tutorial mengenai cara membuat tulisan dengan bayangan. Untuk membuat tulisan yang muncul bayangan, caranya yaitu memakai fungsi Text Shadows pada CSS. Fungsi ini mungkin tidak berjalan di IE, hanya berjalan pada browser Mozilla Firefox atau Chrome. <img src='http://s0.wp.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /><br />
<span id="more-445"></span><br />
Misalkan CSS template Anda akan dimasukkan text shadow pada H3<br />
Kode CSS awal</p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">.post H3 {<br />
margin:0;<br />
padding:10px 0;<br />
font-size:14px;<br />
font-weight:bold;<br />
line-height:1.4em;<br />
color:#0000ff;<br />
}</div>
<p>Tambahkan kode text shadow nya menjadi:</p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">.post H3 {<br />
margin:0;<br />
padding:10px 0;<br />
font-size:14px;<br />
font-weight:bold;<br />
line-height:1.4em;<br />
color:#0000ff;<br />
<span style="color:#ff0000;">text-shadow: 4px 3px 2px #ff0000;</span><br />
}</div>
<p>Pada saat Anda menggunakan tag H3 dalam posting, secara otomatis style H3 akan menggunakan fungsi CSS tersebut.</p>
<p>&lt;H3&gt; Kuliah Komputer &lt;/H3&gt;</p>
<p><strong>Penjelasan:</strong><br />
<span style="color:#ff0000;">4px</span> merupakan jarak pergeseran text bayangan dari kiri ke kanan<br />
<span style="color:#ff0000;">3px</span> merupakan jarak pergeseran text bayangan dari atas ke bawah<br />
<span style="color:#ff0000;">2px</span> merupakan lebar dari text bayangan, semakin besar angkanya semakin blur textnya<br />
<span style="color:#ff0000;">#ff0000</span> merupakan kode warna dari text bayangan</p>
<p>Penggunaan text shadow pada postingan bisa juga dengan memasukkan kode HTML seperti berikut</p>
<p>Kode:</p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">&lt;div style=&#8221;text-shadow: 4px 3px 2px #ff0000; font-size: 24px; font-weight:bold;&#8221;&gt;TULISAN DENGAN BAYANGAN&lt;/div&gt;</div>
<p>Hasilnya:</p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">
<div style="text-shadow:4px 3px 2px #ff0000;font-size:24px;font-weight:bold;">TULISAN DENGAN BAYANGAN</div>
</div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/antonarizal.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/antonarizal.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/antonarizal.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/antonarizal.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/antonarizal.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/antonarizal.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/antonarizal.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/antonarizal.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/antonarizal.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/antonarizal.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/antonarizal.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/antonarizal.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/antonarizal.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/antonarizal.wordpress.com/445/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=445&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://antonarizal.wordpress.com/2011/02/19/membuat-bayangan-tulisan-dengan-css-text-shadows/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e57fd022415323e36e7828b4497f3a1d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">antonarizal</media:title>
		</media:content>
	</item>
		<item>
		<title>Object Oriented Programming</title>
		<link>http://antonarizal.wordpress.com/2011/02/19/object-oriented-programming/</link>
		<comments>http://antonarizal.wordpress.com/2011/02/19/object-oriented-programming/#comments</comments>
		<pubDate>Sat, 19 Feb 2011 20:24:46 +0000</pubDate>
		<dc:creator>antonarizal</dc:creator>
				<category><![CDATA[Belajar Web, Blog, Internet]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://antonarizal.wordpress.com/?p=427</guid>
		<description><![CDATA[Object Oriented Programming (OOP) atau pemrograman berorientasi obyek merupakan paradigma pemrograman yang berorientasikan kepada objek. Semua data dan fungsi di dalam paradigma ini dibungkus dalam kelas-kelas atau objek-objek. Bandingkan dengan logika pemrograman terstruktur. Setiap objek dapat menerima pesan, memproses data, dan mengirim pesan ke objek lainnya. (wikipedia) Banyak programmer menggunakan prinsip OOP untuk membuat sebuah [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=427&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><code>Object Oriented Programming (OOP)</code> atau pemrograman berorientasi obyek merupakan paradigma pemrograman yang berorientasikan kepada objek. Semua data dan fungsi di dalam paradigma ini dibungkus dalam kelas-kelas atau objek-objek. Bandingkan dengan logika pemrograman terstruktur. Setiap objek dapat menerima pesan, memproses data, dan mengirim pesan ke objek lainnya. (wikipedia)</p>
<p>Banyak programmer menggunakan prinsip OOP untuk membuat sebuah aplikasi. Penggunaan OOP memang sangat memudahkan para programmer dalam menyusun program.<span id="more-427"></span></p>
<p>Kali ini saya tidak akan panjang lebar memberikan teori mengenai OOP, namun kita akan mencoba untuk mengaplikasikannya ke dalam sebuah sistem.</p>
<p>Dalam tutorial ini terdapat sebuah folder yang dipanggil menggunakan PHP include.</p>
<ol>
<li> registration.php</li>
<li> home.php</li>
<li> include</li>
</ol>
<ul>
<li> functions.php</li>
<li> config.php</li>
</ul>
<p>Ok, langsung saja kita mulai</p>
<p><strong>1. kita buat dulu database user dengan table columns uid, username, passcode, name and email.</strong></p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">
<code>CREATE TABLE users<br />
(<br />
uid INT PRIMARY KEY AUTO_INCREMENT,<br />
username VARCHAR(30) UNIQUE,<br />
password VARCHAR(50),<br />
name VARCHAR(100),<br />
email VARCHAR(70) UNIQUE<br />
);</code>
</div>
<p><strong>2. Buat Kelas function.php</strong></p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">
&lt;?php<br />
include_once &#8216;config.php&#8217;;<br />
class User<br />
{<br />
//Database connect<br />
public function __construct()<br />
{<br />
$db = new DB_Class();<br />
}<br />
//Registration process<br />
public function register_user($name, $username, $password, $email)<br />
{<br />
$password = md5($password);<br />
$sql = mysql_query(&#8220;SELECT uid from users WHERE username = &#8216;$username&#8217; or email = &#8216;$email&#8217;&#8221;);<br />
$no_rows = mysql_num_rows($sql);<br />
if ($no_rows == 0)<br />
{<br />
$result = mysql_query(&#8220;INSERT INTO users(username, password, name, email) values (&#8216;$username&#8217;, &#8216;$password&#8217;,'$name&#8217;,'$email&#8217;)&#8221;) or die(mysql_error());<br />
return $result;<br />
}<br />
else<br />
{<br />
return FALSE;<br />
}<br />
}<br />
// Login process<br />
public function check_login($emailusername, $password)<br />
{<br />
$password = md5($password);<br />
$result = mysql_query(&#8220;SELECT uid from users WHERE email = &#8216;$emailusername&#8217; or username=&#8217;$emailusername&#8217; and password = &#8216;$password&#8217;&#8221;);<br />
$user_data = mysql_fetch_array($result);<br />
$no_rows = mysql_num_rows($result);<br />
if ($no_rows == 1)<br />
{<br />
$_SESSION['login'] = true;<br />
$_SESSION['uid'] = $user_data['uid'];<br />
return TRUE;<br />
}<br />
else<br />
{<br />
return FALSE;<br />
}<br />
}<br />
// Getting name<br />
public function get_fullname($uid)<br />
{<br />
$result = mysql_query(&#8220;SELECT name FROM users WHERE uid = $uid&#8221;);<br />
$user_data = mysql_fetch_array($result);<br />
echo $user_data['name'];<br />
}<br />
// Getting session<br />
public function get_session()<br />
{<br />
return $_SESSION['login'];<br />
}<br />
// Logout<br />
public function user_logout()<br />
{<br />
$_SESSION['login'] = FALSE;<br />
session_destroy();<br />
}</p>
<p>}<br />
?&gt;
</p></div>
<p>&nbsp;</p>
<p><strong>3. registration.php</strong></p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">
<p>&lt;?php<br />
include_once &#8216;include/functions.php&#8217;;<br />
$user = new User();<br />
// Checking for user logged in or not<br />
if ($user-&gt;get_session())<br />
{<br />
header(&#8220;location:home.php&#8221;);<br />
}</p>
<p>if ($_SERVER["REQUEST_METHOD"] == &#8220;POST&#8221;)<br />
{<br />
$register = $user-&gt;register_user($_POST['name'], $_POST['username'], $_POST['password'], $_POST['email']);<br />
if ($register)<br />
{<br />
// Registration Success<br />
echo &#8216;Registration successful &lt;a href=&#8221;login.php&#8221;&gt;Click here&lt;/a&gt; to login&#8217;;<br />
} else<br />
{<br />
// Registration Failed<br />
echo &#8216;Registration failed. Email or Username already exits please try again&#8217;;<br />
}<br />
}<br />
?&gt;<br />
//HTML Code<br />
&lt;form method=&#8221;POST&#8221; action=&#8221;register.php&#8221; name=&#8217;reg&#8217; &gt;<br />
Full Name<br />
&lt;input type=&#8221;text&#8221; name=&#8221;name&#8221;/&gt;<br />
Username<br />
&lt;input type=&#8221;text&#8221; name=&#8221;username&#8221;/&gt;<br />
Password<br />
&lt;input type=&#8221;password&#8221; name=&#8221;password&#8221;/&gt;<br />
Email<br />
&lt;input type=&#8221;text&#8221; name=&#8221;email&#8221;/&gt;<br />
&lt;input type=&#8221;submit&#8221; value=&#8221;Register&#8221;/&gt;<br />
&lt;/form&gt;</p>
</div>
<p><strong>4. Login.php</strong></p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">
<p>&lt;?php<br />
session_start();<br />
include_once &#8216;include/functions.php&#8217;;<br />
$user = new User();<br />
if ($user-&gt;get_session())<br />
{<br />
header(&#8220;location:home.php&#8221;);<br />
}</p>
<p>if ($_SERVER["REQUEST_METHOD"] == &#8220;POST&#8221;)<br />
{<br />
$login = $user-&gt;check_login($_POST['emailusername'], $_POST['password']);<br />
if ($login)<br />
{<br />
// Login Success<br />
header(&#8220;location:login.php&#8221;);<br />
}<br />
else<br />
{<br />
// Login Failed<br />
$msg= &#8216;Username / password wrong&#8217;;<br />
}<br />
}<br />
?&gt;<br />
//HTML Code<br />
&lt;form method=&#8221;POST&#8221; action=&#8221;" name=&#8221;login&#8221;&gt;<br />
Email or Username<br />
&lt;input type=&#8221;text&#8221; name=&#8221;emailusername&#8221;/&gt;<br />
Password<br />
&lt;input type=&#8221;password&#8221; name=&#8221;password&#8221;/&gt;<br />
&lt;input type=&#8221;submit&#8221; value=&#8221;Login&#8221;/&gt;<br />
&lt;/form&gt;</p>
</div>
<p><strong>5. home.php</strong></p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">
<code><br />
&lt;?php<br />
session_start();<br />
include_once 'include/functions.php';<br />
$user = new User();<br />
$uid = $_SESSION['uid'];<br />
if (!$user-&gt;get_session())<br />
{<br />
header("location:login.php");<br />
}<br />
if ($_GET['q'] == 'logout')<br />
{<br />
$user-&gt;user_logout();<br />
header("location:login.php");<br />
}<br />
?&gt;<br />
//HTML Code<br />
&lt;a href="?q=logout"&gt;LOGOUT&lt;/a&gt;<br />
&lt;h1&gt; Hello &lt;?php $user-&gt;get_fullname($uid); ?&gt;&lt;/h1&gt;<br />
</code>
</div>
<p>6. config.php</p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">
<code><br />
&lt;?php<br />
define('DB_SERVER', 'localhost');<br />
define('DB_USERNAME', 'username');<br />
define('DB_PASSWORD', 'password');<br />
define('DB_DATABASE', 'database');<br />
class DB_Class<br />
{<br />
function __construct()<br />
{<br />
$connection = mysql_connect(DB_SERVER, DB_USERNAME, DB_PASSWORD) or<br />
die('Oops connection error -&gt; ' . mysql_error());<br />
mysql_select_db(DB_DATABASE, $connection)<br />
or die('Database error -&gt; ' . mysql_error());<br />
}<br />
}<br />
?&gt;<br />
</code>
</div>
<p><strong>7. Bagaimana menambah fungsi baru</strong></p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">
<code><br />
public function get_email($uid)<br />
{<br />
$result = mysql_query("SELECT email FROM users WHERE uid = $uid");<br />
$user_data = mysql_fetch_array($result);<br />
echo $user_data['email'];<br />
}</code>
</div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/antonarizal.wordpress.com/427/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/antonarizal.wordpress.com/427/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/antonarizal.wordpress.com/427/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/antonarizal.wordpress.com/427/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/antonarizal.wordpress.com/427/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/antonarizal.wordpress.com/427/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/antonarizal.wordpress.com/427/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/antonarizal.wordpress.com/427/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/antonarizal.wordpress.com/427/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/antonarizal.wordpress.com/427/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/antonarizal.wordpress.com/427/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/antonarizal.wordpress.com/427/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/antonarizal.wordpress.com/427/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/antonarizal.wordpress.com/427/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=427&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://antonarizal.wordpress.com/2011/02/19/object-oriented-programming/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e57fd022415323e36e7828b4497f3a1d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">antonarizal</media:title>
		</media:content>
	</item>
		<item>
		<title>Nampang dulu: Profil 50 Entrepreneur Kampus ITS</title>
		<link>http://antonarizal.wordpress.com/2011/02/19/nampang-dulu-profil-50-entrepreneur-kampus-its/</link>
		<comments>http://antonarizal.wordpress.com/2011/02/19/nampang-dulu-profil-50-entrepreneur-kampus-its/#comments</comments>
		<pubDate>Sat, 19 Feb 2011 10:03:45 +0000</pubDate>
		<dc:creator>antonarizal</dc:creator>
				<category><![CDATA[Duniaku, Kampus, Kuliah]]></category>

		<guid isPermaLink="false">http://antonarizal.wordpress.com/?p=388</guid>
		<description><![CDATA[Dalam rangka Dies Natalis ke-50 ITS membuat sebuah buku yang memuat 50 wirausahawan mahasiswa. Ini foto saya lagi mejeng di buku Profil 50 Entrepreneur Kampus ITS (narsis mode:on). Foto itu diambil waktu saya lagi memberikan pelatihan toko online di WE&#38;T ITS. Sebenarnya saya merasa kurang pantas kalau dimasukkan dalam jajaran 50 Entrepreneur ITS. Maklum masih [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=388&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div id="attachment_389" class="wp-caption aligncenter" style="width: 630px"><a href="http://antonarizal.files.wordpress.com/2011/02/73797_1443040527775_1585973480_30980493_2303923_n.jpg"><img class="size-full wp-image-389" title="Buku profil wirausahawan muda" src="http://antonarizal.files.wordpress.com/2011/02/73797_1443040527775_1585973480_30980493_2303923_n.jpg?w=620&#038;h=465" alt="" width="620" height="465" /></a><p class="wp-caption-text">Buku Profil 50 Entrepreneur ITS</p></div>
<p>Dalam rangka Dies Natalis ke-50 ITS membuat sebuah buku yang memuat 50 wirausahawan mahasiswa. Ini foto saya lagi mejeng di buku Profil 50 Entrepreneur Kampus ITS (narsis mode:on). Foto itu diambil waktu saya lagi memberikan pelatihan toko online di WE&amp;T ITS. Sebenarnya saya merasa kurang pantas kalau dimasukkan dalam jajaran 50 Entrepreneur ITS. Maklum masih newbi banget&#8230;hehe..<span id="more-388"></span></p>
<p>Saya rasa masih banyak rekan-rekan saya yang lebih pantas dimasukkan ke dalam buku ini, namun sepertinya kampus tidak berhasil mendeteksi keberadaan mereka. Salah satu contoh rekan saya yang tidak <em>terdeteksi </em>yaitu seorang pengelola sebuah rental komputer di daerah keputih. Saya sendiri sampai kehilangan kontak dengan dia, karena sejak menjalankan bisnis tersebut, si doi jarang keliahatan di kampus. Mungkin saking sibuknya melayani pelanggan, sampai-sampai lupa pergi ke kampus.</p>
<p>Saya sendiri memulai belajar bisnis sebenarnya sudah sejak lama. Kegagalan dan jatuh bangun dalam menjalankan bisnis udah biasa. Akhirnya saya menemukan bidang yang sangat saya sukai, yaitu bisnis internet. Berawal dari belajar membuat blog, akhirnya saya terjun dalam dunia ini, dan alhamdulillah dari sini saya bisa mencukupi kebutuhan finansial saya. Asal ada kemauan pasti disitu ada jalan&#8230;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/antonarizal.wordpress.com/388/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/antonarizal.wordpress.com/388/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/antonarizal.wordpress.com/388/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/antonarizal.wordpress.com/388/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/antonarizal.wordpress.com/388/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/antonarizal.wordpress.com/388/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/antonarizal.wordpress.com/388/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/antonarizal.wordpress.com/388/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/antonarizal.wordpress.com/388/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/antonarizal.wordpress.com/388/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/antonarizal.wordpress.com/388/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/antonarizal.wordpress.com/388/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/antonarizal.wordpress.com/388/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/antonarizal.wordpress.com/388/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=388&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://antonarizal.wordpress.com/2011/02/19/nampang-dulu-profil-50-entrepreneur-kampus-its/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e57fd022415323e36e7828b4497f3a1d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">antonarizal</media:title>
		</media:content>

		<media:content url="http://antonarizal.files.wordpress.com/2011/02/73797_1443040527775_1585973480_30980493_2303923_n.jpg" medium="image">
			<media:title type="html">Buku profil wirausahawan muda</media:title>
		</media:content>
	</item>
		<item>
		<title>Visualization Toolkit</title>
		<link>http://antonarizal.wordpress.com/2011/02/19/visualization-toolkit/</link>
		<comments>http://antonarizal.wordpress.com/2011/02/19/visualization-toolkit/#comments</comments>
		<pubDate>Sat, 19 Feb 2011 09:51:21 +0000</pubDate>
		<dc:creator>antonarizal</dc:creator>
				<category><![CDATA[Tutorial VTK, C++]]></category>
		<category><![CDATA[tutorial vtk]]></category>
		<category><![CDATA[visualization toolkit]]></category>

		<guid isPermaLink="false">http://antonarizal.wordpress.com/?p=378</guid>
		<description><![CDATA[VTK atau Visualization Toolkit merupakan software untuk mengolah citra 3 dimensi dan visualisasi. VTK sering dipakai untuk keperluan komputasi grafis tiga dimensi yang telah banyak digunakan oleh para peneliti maupun pengembang perangkat lunak di dunia. Selain diimplementasikan dalam bahasa C++, VTK juga mendukung bahasa pemrograman Tcl, Python, dan Java. Bagi Anda yang ingin membuat visualisasi 3 dimensi [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=378&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.vtk.org/opensourcelogos/vtk100.png" alt="vtk" width="456" height="100" /></p>
<p>VTK atau Visualization Toolkit merupakan software untuk mengolah citra 3 dimensi dan visualisasi. VTK sering dipakai untuk keperluan komputasi grafis tiga dimensi yang telah banyak digunakan oleh para peneliti maupun pengembang perangkat lunak di dunia. Selain diimplementasikan dalam bahasa C++, VTK juga mendukung bahasa pemrograman Tcl, Python, dan Java. Bagi Anda yang ingin membuat visualisasi 3 dimensi ada baiknya mempelajari VTK. VTK menyediakan library untuk C++ class juga beberapa bahasa pemrograman seperti python, java dan tcl/tk. Meskipun VTK tidak menyediakan komponen untuk GUI, perangka lunak ini dapat di integrasikan dengan peralatan GUI yang telah ada seperti Qt dan Gtk.<span id="more-378"></span></p>
<p>VTK menyediakan berbagai macam representasi data termasuk data poligon, citra, volume, structured grid dan unstructured grid. VTK hadir dengan reader dan writer untuk bertukar data dengan perangkat lunak yang lain. Berbagai macam filter tersedia untuk melakukan pengolahan data. Model rendering dari VTK mendukung bentuk dua dimensi, poligon, volumetrik dan pendekatan berdasarkan tekstur yang dapat digunakan pada setiap kombinasi.</p>
<p><em>The Visualization Toolkit (VTK) is an open-source, freely available software system for 3D computer graphics, image processing and visualization. VTK consists of a C++ class library and several interpreted interface layers including Tcl/Tk, Java, and Python. Kitware, whose team created and continues to extend the toolkit, offers professional support and consulting services for VTK. VTK supports a wide variety of visualization algorithms including: scalar, vector, tensor, texture, and volumetric methods; and advanced modeling techniques such as: implicit modeling, polygon reduction, mesh smoothing, cutting, contouring, and Delaunay triangulation. VTK has an extensive information visualization framework, has a suite of 3D interaction widgets, supports parallel processing, and integrates with various databases on GUI toolkits such as Qt and Tk. VTK is cross-platform and runs on Linux, Windows, Mac and Unix platforms.</em></p>
<p>Silakan kunjungi situsnya: <a href="http://www.vtk.org/">http://www.vtk.org/</a></p>
<p>Pada beberapa posting mendatang saya akan memberikan tutorial mengenai penggunaan VTK dalam pengolahan citra 3 dimensi. Tunggu aja tanggal mainnya. <img src='http://s0.wp.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/antonarizal.wordpress.com/378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/antonarizal.wordpress.com/378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/antonarizal.wordpress.com/378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/antonarizal.wordpress.com/378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/antonarizal.wordpress.com/378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/antonarizal.wordpress.com/378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/antonarizal.wordpress.com/378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/antonarizal.wordpress.com/378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/antonarizal.wordpress.com/378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/antonarizal.wordpress.com/378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/antonarizal.wordpress.com/378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/antonarizal.wordpress.com/378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/antonarizal.wordpress.com/378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/antonarizal.wordpress.com/378/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=378&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://antonarizal.wordpress.com/2011/02/19/visualization-toolkit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e57fd022415323e36e7828b4497f3a1d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">antonarizal</media:title>
		</media:content>

		<media:content url="http://www.vtk.org/opensourcelogos/vtk100.png" medium="image">
			<media:title type="html">vtk</media:title>
		</media:content>
	</item>
		<item>
		<title>Ekstension Untuk Joomla</title>
		<link>http://antonarizal.wordpress.com/2011/02/19/ekstension-untuk-joomla/</link>
		<comments>http://antonarizal.wordpress.com/2011/02/19/ekstension-untuk-joomla/#comments</comments>
		<pubDate>Sat, 19 Feb 2011 04:56:38 +0000</pubDate>
		<dc:creator>antonarizal</dc:creator>
				<category><![CDATA[Tutorial Joomla]]></category>
		<category><![CDATA[extension]]></category>

		<guid isPermaLink="false">http://antonarizal.wordpress.com/?p=332</guid>
		<description><![CDATA[Nah, bagi Anda yang gemar mengotak-atik CMS Joomla pasti tidak asing dengan penggunaan komponen,modul, dan plugin. Sebagai CMS yang paling populer dan paling banyak digunakan dalam pembuatan website, Joomla punya banyak extension yang bisa dipakai untuk mempercantik pembuatan web. Ada banyak extension yang bisa digunakan. Anda dapat mencari disini Berikut ini adalah kategori ekstensi yang [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=332&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Nah, bagi Anda yang gemar mengotak-atik CMS Joomla pasti tidak asing dengan penggunaan komponen,modul, dan plugin. Sebagai CMS yang paling populer dan paling banyak digunakan dalam pembuatan website, Joomla punya banyak extension yang bisa dipakai untuk mempercantik pembuatan web. Ada banyak extension yang bisa digunakan.<br />
<span id="more-332"></span><br />
Anda dapat mencari <a href="http://extensions.joomla.org/">disini</a></p>
<p>Berikut ini adalah kategori ekstensi yang disediakan oleh Joomla:<br />
Access &amp; Security, Administration, Ads &amp; Affiliates, Calendars &amp; Events, Clients &amp; Communities, Communication ,Contacts &amp; Feedback, Content Sharing, Core Enhancements, Directory &amp; Documentation, e-Commerce, Editing, Extension Specific, Financial,Hosting &amp; Servers , Languages ,Living ,Maps &amp; Weather ,Migration &amp; Conversion ,Miscellaneous ,Mobile ,Multimedia ,News Display ,News Production ,Photos &amp; Images , Search &amp; Indexing ,Site Management , Social Web ,Sports &amp; Games ,Structure &amp; Navigation ,Style &amp; Design ,Tools, Vertical Markets.<br />
<a href="http://antonarizal.files.wordpress.com/2011/02/joomla.png"><img class="aligncenter size-full wp-image-349" title="joomla" src="http://antonarizal.files.wordpress.com/2011/02/joomla.png?w=620&#038;h=491" alt="" width="620" height="491" /></a></p>
<p>Dari sekian banyak extension yang ada, tidak semuanya gratis. Ada beberapa extension yang bersifat komersial.</p>
<p>Nah, jika Anda ingin mempercantik situs Anda, gunakanlah ekstensi yang sesuai dengan kebutuhan web Anda. Terkadang kita akan dibingungkan oleh banyaknya jenis extensi yang tersedia. Gunakan secara cermat supaya extensi yang Anda pasang dapat efektif sehingga tidak memperberat kinerja web Anda.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/antonarizal.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/antonarizal.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/antonarizal.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/antonarizal.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/antonarizal.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/antonarizal.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/antonarizal.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/antonarizal.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/antonarizal.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/antonarizal.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/antonarizal.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/antonarizal.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/antonarizal.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/antonarizal.wordpress.com/332/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=332&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://antonarizal.wordpress.com/2011/02/19/ekstension-untuk-joomla/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e57fd022415323e36e7828b4497f3a1d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">antonarizal</media:title>
		</media:content>

		<media:content url="http://antonarizal.files.wordpress.com/2011/02/joomla.png" medium="image">
			<media:title type="html">joomla</media:title>
		</media:content>
	</item>
		<item>
		<title>Memasang Yahoo Messanger Icon Di Blog</title>
		<link>http://antonarizal.wordpress.com/2011/02/15/memasang-yahoo-messanger-icon-di-blog/</link>
		<comments>http://antonarizal.wordpress.com/2011/02/15/memasang-yahoo-messanger-icon-di-blog/#comments</comments>
		<pubDate>Tue, 15 Feb 2011 21:01:06 +0000</pubDate>
		<dc:creator>antonarizal</dc:creator>
				<category><![CDATA[Belajar Web, Blog, Internet]]></category>
		<category><![CDATA[Under Category]]></category>
		<category><![CDATA[blogger]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[YM icon]]></category>

		<guid isPermaLink="false">http://antonarizal.wordpress.com/?p=473</guid>
		<description><![CDATA[Barangkali kawan-kawan semua pernah melihat sebuah blog atau website yang menampilkan icon YM yang bisa menyala jika online atau mati jika offline. Nah, kali ini saya akan memberikan panduan cara memasang icon YM tersebut. Sebenarnya sudah banyak tutorial di internet, namun tak ada salahnya kalau saya tulis disini, soalnya saya sendiri juga sering lupa Sebenarnya [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=473&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Barangkali kawan-kawan semua pernah melihat sebuah blog atau website yang menampilkan icon YM yang bisa menyala jika online atau mati jika offline. Nah, kali ini saya akan memberikan panduan cara memasang icon YM tersebut. Sebenarnya sudah banyak tutorial di internet, namun tak ada salahnya kalau saya tulis disini, soalnya saya sendiri juga sering lupa <img src='http://s2.wp.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /><br />
<span id="more-473"></span></p>
<p>Sebenarnya Icon ID YM yang bisa ditampilkan ada beberapa macam style. Kawan bisa memilih sendiri model icon YM yang akan ditampilkan di blog.<br />
<img src="http://antonarizal.files.wordpress.com/2011/02/icon-ym.jpg?w=153" alt="YM icon" /></p>
<p>Kode untuk menampilkan seperti ini:</p>
<div style="border:1px solid #c0c0c0;background:#ffffe1 none repeat scroll 0 50%;text-align:left;padding:10px;">&lt;a href=&#8221;ymsgr:sendIM?<span style="color:#ff0000;">anton_e45</span>&#8220;&gt;&lt;img src=&#8221;http://opi.yahoo.com/online?u=<span style="color:#ff0000;">anton_e45</span>a&amp;m=g&amp;t=<span style="color:#0000ff;">2</span>&#8221; border=&#8221;0&#8243;&gt;&lt;/a&gt;</div>
<p>maka akan muncul sebagai berikut<br />
<a href="sendIM?anton_e45"><img src="http://opi.yahoo.com/online?u=anton_e45&amp;m=g&amp;t=2" border="0" alt="" /></a></p>
<p>untuk mengganti model style icon, tinggal ganti aja angka 2 (berwarna hijau) dengan ID style YM yang kita inginkan. Misalkan kita ganti angka 8 maka akan tampil sbb:<br />
<a href="sendIM?anton_e45"><img src="http://opi.yahoo.com/online?u=anton_e45&amp;m=g&amp;t=8" border="0" alt="" /></a></p>
<p>Cara memasang di Blogger</p>
<p>1. Login (ya, pastilah)</p>
<p>2. Masuk ke <strong>Rancangan</strong></p>
<p>3. Klik tambah Gadget, maka akan muncul jendela baru</p>
<p>4. Pilih HTML/Javascript</p>
<p><a href="http://antonarizal.files.wordpress.com/2011/02/widget.png"><img class="alignnone size-full wp-image-477" title="widget" src="http://antonarizal.files.wordpress.com/2011/02/widget.png?w=620" alt=""   /></a></p>
<p>5. Masukkan kode tersebut di kolom yang tersedia<br />
<a href="http://antonarizal.files.wordpress.com/2011/02/widget2.png"><img src="http://antonarizal.files.wordpress.com/2011/02/widget2.png?w=620" alt="" title="widget2"   class="alignnone size-full wp-image-478" /></a></p>
<p>Jika sudah selesai klik simpan. Selesai!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/antonarizal.wordpress.com/473/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/antonarizal.wordpress.com/473/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/antonarizal.wordpress.com/473/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/antonarizal.wordpress.com/473/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/antonarizal.wordpress.com/473/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/antonarizal.wordpress.com/473/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/antonarizal.wordpress.com/473/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/antonarizal.wordpress.com/473/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/antonarizal.wordpress.com/473/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/antonarizal.wordpress.com/473/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/antonarizal.wordpress.com/473/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/antonarizal.wordpress.com/473/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/antonarizal.wordpress.com/473/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/antonarizal.wordpress.com/473/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=473&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://antonarizal.wordpress.com/2011/02/15/memasang-yahoo-messanger-icon-di-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e57fd022415323e36e7828b4497f3a1d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">antonarizal</media:title>
		</media:content>

		<media:content url="http://antonarizal.files.wordpress.com/2011/02/icon-ym.jpg?w=153" medium="image">
			<media:title type="html">YM icon</media:title>
		</media:content>

		<media:content url="http://opi.yahoo.com/online?u=anton_e45&#38;m=g&#38;t=2" medium="image" />

		<media:content url="http://opi.yahoo.com/online?u=anton_e45&#38;m=g&#38;t=8" medium="image" />

		<media:content url="http://antonarizal.files.wordpress.com/2011/02/widget.png" medium="image">
			<media:title type="html">widget</media:title>
		</media:content>

		<media:content url="http://antonarizal.files.wordpress.com/2011/02/widget2.png" medium="image">
			<media:title type="html">widget2</media:title>
		</media:content>
	</item>
		<item>
		<title>Mendidik Anak, Sebuah Pelajaran Berharga</title>
		<link>http://antonarizal.wordpress.com/2011/02/14/mendidik-anak-sebuah-pelajaran-berharga/</link>
		<comments>http://antonarizal.wordpress.com/2011/02/14/mendidik-anak-sebuah-pelajaran-berharga/#comments</comments>
		<pubDate>Mon, 14 Feb 2011 10:31:00 +0000</pubDate>
		<dc:creator>antonarizal</dc:creator>
				<category><![CDATA[Duniaku, Kampus, Kuliah]]></category>
		<category><![CDATA[Under Category]]></category>

		<guid isPermaLink="false">http://antonarizal.wordpress.com/?p=394</guid>
		<description><![CDATA[Sejak kuliah semester 2 saya sudah memutuskan hanya akan mengikuti kegiatan yang saya sukai. Saya kebetulan bukan orang yang menyukai organisasi, karena saya lihat organisasi di kampus ya gitu-gitu aja. Kata sebagian kawan saya, kalau kita ingin meningkatkan softskill, maka ikutlah organisasi di kampus. Namun saya tidak berpendapat demikian. Softskill itu tidak hanya dibentuk dengan [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=394&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div id="attachment_395" class="wp-caption aligncenter" style="width: 614px"><a href="http://antonarizal.files.wordpress.com/2011/02/5174_1182400277070_1140110499_30549222_6731308_n.jpg"><img class="size-full wp-image-395" title="5174_1182400277070_1140110499_30549222_6731308_n" src="http://antonarizal.files.wordpress.com/2011/02/5174_1182400277070_1140110499_30549222_6731308_n.jpg?w=620" alt=""   /></a><p class="wp-caption-text">TPA Baitul Muttaqin Surabaya</p></div>
<p>Sejak kuliah semester 2 saya sudah memutuskan hanya akan mengikuti kegiatan yang saya sukai. Saya kebetulan bukan orang yang menyukai organisasi, karena saya lihat organisasi di kampus ya gitu-gitu aja.</p>
<p>Kata sebagian kawan saya, kalau kita ingin meningkatkan softskill, maka ikutlah organisasi di kampus. Namun saya tidak berpendapat demikian. Softskill itu tidak hanya dibentuk dengan mengikuti organisasi, tetapi juga aktifitas kita saat kita terjun di masyarakat.<br />
<span id="more-394"></span><br />
Suatu ketika saya membaca sebuah tempelan di Masjid Manarul Ilmi mengenai lowongan pengajar TPA. Subhanallah&#8230;</p>
<p>Sebenarnya inilah yang saya tunggu. Sejak SMA saya memang suka mengajar TPA, dan ternyata Allah memberikan saya kesempatan lagi untuk melanjutkan dunia saya. Dunia saya memang tidak bisa jauh dari anak-anak. Mengajar anak merupakan sebuah tantangan. Ada kesenangan tersendiri ketika kita bisa mengajarkan suatu kebaikan pada mereka. Ada kesenangan tersendiri saat kita bisa bermain-main dengan anak-anak.</p>
<p>Saya teringat waktu awal-awal mengajar TPA di Surabaya. Ternyata mengajar anak di sini berbeda dengan mengajar anak di kota saya. Anak-anak di daerah ini ternyata memang super!</p>
<p>Super nakal maksudnya. Berkat bimbingan dari ustadz-ustadz sebelumnya saya akhirnya mampu menyesuaikan diri dengan keadaan yang ada. Banyak pelajaran yang bisa saya peroleh.</p>
<p>Dari pengalaman ini saya jadi tahu dan bisa merasakan bahwa mendidik anak memerlukan kesabaran dan ketlatenan. Saya jadi tahu, kapan kita harus memberikan hukuman pada anak, kapan kita harus serius, kapan kita harus bercanda. Kapan kita harus memosisikan diri sebagai teman, kapan kita harus memosisikan diri sebagai pendidik.</p>
<p>Salah satu pelajaran berharga lain yang saya dapatkan adalah bahwa kita harus memberikan teladan yang baik kepada mereka. Karena apapun yang kita lakukan akan menjadi panutan bagi mereka.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/antonarizal.wordpress.com/394/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/antonarizal.wordpress.com/394/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/antonarizal.wordpress.com/394/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/antonarizal.wordpress.com/394/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/antonarizal.wordpress.com/394/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/antonarizal.wordpress.com/394/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/antonarizal.wordpress.com/394/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/antonarizal.wordpress.com/394/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/antonarizal.wordpress.com/394/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/antonarizal.wordpress.com/394/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/antonarizal.wordpress.com/394/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/antonarizal.wordpress.com/394/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/antonarizal.wordpress.com/394/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/antonarizal.wordpress.com/394/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=394&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://antonarizal.wordpress.com/2011/02/14/mendidik-anak-sebuah-pelajaran-berharga/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e57fd022415323e36e7828b4497f3a1d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">antonarizal</media:title>
		</media:content>

		<media:content url="http://antonarizal.files.wordpress.com/2011/02/5174_1182400277070_1140110499_30549222_6731308_n.jpg" medium="image">
			<media:title type="html">5174_1182400277070_1140110499_30549222_6731308_n</media:title>
		</media:content>
	</item>
		<item>
		<title>Menjadi Technopreneur Muda, Sudah Siapkah?</title>
		<link>http://antonarizal.wordpress.com/2010/11/19/menjadi-technopreneur-muda/</link>
		<comments>http://antonarizal.wordpress.com/2010/11/19/menjadi-technopreneur-muda/#comments</comments>
		<pubDate>Fri, 19 Nov 2010 05:27:22 +0000</pubDate>
		<dc:creator>antonarizal</dc:creator>
				<category><![CDATA[Under Category]]></category>

		<guid isPermaLink="false">http://antonarizal.wordpress.com/?p=353</guid>
		<description><![CDATA[Kampus saya rupanya mulai menyebarkan virus-virus entrepreneur dengan membuat berbagai program. Salah satunya dengan adanya program PMW (Program Mahasiswa Wirausaha) atau Program Technopreneurship yang digagas pertama kali pada tahun 2009. Kebetulan pada waktu itu saya termasuk salah satu mahasiswa yang &#8220;terjebak&#8221; untuk terjun di dunia entrepreneur. Saya sendiri pada awalnya tidak memiliki informasi mengenai program [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=353&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://its.ac.id" target="_blank">Kampus saya</a> rupanya mulai menyebarkan virus-virus entrepreneur dengan membuat berbagai program. Salah satunya dengan adanya program PMW (Program Mahasiswa Wirausaha) atau Program Technopreneurship yang digagas pertama kali pada tahun 2009. Kebetulan pada waktu itu saya termasuk salah satu mahasiswa yang &#8220;terjebak&#8221; untuk terjun di dunia entrepreneur. Saya sendiri pada awalnya tidak memiliki informasi mengenai program ini, hingga suatu saat saya diajak oleh kawan satu kos saya untuk ikut program ini.<span id="more-353"></span></p>
<p>Kata teman saya, kalau kita mengajukan proposal bisnis dan lolos, maka kita akan mendapatkan dana sekian juta rupiah dari DIKTI untuk realisasi ide bisnis yang kita ajukan tadi. Saya hanya menggut-manggut saja. Terus terang saja, saya ini oragnya paling malas kalau disuruh bikin proposal. Tapi teman saya sungguh bersemangat mengikuti program ini. Akhirnya saya jadi ikut terpengaruh dan ikut juga <img src='http://s0.wp.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Nah, setelah melalui proses pemikiran yang yang panjang disertai doa dan usaha, proposal kita ajukan ke rektorat. Dan anehnya kok bisa lolos haha&#8230;</p>
<p>Rejeki emang tidak bisa diduga-duga datangnya..hehe..</p>
<p>Ternyata tidak mudah lo menjadi mahasiswa sekaligus pengusaha. Di samping menjalani kuliah yang sedemikian memusingkan, ditambah kegiatan-kegiatan lain di luar kampus, ditambah lagi berbisnis dari nol. Padahal ini bukan bisnis main-mainan. Ini bisnis beneran, dimana kita harus mempertanggungjawabkan dana investasi itu, menyusun laporan pemasukan dan pengeluaran, memasarkan produk, dan lain-lain. Sangat menguras pikiran.</p>
<p>Apakah program ini berhasil mencetak wirausahawan muda yang sukses? Saya tidak tahu. Kita lihat saja kedepannya, apakah program ini akan dikelola dengan baik ataukah hanya sekedar gebrakan sesaat.</p>
<p>Berdasarnya pengamatan saya, ada beberapa usaha teman-teman yang masih berjalan, namun ada beberapa usaha yang tidak jelas nasibnya bahkan sama sekali tidak berjalan alias mati di tengah jalan. Malahan ada juga sebagian rekan kita yang mengembalikan dananya ke kampus.</p>
<p>Saya tidak tahu apakah hal ini terjadi karena kurang adanya dukungan dari kampus atau memang mahasiswanya yang nggak niat. Masalahnya kebijakan kampus juga terkesan tidak jelas. Pembinaan berkelanjutan seperti yang diharapkan, sepertinya tidak dilakukan dengan baik. Alhasil, banyak-rekan-rekan yang seakan merasa <em>ditelantarkan </em>usai memperoleh dana ini. Awalnya memang diadakan pendampingan, namun akhirnya entah kemana program pendampingan ini&#8230;</p>
<p>Jujur saja, sebagai orang yang sangat baru dalam masalah kewirausahaan, para mahasiswa masih perlu bimbingan dan pendampingan. Kalau hanya dibiarkan jalan sendiri, tanpa didampingi dan dikawal, kemudian diminta pertanggungjawaban, ya jelas pusing lah..</p>
<p>Tapi saya yakin program yang berjalan saat ini (2010) dan yang akan datang bisa lebih baik, dan benar-benar mampu mencetak technopreneur muda.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/antonarizal.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/antonarizal.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/antonarizal.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/antonarizal.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/antonarizal.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/antonarizal.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/antonarizal.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/antonarizal.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/antonarizal.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/antonarizal.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/antonarizal.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/antonarizal.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/antonarizal.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/antonarizal.wordpress.com/353/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antonarizal.wordpress.com&amp;blog=2533172&amp;post=353&amp;subd=antonarizal&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://antonarizal.wordpress.com/2010/11/19/menjadi-technopreneur-muda/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e57fd022415323e36e7828b4497f3a1d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">antonarizal</media:title>
		</media:content>
	</item>
	</channel>
</rss>
