<?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/"
	>

<channel>
	<title>tofanc.com</title>
	<atom:link href="http://www.tofanc.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.tofanc.com</link>
	<description>Just for Easy Share Information</description>
	<pubDate>Fri, 11 Dec 2009 16:04:33 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>2 goal Fantastis Drogba benamkan Arsenal</title>
		<link>http://www.tofanc.com/2009/12/03/2-goal-fantastis-drogba.html</link>
		<comments>http://www.tofanc.com/2009/12/03/2-goal-fantastis-drogba.html#comments</comments>
		<pubDate>Thu, 03 Dec 2009 15:02:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Sports]]></category>

		<category><![CDATA[0-3]]></category>

		<category><![CDATA[3-0]]></category>

		<category><![CDATA[arsenal]]></category>

		<category><![CDATA[ashley]]></category>

		<category><![CDATA[chelsea]]></category>

		<category><![CDATA[cole]]></category>

		<category><![CDATA[derby]]></category>

		<category><![CDATA[didier]]></category>

		<category><![CDATA[drogba]]></category>

		<category><![CDATA[london]]></category>

		<category><![CDATA[vermaelen]]></category>

		<guid isPermaLink="false">http://www.tofanc.com/?p=188</guid>
		<description><![CDATA[Minggu 30 November,  pertarungan 2 raksasa London yang mempertemukan 2 tim papan atas liga Inggris yaitu Chelsea dan Arsenal Yang tersaji dalam Derby London. Dalam pertandingan tersebut Chelsea berhasil memetik hasil sempurna dengan mengalahkan Arsenal dengan Skor 3-0.  Dimana 2 gol dicetak oleh Didier Drogba pada menit ke 41. Berawal dari crossing Ashley Cole yang [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_189" class="wp-caption alignleft" style="width: 250px"><a href="http://www.tofanc.com/wp-content/uploads/2009/12/drogba.jpg"><img class="size-full wp-image-189" title="drogba" src="http://www.tofanc.com/wp-content/uploads/2009/12/drogba.jpg" alt="Drogba" width="240" height="240" /></a><p class="wp-caption-text">Drogba</p></div>
<p>Minggu 30 November,  pertarungan 2 raksasa London yang mempertemukan 2 tim papan atas liga Inggris yaitu Chelsea dan Arsenal Yang tersaji dalam Derby London. Dalam pertandingan tersebut Chelsea berhasil memetik hasil sempurna dengan mengalahkan Arsenal dengan Skor 3-0.  Dimana 2 gol dicetak oleh Didier Drogba pada menit ke 41. Berawal dari crossing Ashley Cole yang disambut 1 sentuhan terarah dari Drogba hingga membuat kiper Arsenal Manuel Alumunia tak berkutik. Sementara Gol kedua tercipta akibat gol bunuh diri Vermaelen yang salah mengantipasi crossing dari Ashley Cole. Pada menit ke 86 Drogba kembali mencetak gol dari tendangan bebas yang sangat terukur. Kedua Gol Drogba Tersebut masuk dalam 10 gol terbaik mingguan, dan goal Drogba dari tendangan bebas tersebut menjadi Goal Of The Week.</p>
<p>Cuplikan Pertandingan dapat dilihat <a href="http://www.youtube.com/watch?v=AW3p_oiUcAY&amp;annotation_id=annotation_847952&amp;feature=iv" target="_self">di sini</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tofanc.com/2009/12/03/2-goal-fantastis-drogba.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Membuat animasi gambar bergerak dengan flash #2</title>
		<link>http://www.tofanc.com/2009/08/03/membuat-animasi-gambar-bergerak-dengan-flash-2.html</link>
		<comments>http://www.tofanc.com/2009/08/03/membuat-animasi-gambar-bergerak-dengan-flash-2.html#comments</comments>
		<pubDate>Mon, 03 Aug 2009 03:05:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Flash]]></category>

		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[animasi]]></category>

		<category><![CDATA[animation]]></category>

		<category><![CDATA[CCW]]></category>

		<category><![CDATA[CW]]></category>

		<category><![CDATA[kotak]]></category>

		<category><![CDATA[lingkaran]]></category>

		<category><![CDATA[macromedia]]></category>

		<category><![CDATA[objek]]></category>

		<category><![CDATA[rotasi]]></category>

		<category><![CDATA[rotate]]></category>

		<category><![CDATA[tween]]></category>

		<guid isPermaLink="false">http://www.tofanc.com/?p=170</guid>
		<description><![CDATA[Setelah sebelumnya membuat animasi yang berupa gerakan,,, kali ini adalah membuat animasi rotasi/putaran.
Pertama buka dulu flasnya. kali ini saya memakai Macromedia flash 8 (turun dr yg sebelumnya Adobe flash CS3.hehe). Maka akan muncul seperti di bawah (gambar 1)

pilih flash document.. maka akan muncul jendela kerja seperti barikut (gambar 2)

Agar putarannya terlihat,, jangan gunakan objek berbentuk [...]]]></description>
			<content:encoded><![CDATA[<p>Setelah sebelumnya membuat animasi yang berupa gerakan,,, kali ini adalah membuat animasi rotasi/putaran.<br />
Pertama buka dulu flasnya. kali ini saya memakai Macromedia flash 8 (turun dr yg sebelumnya Adobe flash CS3.hehe). Maka akan muncul seperti di bawah (gambar 1)</p>
<p style="text-align: center;"><a href="http://www.tofanc.com/wp-content/uploads/2009/08/1.bmp"><img class="aligncenter size-full wp-image-171" title="1" src="http://www.tofanc.com/wp-content/uploads/2009/08/1.bmp" alt="1" width="457" height="349" /></a></p>
<p>pilih flash document.. maka akan muncul jendela kerja seperti barikut (gambar 2)</p>
<p style="text-align: center;"><a href="http://www.tofanc.com/wp-content/uploads/2009/08/2.bmp"><img class="aligncenter size-full wp-image-178" title="2" src="http://www.tofanc.com/wp-content/uploads/2009/08/2.bmp" alt="2" width="408" height="230" /></a></p>
<p>Agar putarannya terlihat,, jangan gunakan objek berbentuk lingkaran,, karena kalau lingkaran nggak akan kelihatan muter.. untuk itu saya gunakan kotak saja.. caranya klik rectangle tool atau tekan (R). (gambar 3)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/08/3.bmp"><img class="aligncenter size-full wp-image-172" title="3" src="http://www.tofanc.com/wp-content/uploads/2009/08/3.bmp" alt="3" /></a>kita jg dapat mengatur warna pada color bar(gambar 4)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/08/4.bmp"><img class="aligncenter size-full wp-image-173" title="4" src="http://www.tofanc.com/wp-content/uploads/2009/08/4.bmp" alt="4" /></a>lalu buat objek kotak pada lembar kerja seperti berikut (gambar 5)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/08/5.bmp"><img class="aligncenter size-full wp-image-174" title="5" src="http://www.tofanc.com/wp-content/uploads/2009/08/5.bmp" alt="5" /></a></p>
<p>Lalu klik selection tool (V) (gambar 6)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/08/6.bmp"><img class="aligncenter size-full wp-image-175" title="6" src="http://www.tofanc.com/wp-content/uploads/2009/08/6.bmp" alt="6" /></a></p>
<p>Klik kanan pada objek lalu pilih distribute to layers (gambar 7)</p>
<p style="text-align: center;"><a href="http://www.tofanc.com/wp-content/uploads/2009/08/6.bmp"></a><a href="http://www.tofanc.com/wp-content/uploads/2009/08/7.bmp"><img class="aligncenter size-full wp-image-176" title="7" src="http://www.tofanc.com/wp-content/uploads/2009/08/7.bmp" alt="7" width="412" height="275" /></a></p>
<p>maka akan muncul layer baru (gambar 8)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/08/8.bmp"><img class="aligncenter size-full wp-image-177" title="8" src="http://www.tofanc.com/wp-content/uploads/2009/08/8.bmp" alt="8" /></a></p>
<p>klik kanan frame 30 pada layer 2 lalu pilih insert keyframe (gambar 9)</p>
<p style="text-align: center;"><a href="http://www.tofanc.com/wp-content/uploads/2009/08/9.bmp"><img class="aligncenter size-full wp-image-179" title="9" src="http://www.tofanc.com/wp-content/uploads/2009/08/9.bmp" alt="9" width="426" height="305" /></a></p>
<p>maka akan muncul seperti berikut (gambar 10)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/08/10.bmp"><img class="aligncenter size-full wp-image-180" title="10" src="http://www.tofanc.com/wp-content/uploads/2009/08/10.bmp" alt="10" /></a>Klik kanan frame yang ada di antara frame 1 sampai frame 30 lalu pilih create motion tween (gambar 11)</p>
<p style="text-align: center;"><a href="http://www.tofanc.com/wp-content/uploads/2009/08/11.bmp"><img class="aligncenter size-full wp-image-181" title="11" src="http://www.tofanc.com/wp-content/uploads/2009/08/11.bmp" alt="11" width="393" height="313" /></a></p>
<p>maka akan muncul tanda panah seperti berikut (gambar 12)</p>
<p style="text-align: center;"><a href="http://www.tofanc.com/wp-content/uploads/2009/08/12.bmp"><img class="aligncenter size-full wp-image-182" title="12" src="http://www.tofanc.com/wp-content/uploads/2009/08/12.bmp" alt="12" width="356" height="180" /></a></p>
<p>Lalu lihat pada tab properties (gambar 13)</p>
<p style="text-align: center;"><a href="http://www.tofanc.com/wp-content/uploads/2009/08/13.bmp"><img class="aligncenter size-full wp-image-183" title="13" src="http://www.tofanc.com/wp-content/uploads/2009/08/13.bmp" alt="13" width="408" height="230" /></a></p>
<p>klik pada kolom rotate (gambar 14)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/08/14.bmp"><img class="aligncenter size-full wp-image-184" title="14" src="http://www.tofanc.com/wp-content/uploads/2009/08/14.bmp" alt="14" /></a>di dalamnya ada CW dan CCW,, CW(ClockWise) artinya putaran searah jarum jam dan CCW(CounterClockWise) berlawanan jarum jam. pilih salah satu. lalu coba play dengan menekan Ctrl+Enter</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tofanc.com/2009/08/03/membuat-animasi-gambar-bergerak-dengan-flash-2.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Membuat Animasi gambar bergerak dengan flash #1</title>
		<link>http://www.tofanc.com/2009/06/09/membuat-animasi-gambar-bergerak-dengan-flash-1.html</link>
		<comments>http://www.tofanc.com/2009/06/09/membuat-animasi-gambar-bergerak-dengan-flash-1.html#comments</comments>
		<pubDate>Tue, 09 Jun 2009 14:34:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Flash]]></category>

		<category><![CDATA[adobe]]></category>

		<category><![CDATA[animasi]]></category>

		<category><![CDATA[background]]></category>

		<category><![CDATA[bergerak]]></category>

		<category><![CDATA[cs3]]></category>

		<category><![CDATA[frame]]></category>

		<category><![CDATA[gambar]]></category>

		<category><![CDATA[kotak]]></category>

		<category><![CDATA[layer]]></category>

		<category><![CDATA[objek]]></category>

		<category><![CDATA[tool]]></category>

		<category><![CDATA[tween]]></category>

		<guid isPermaLink="false">http://www.tofanc.com/?p=154</guid>
		<description><![CDATA[okey&#8230;. buat kalian yang ingin belajar flash, barikut ini ada sedikit tutorial membuat animasi objek bergerak untuk pemula dengan flash.
di sini saya menggunakan adobe flash CS 3, tapi gak jauh beda kok dengan macromedia flash.
nah langsung saja kita mulai, pertama buka aplikasi flash, maka akan muncul jendela seperti berikut

pilih menu yang paling atas saja&#8230;.
setelah itu [...]]]></description>
			<content:encoded><![CDATA[<p>okey&#8230;. buat kalian yang ingin belajar flash, barikut ini ada sedikit tutorial membuat animasi objek bergerak untuk pemula dengan flash.<br />
di sini saya menggunakan adobe flash CS 3, tapi gak jauh beda kok dengan macromedia flash.<br />
nah langsung saja kita mulai, pertama buka aplikasi flash, maka akan muncul jendela seperti berikut</p>
<p style="text-align: center;"><a href="http://www.tofanc.com/wp-content/uploads/2009/06/1.png"><img class="aligncenter size-medium wp-image-157" title="1 - klik untuk memperbesar" src="http://www.tofanc.com/wp-content/uploads/2009/06/1-300x231.png" alt="1" width="300" height="231" /></a></p>
<p>pilih menu yang paling atas saja&#8230;.<br />
setelah itu akan muncul lembar kerja flash&#8230;<br />
pada bagian bawah jendela kerja terdapat jendela properties yang berfungsi mengatur lembar kerja seperti berikut</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/06/2.png"><img class="aligncenter size-medium wp-image-158" title="klik untuk memperbesar" src="http://www.tofanc.com/wp-content/uploads/2009/06/2-300x60.png" alt="klik untuk memperbesar" width="300" height="60" /></a></p>
<p>size : untuk mengatur resolusi<br />
publish : untuk pengaturan publikasi flash<br />
background : untuk pengaturan warna background<br />
frame rate : untuk pengaturan jumlah frame perdetik</p>
<p>selanjutnya buatlah sebuah objek, disini saya akan mencontohkan dengan membuat sebuah objek kotak<br />
pertama tentukan warna objek klik fill color seperti berikut.</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/06/3.png"><img class="aligncenter size-full wp-image-159" title="3" src="http://www.tofanc.com/wp-content/uploads/2009/06/3.png" alt="3" width="112" height="219" /></a></p>
<p>lalu buatlah kotak dengan menggunakan recctangle tool seperti berikut</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/06/4.png"><img class="aligncenter size-full wp-image-160" title="4" src="http://www.tofanc.com/wp-content/uploads/2009/06/4.png" alt="4" width="108" height="197" /></a></p>
<p>lalu buat objek kotak pada lembar kerja, lalu klik kanan objek lalu pilih distribute to layers seperti berikut</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/06/5.png"><img class="aligncenter size-medium wp-image-161" title="5 - klik untuk memperbesar" src="http://www.tofanc.com/wp-content/uploads/2009/06/5-286x300.png" alt="5 - klik untuk memperbesar" width="286" height="300" /></a></p>
<p>maka akan muncul 1 layer lagi seperti berikut.</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/06/6.png"><img class="aligncenter size-full wp-image-162" title="6" src="http://www.tofanc.com/wp-content/uploads/2009/06/6.png" alt="6" width="261" height="202" /></a></p>
<p>selanjutnya klik kanan pada frame ke 15 lalu pilih insert keyframe seperti berikut</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/06/7.png"><img class="aligncenter size-medium wp-image-163" title="7 - klik untuk memperbesar" src="http://www.tofanc.com/wp-content/uploads/2009/06/7-300x153.png" alt="7 - klik untuk memperbesar" width="300" height="153" /></a></p>
<p>setelah itu klik kanan layer antara layer 1 dengan 15 lalu pilih create motion tween seperti berikut</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/06/8.png"><img class="aligncenter size-medium wp-image-164" title="8 - klik untuk memperbesar" src="http://www.tofanc.com/wp-content/uploads/2009/06/8-300x139.png" alt="8 - klik untuk memperbesar" width="300" height="139" /></a></p>
<p>selanjutnya klik pada layer 15, lalu piih selection tool atau tekan v</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/06/9.png"><img class="aligncenter size-medium wp-image-165" title="9 - klik untuk memperbesar" src="http://www.tofanc.com/wp-content/uploads/2009/06/9-300x156.png" alt="9 - klik untuk memperbesar" width="300" height="156" /></a></p>
<p>setelah itu geser objek kotak ke arah lain seperti berikut</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/06/10.png"><img class="aligncenter size-medium wp-image-166" title="10 - klik untuk memperbesar" src="http://www.tofanc.com/wp-content/uploads/2009/06/10-300x187.png" alt="10 - klik untuk memperbesar" width="300" height="187" /></a></p>
<p>langkah terakhir coba jalankan dengan menekan Ctrl+Enter<br />
Mudah kan??<br />
Selamat mencoba&#8230;&#8230;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tofanc.com/2009/06/09/membuat-animasi-gambar-bergerak-dengan-flash-1.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Membuat Animasi gif dengan Adobe Photoshop</title>
		<link>http://www.tofanc.com/2009/05/22/membuat-animasi-gif-dengan-adobe-photoshop.html</link>
		<comments>http://www.tofanc.com/2009/05/22/membuat-animasi-gif-dengan-adobe-photoshop.html#comments</comments>
		<pubDate>Fri, 22 May 2009 13:43:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Tutorial]]></category>

		<category><![CDATA[adobe]]></category>

		<category><![CDATA[animasi]]></category>

		<category><![CDATA[banner]]></category>

		<category><![CDATA[frame]]></category>

		<category><![CDATA[gambar]]></category>

		<category><![CDATA[gif]]></category>

		<category><![CDATA[image]]></category>

		<category><![CDATA[logo]]></category>

		<category><![CDATA[photoshop]]></category>

		<category><![CDATA[tween]]></category>

		<guid isPermaLink="false">http://www.tofanc.com/?p=121</guid>
		<description><![CDATA[Pasti kita semua udah sering liat animasi image berbentuk gif kan??? Mungkin juga banyak yang naya gimana sich cara buatnya?? Susah gak sich buatnya?? Sebenernya cara buatnya gak terlalu susah,.. tapi juga gak terlalu gampang  hehehe&#8230;.. Sebenernya gambar berbentuk gif tu cuma image2 yang saat digabung jadi satu membentuk seolah2 seperti sebuah motion. Contohnya [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Pasti kita semua udah sering liat animasi image berbentuk gif kan??? Mungkin juga banyak yang naya gimana sich cara buatnya?? Susah gak sich buatnya?? Sebenernya cara buatnya gak terlalu susah,.. tapi juga gak terlalu gampang <img src='http://www.tofanc.com/wp-content/plugins/smilies-themer/monkey/m048.gif' alt=':jadimalu:' class='wp-smiley' /> hehehe&#8230;.. Sebenernya gambar berbentuk gif tu cuma image2 yang saat digabung jadi satu membentuk seolah2 seperti sebuah motion. Contohnya seperti 5 kertas, kertas pertama diberi gambar di sisi kiri, lalu kertas kedua agak disebelah kanan,, dan seterusnya&#8230;&#8230; lalu ditumpuk jadiin satu, maka saat dibuka berurutan akan membentuk seolah seperti sebuah gerakan&#8230; nah sama seperti gif juga konsepya seperti itu&#8230;</p>
<p style="text-align: left;"><a href="http://www.tofanc.com/wp-content/uploads/2009/05/tofanc.gif"><img class="aligncenter size-full wp-image-122" title="tofanc" src="http://www.tofanc.com/wp-content/uploads/2009/05/tofanc.gif" alt="tofanc" width="125" height="125" /></a></p>
<p>Nah&#8230;. sekarang lansung kita mulai aja buat gif pake photoshop. Pertama buat dulu fie photoshop yang di dalamnya terdapat 3 layer, yaitu logo,text dan background(putih aja). Seperti gambar berikut&gt;(Gambar 1)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-1.png"><img class="aligncenter size-medium wp-image-123" title="gambar-1 Click to preview large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-1-300x142.png" alt="gambar-1 Click to preview large image" width="300" height="142" /></a></p>
<p>Lalu aktifkan jendela animasi klik windows &gt; animation seperti gambar berikut&#8230;(Gambar 2)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-2.png"><img class="aligncenter size-medium wp-image-124" title="gambar-2 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-2-300x224.png" alt="gambar-2 Click to view large image" width="300" height="224" /></a></p>
<p>Sehingga akan muncul tampilah seperti berikut&#8230;(Gambar 3)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-3.png"><img class="aligncenter size-medium wp-image-125" title="Gambar-3 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-3-300x162.png" alt="Gambar-3 Click to view large image" width="300" height="162" /></a></p>
<p>lalu klik duplicates selected frames yang ada di bagian bawah jendela animasi&#8230;(Gambar 4)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-4.png"><img class="aligncenter size-medium wp-image-126" title="Gambar-4 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-4-300x167.png" alt="Gambar-4 Click to view large image" width="300" height="167" /></a></p>
<p>sehingga akan muncul satu gambar lagi di sebelahnya&#8230;.(Gambar 5)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-5.png"><img class="aligncenter size-medium wp-image-127" title="gambar-5 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-5-300x121.png" alt="gambar-5 Click to view large image" width="300" height="121" /></a></p>
<p>Selanjutnya klik frame pertama lalu klik pada layer logo dan buat opacity menjadi 0%&#8230;(Gambar 6)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-6.png"><img class="aligncenter size-medium wp-image-128" title="gambar-6 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-6-300x229.png" alt="gambar-6 Click to view large image" width="300" height="229" /></a></p>
<p>biasanya kalo frame 1 kita edit, frame selanjutnya juga ikutan teredit, jadi pada frame 2 opacitynya diganti 100%. Lalu masih di frame 1, geser text ke kiri keluar area gambar&#8230;(Gambar 7)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-7.png"><img class="aligncenter size-medium wp-image-129" title="gambar-7 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-7-300x181.png" alt="gambar-7 Click to view large image" width="300" height="181" /></a></p>
<p>lalu klik tweens animation frames&#8230;.(Gambar 8)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-8.png"><img class="aligncenter size-medium wp-image-130" title="gambar-8 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-8-300x170.png" alt="gambar-8 Click to view large image" width="300" height="170" /></a></p>
<p>maka akan muncul jendela tween seperti berikut&#8230;(Gambar 9)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-9.png"><img class="aligncenter size-medium wp-image-131" title="gambar-9 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-9-300x244.png" alt="gambar-9 Click to view large image" width="300" height="244" /></a></p>
<p>pada kolom frames to add isikan 10 saja. jika sudah maka akan muncul 10 gambar baru yang berurutan. untuk memutarnnya klik play di bagian bawah jendela animasi.<br />
Untuk lebih memperindah tampilan, buat gambar kotak dengan Rectangle tool, tapi pastikan warnanya sama dengan background disini saya gunakan putih.(Gambar 10)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-10.png"><img class="aligncenter size-full wp-image-132" title="gambar-10" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-10.png" alt="gambar-10" width="146" height="157" /></a></p>
<p>Buat kotak di samping gambar seperti berikut&#8230;.(Gambar 11)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-11.png"><img class="aligncenter size-medium wp-image-133" title="gambar-11" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-11-300x184.png" alt="gambar-11" width="300" height="184" /></a></p>
<p>Klik move tool atau tekan v(gambar 12)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-12.png"><img class="aligncenter size-full wp-image-134" title="gambar-12 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-12.png" alt="gambar-12 Click to view large image" width="241" height="147" /></a></p>
<p>Pilih menu edit &gt; transform path &gt; rotate (Gambar 13)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-13.png"><img class="aligncenter size-medium wp-image-135" title="gambar-13 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-13-232x300.png" alt="gambar-13 Click to view large image" width="232" height="300" /></a></p>
<p>Edit sudut riotasi menjadi kurang lebih 40 (Gambar 14)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-14.png"><img class="aligncenter size-medium wp-image-136" title="gambar-14 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-14-300x89.png" alt="gambar-14 Click to view large image" width="300" height="89" /></a></p>
<p>ubah posisi kotak menjadi lebih dekan dengan gambar logo (Gambar 15)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-15.png"><img class="aligncenter size-full wp-image-137" title="gambar-15" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-15.png" alt="gambar-15" width="295" height="215" /></a></p>
<p>Pada jendela layer, ubah tab bertuliskan normal menjadi soft light (Gambar 16)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-16.png"><img class="aligncenter size-medium wp-image-138" title="gambar-16 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-16-238x300.png" alt="gambar-16 Click to view large image" width="238" height="300" /></a></p>
<p>Lalu klik Duplicate selected frame seperti tadi, lalu ubah posisi kotak seperti berikut (Gambar 17)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-17.png"><img class="aligncenter size-medium wp-image-139" title="gambar-17" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-17-300x214.png" alt="gambar-17" width="300" height="214" /></a></p>
<p>Coba jalankan&#8230;<br />
Untuk menyimpan, klik menu file &gt; save for web &amp; device atau tekan Alt+Shift+Ctrl+S (Gambar 18)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-18.png"><img class="aligncenter size-medium wp-image-140" title="gambar-18 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-18-193x300.png" alt="gambar-18 Click to view large image" width="193" height="300" /></a></p>
<p>Maka akan muncul Jendela Seperti berikut (Gambar 19)</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-19.png"><img class="aligncenter size-medium wp-image-141" title="gambar-19 Click to view large image" src="http://www.tofanc.com/wp-content/uploads/2009/05/gambar-19-300x158.png" alt="gambar-19 Click to view large image" width="300" height="158" /></a></p>
<p>pilih lokasi penyimpanan dan lihat hasilnya&#8230;..</p>
<p>Selamat mencoba&#8230;&#8230;&#8230;..</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tofanc.com/2009/05/22/membuat-animasi-gif-dengan-adobe-photoshop.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Mau Ganti tema mozilla firefox kamu&#8230;..??</title>
		<link>http://www.tofanc.com/2009/04/30/mau-ganti-tema-mozilla-firefox-kamu.html</link>
		<comments>http://www.tofanc.com/2009/04/30/mau-ganti-tema-mozilla-firefox-kamu.html#comments</comments>
		<pubDate>Thu, 30 Apr 2009 08:20:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Downloads]]></category>

		<category><![CDATA[add-on]]></category>

		<category><![CDATA[firefox]]></category>

		<category><![CDATA[mozilla]]></category>

		<category><![CDATA[plug-in]]></category>

		<category><![CDATA[themes]]></category>

		<guid isPermaLink="false">http://www.tofanc.com/?p=99</guid>
		<description><![CDATA[Buat kamu yang pengen ganti tema/tampilan mozilla firefoxnya, di bawah ini udah aku sediain linknya :gajelas:. Buat yang belum tau cara gantinya(payah, masak gak tau sich&#8230;?  :jadimalu:  hehe&#8230;.) Gampag kok, cuma kayak nambah plug-in di mozilla.
Mostly Cristal
Aluminium Kai
Abstract Classic
Blue Ice
Noia 2.0 (eXtreme)
myFireFox
Metal Lion - Vista

Kempelton PE
iFox Smooth
Pink Paula / PP 2
Aluminum Alloy
Red Cats (green flavor)
MidnightFox
macfox [...]]]></description>
			<content:encoded><![CDATA[<p>Buat kamu yang pengen ganti tema/tampilan mozilla firefoxnya, di bawah ini udah aku sediain linknya :gajelas:. Buat yang belum tau cara gantinya(payah, masak gak tau sich&#8230;?  :jadimalu:  hehe&#8230;.) Gampag kok, cuma kayak nambah plug-in di mozilla.</p>
<p><a href="http://www.tom-cat.com/mozilla/firefox.html">Mostly Cristal</a></p>
<p><a href="http://franklion.blog.co.uk/">Aluminium Kai</a></p>
<p><a href="https://addons.mozilla.org/firefox/4391/">Abstract Classic</a></p>
<p><a href="https://addons.mozilla.org/firefox/3085/">Blue Ice</a></p>
<p><a href="https://addons.mozilla.org/firefox/72/">Noia 2.0 (eXtreme)</a></p>
<p><a href="https://addons.mozilla.org/firefox/4129/">myFireFox</a></p>
<p><a href="https://addons.mozilla.org/firefox/4325/">Metal Lion - Vista</a></p>
<p><span id="more-99"></span></p>
<p><a href="https://addons.mozilla.org/firefox/4130/">Kempelton PE</a></p>
<p><a href="https://addons.mozilla.org/firefox/1830/">iFox Smooth</a></p>
<p><a href="https://addons.mozilla.org/firefox/2822/">Pink Paula / PP 2</a></p>
<p><a href="https://addons.mozilla.org/firefox/3637/">Aluminum Alloy</a></p>
<p><a href="https://addons.mozilla.org/firefox/104/">Red Cats</a> (green flavor)</p>
<p><a href="http://www.twistermc.com/blog/midnightfox-dark-firefox-theme/">MidnightFox</a></p>
<p><a href="https://addons.mozilla.org/firefox/3174/">macfox II</a></p>
<p><a href="https://addons.mozilla.org/firefox/1439/">Azerty III</a></p>
<p><a href="https://addons.mozilla.org/firefox/1527/">Acid Burn </a></p>
<p><a href="https://addons.mozilla.org/firefox/1527/"></a></p>
<p><a href="https://addons.mozilla.org/firefox/7/">Qute</a></p>
<p><a href="https://addons.mozilla.org/firefox/1406/">Phoenity</a><br />
Classic.</p>
<p><a href="https://addons.mozilla.org/firefox/3918/">Tinseltown</a></p>
<p class="akpc_pop">
<p class="akpc_pop"><a href="https://addons.mozilla.org/firefox/275/">Scribblies Kids</a></p>
<p class="akpc_pop">
<p class="akpc_pop"><a href="http://www.blogmanno.com/?q=ff-themes">Ubuntu Human Theme</a></p>
<p class="akpc_pop">
<p class="akpc_pop"><a href="http://imsuden2.blogspot.com/2005/06/opera-theme-for-firefox_13.html">Opera Them</a></p>
<p class="akpc_pop">
<p class="akpc_pop">Met nyobain&#8230;&#8230;.. <img src='http://www.tofanc.com/wp-content/plugins/smilies-themer/monkey/m015.gif' alt=':gaktahan:' class='wp-smiley' /> </p>
<p class="akpc_pop">ditranslate from <a href="http://www.smashingmagazine.com/2007/02/27/firefox-themes-in-an-overview/" target="_blank">http://www.smashingmagazine.com/2007/02/27/firefox-themes-in-an-overview/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tofanc.com/2009/04/30/mau-ganti-tema-mozilla-firefox-kamu.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Download Video dari Youtube</title>
		<link>http://www.tofanc.com/2009/04/19/youtube-video-downloader.html</link>
		<comments>http://www.tofanc.com/2009/04/19/youtube-video-downloader.html#comments</comments>
		<pubDate>Sun, 19 Apr 2009 21:55:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Tutorial]]></category>

		<category><![CDATA[Downloads]]></category>

		<category><![CDATA[keepvid]]></category>

		<category><![CDATA[video]]></category>

		<category><![CDATA[youtube]]></category>

		<category><![CDATA[youtubedownloader]]></category>

		<guid isPermaLink="false">http://www.tofanc.com/?p=87</guid>
		<description><![CDATA[Tentu udah nggak asing lagi bagi kita kalo denger Youtube, :yes:  ya situs web yang menyediakan layanan video. namun bagi sebagian orang, banyak yang masih bingung cara untuk mendownloadnya. Ada beberapa cara untuk download video dari youtube salah satunya yaitu  dengan mendownload software lain. Caranya download youtube downloader dengan klik disini selanjutnya tinggal ikuti instruksi2nya. [...]]]></description>
			<content:encoded><![CDATA[<p>Tentu udah nggak asing lagi bagi kita kalo denger Youtube, :yes:  ya situs web yang menyediakan layanan video. namun bagi sebagian orang, banyak yang masih bingung cara untuk mendownloadnya. Ada beberapa cara untuk download video dari youtube salah satunya yaitu  dengan mendownload software lain. Caranya download youtube downloader dengan <a href="http://download.cnet.com/YouTube-Downloader/3000-2071_4-10647340.html" target="_blank">klik disini</a> selanjutnya tinggal ikuti instruksi2nya. Cara yang lain yaitu dengan memakai situs web lain. Cara ini banyak digunakan oleh temen2 saya karena lebih simpel dan tidak perlu download ataupun instal software lagi. Caranya yaitu pertama buka situs youtube lalu buka video yang pengen kamu download, setelah itu copy alamat URL-nya. Selanjutnya buka <a href="http://keepvid.com/" target="_blank">http://keepvid.com/</a> maka akan muncul tampilan seperti di bawah ini</p>
<p><span id="more-87"></span></p>
<p style="text-align: center;"><img class="size-full wp-image-88 aligncenter" title="keepvid" src="http://www.tofanc.com/wp-content/uploads/2009/04/keepvid.jpg" alt="keepvid" width="709" height="406" /></p>
<p style="text-align: left;">Setelah itu paste URL yang tadi kamu copy ke kolom URL lalu klik download maka akan muncul seperti berikut.</p>
<p style="text-align: left;"><img class="size-full wp-image-89 aligncenter" title="keepvid-2" src="http://www.tofanc.com/wp-content/uploads/2009/04/keepvid-2.jpg" alt="keepvid-2" width="654" height="393" />lalu akan ada 2 pilihan yaitu dowload dalam format flv atau mp4, kalo kamu mau kualitas video yang bagus pilih yang formatnya mp4 walaupun filenya agak besar dibandingkan flv. Selesai&#8230;.. <img src='http://www.tofanc.com/wp-content/plugins/smilies-themer/monkey/m087.gif' alt=':sip:' class='wp-smiley' /> </p>
<p style="text-align: center;">&gt;&gt;SELAMAT MENCOBA&lt;&lt;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tofanc.com/2009/04/19/youtube-video-downloader.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Mengganti Tema pada Facebook</title>
		<link>http://www.tofanc.com/2009/04/12/change-facebook-themes.html</link>
		<comments>http://www.tofanc.com/2009/04/12/change-facebook-themes.html#comments</comments>
		<pubDate>Sun, 12 Apr 2009 18:29:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Tutorial]]></category>

		<category><![CDATA[add-on]]></category>

		<category><![CDATA[boost for facebook]]></category>

		<category><![CDATA[change themes]]></category>

		<category><![CDATA[facebook]]></category>

		<category><![CDATA[facebook themes]]></category>

		<category><![CDATA[firefox]]></category>

		<category><![CDATA[mozilla]]></category>

		<category><![CDATA[themes]]></category>

		<guid isPermaLink="false">http://www.tofanc.com/?p=76</guid>
		<description><![CDATA[Sebagian besar orang mungkin nggak tahu cara mengubah tema di facebook atau bahkan ada yang mengira bahwa tema facebook tidak dapat di ganti. Di sini saya akan membagikan cara mengubah tema pada fecebook.  
Berikut ini adalah langkah-langkahnya:

pertama kunjungi https://addons.mozilla.org/en-US/firefox/addon/3120 atau klik di sini
lalu install add-ons boost for facebook  pada mozilla firefox (ini hanya [...]]]></description>
			<content:encoded><![CDATA[<p>Sebagian besar orang mungkin nggak tahu cara mengubah tema di facebook atau bahkan ada yang mengira bahwa tema facebook tidak dapat di ganti. Di sini saya akan membagikan cara mengubah tema pada fecebook. <img src='http://www.tofanc.com/wp-content/plugins/smilies-themer/monkey/m081.gif' alt=':awaslo:' class='wp-smiley' /> </p>
<p>Berikut ini adalah langkah-langkahnya:</p>
<ul>
<li>pertama kunjungi https://addons.mozilla.org/en-US/firefox/addon/3120 atau klik <a href="https://addons.mozilla.org/en-US/firefox/addon/3120" target="_blank">di sini</a></li>
<li>lalu install add-ons <strong>boost for facebook </strong> pada mozilla firefox (ini hanya bekerja pada mozilla firefox versi 3)</li>
<li>restart firefox</li>
</ul>
<p><span id="more-76"></span></p>
<ul>
<li>klik ikon ekxtensi baru<img class="alignnone size-full wp-image-82" title="8" src="http://www.tofanc.com/wp-content/uploads/2009/04/8.jpg" alt="8" width="38" height="20" /> pada pojok kanan bawah firefox kamu</li>
<li>setelah itu akan muncul windows baru</li>
<li>klik tab <strong>Display</strong></li>
<li>beri tanda Check pada <strong>Skin top menu bar</strong> dan<strong> Apply light color to Posts</strong></li>
<li>pilih <strong>preloaded skins </strong>untuk memnilih skin</li>
</ul>
<p style="text-align: center;"><img class="size-full wp-image-78 aligncenter" title="fb3" src="http://www.tofanc.com/wp-content/uploads/2009/04/fb3.png" alt="fb3" width="282" height="489" /></p>
<ul>
<li>jika sudah klik <strong>ok</strong></li>
<li>restart firefox</li>
<li>buka account facebook kamu</li>
<li>done.</li>
</ul>
<p>nb: tampilan ini hanya berlaku untuk komputer kamu aja, jika dibuka di komputer lain hasilnya tetap sama saja&#8230;  <img src='http://www.tofanc.com/wp-content/plugins/smilies-themer/monkey/m048.gif' alt=':jadimalu:' class='wp-smiley' /> </p>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://www.tofanc.com/2009/04/12/change-facebook-themes.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Cara mendaftar ke google search</title>
		<link>http://www.tofanc.com/2009/04/06/cara-mendaftar-ke-google-search.html</link>
		<comments>http://www.tofanc.com/2009/04/06/cara-mendaftar-ke-google-search.html#comments</comments>
		<pubDate>Mon, 06 Apr 2009 17:49:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Tutorial]]></category>

		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://www.tofanc.com/?p=70</guid>
		<description><![CDATA[Mungkin kebanyakan orang yang baru mengenal dunia website/blog mengira bahwa jika kita sudah membuat suatu web/blog, maka kita mengira bahwa website/blog yang kita buat akan secara otomatis tampil di google search. Padahal untuk menampikan website kita ke google kita harus terlebih dahulu mendaftarkan website/blog yang kita buat terlebih dahulu. Untuk mendaftarkannya  cukup mudah yaitu [...]]]></description>
			<content:encoded><![CDATA[<p>Mungkin kebanyakan orang yang baru mengenal dunia website/blog mengira bahwa jika kita sudah membuat suatu web/blog, maka kita mengira bahwa website/blog yang kita buat akan secara otomatis tampil di google search. Padahal untuk menampikan website kita ke google kita harus terlebih dahulu mendaftarkan website/blog yang kita buat terlebih dahulu. Untuk mendaftarkannya  cukup mudah yaitu pertama buka <a href="http://google.com/addurl" target="_blank">http://www.google.com/addurl</a> maka akan muncul gambar seperti berikut.</p>
<p><img class="alignnone size-full wp-image-71" title="google" src="http://www.tofanc.com/wp-content/uploads/2009/04/google.jpg" alt="google" width="514" height="336" /><br />
Isi form tersebut<br />
<strong>URL</strong> : isi dengan alamat web/blog kamu, tapi jangan lupa memakai http:// contoh http://www.google.com<br />
<strong>Comment</strong> : isi dengan komentar atau kata kunci yang menyangkut konten pada website kita<br />
<strong>Optiona</strong>l	: isi dengan tolisan yang tertera pada kotak di atasnya<br />
Setelah itu klik Add URL dan tunggu sekitar 2-3 hari biasanya website kamu baru akan terdaftar</p>
<p>&lt;&lt;&lt;&lt;SELAMAT MENCOBA&gt;&gt;&gt;&gt;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tofanc.com/2009/04/06/cara-mendaftar-ke-google-search.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Memberi Member Area pada Wordpress</title>
		<link>http://www.tofanc.com/2009/04/03/wp-members.html</link>
		<comments>http://www.tofanc.com/2009/04/03/wp-members.html#comments</comments>
		<pubDate>Sat, 04 Apr 2009 01:12:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Tutorial]]></category>

		<category><![CDATA[Downloads]]></category>

		<category><![CDATA[login]]></category>

		<category><![CDATA[member area]]></category>

		<category><![CDATA[plugin]]></category>

		<category><![CDATA[register]]></category>

		<category><![CDATA[wordpress]]></category>

		<category><![CDATA[WP-Members]]></category>

		<guid isPermaLink="false">http://desaint.co.cc/?p=35</guid>
		<description><![CDATA[Kita Sudah sering melihat sebuah website yang di dalamnya terdapat sebuah member area untuk tempat registrasi member. Kita juga bisa menambahkan member area pada wordpress, tapi kita harus download dulu pluginnya(wp-members). Klik disini untuk download. Setelah mendownload, upload plugin pada direktory  root /alamat-web kamu /htdocs /wp-content /plugins/. nah setelah terupload sekarang kita mulai mengaktifkannya lewat [...]]]></description>
			<content:encoded><![CDATA[<p>Kita Sudah sering melihat sebuah website yang di dalamnya terdapat sebuah member area untuk tempat registrasi member. Kita juga bisa menambahkan member area pada wordpress, tapi kita harus download dulu pluginnya(wp-members). Klik <a href="http://www.ziddu.com/download/4141472/wp-members-2-1-b.zip.html" target="_blank">disini</a> untuk download. Setelah mendownload, upload plugin pada direktory  root /alamat-web kamu /htdocs /wp-content /plugins/. nah setelah terupload sekarang kita mulai mengaktifkannya lewat wordpress.</p>
<p>Sekarang kita akan mengaktifkan member areanya dengan menggunakan wordpress versi 2.7.1 ,jadi yang wordpressnya belum versi 2.7.1 ya sebaiknya di update dulu ya&#8230;&#8230;.. :)</p>
<p>Pertama yang akan kita lakukan adalah mengaktifkan wp-members caranya yang pertama kita harus masuk ke wordpress dulu, lalu pilih menu <strong>plugins </strong>yang ada di samping kiri, lalu <strong>aktifkan wp-members </strong>seperti pada gambar berikut:</p>
<p style="text-align: center;"><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled.jpg"><img class="aligncenter size-medium wp-image-36" title="untitled" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled-300x134.jpg" alt="untitled" width="300" height="134" /></a></p>
<p style="text-align: center;">
<p style="text-align: center;">Setelah itu pada tab <strong>Setting </strong>pilih<strong> General </strong>lalu pastikan kolom <strong>Anyone can register </strong>telah dalam keadaan check seperti pada gambar berikut.</p>
<p style="text-align: center;"><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled3.jpg"><img class="aligncenter size-medium wp-image-38" title="untitled3" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled3-300x183.jpg" alt="untitled3" width="300" height="183" /></a></p>
<p style="text-align: center;">
<p>Selanjutnya masuk pada tab <strong>Appearance</strong> pilih <strong>Widget, </strong>lalu<strong> </strong>klik<strong> add </strong>pada<strong> WP Member </strong>Seperti berikut.</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled4.jpg"><img class="aligncenter size-medium wp-image-39" title="untitled4" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled4-300x134.jpg" alt="untitled4" width="300" height="134" /></a></p>
<p style="text-align: center;">
<p>Jangan lupa save change.</p>
<p>Langkah selanjutnya adalah menambahkan script di bawah ini</p>
<p>&lt;?php if (!is_user_logged_in()) { $post-&gt;post_password =<br />
wpmem_generatePassword(); } ?&gt;<br />
pada tab <strong>Apperance </strong>lalu pilih<strong> Editor </strong>pilih<strong> Comments(comments.php)</strong>lalu paste letakkan di paling atas script seperti gambar berikut.</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled5.jpg"><img class="aligncenter size-medium wp-image-40" title="untitled5" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled5-300x146.jpg" alt="untitled5" width="300" height="146" /></a></p>
<p style="text-align: center;">
<p>Apakah sudah selesai?</p>
<p>Sabar, masih ada 1 langkah lagi yaitu membuat page <strong>Members . </strong>Caranya<strong> </strong>pilih tab<strong> </strong><strong>Page &gt;&gt; Add New </strong>kemudian guknakan <strong>HTML </strong>view, lalu ketikkan text berikut :</p>
<p>&lt;!&#8211;members-area&#8211;&gt;</p>
<p><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled6.jpg"><img class="aligncenter size-medium wp-image-42" title="untitled6" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled6-300x174.jpg" alt="untitled6" width="300" height="174" /></a></p>
<p style="text-align: center;">
<p style="text-align: left;">Setelah itu jangan lupa isi kolom <strong>slug </strong>dengan &#8220;members-area&#8221; seperti gambar berikut.</p>
<p style="text-align: left;"><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled8.jpg"><img class="aligncenter size-medium wp-image-43" title="untitled8" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled8-300x177.jpg" alt="untitled8" width="300" height="177" /></a></p>
<p style="text-align: center;">
<p>nah sekarang tinggal kamu coba ketikkan posting dengan disisipkan <strong>insert more tags </strong>agar apabila orang mau melihat keseluruhan postingan kamu,mereka harus login dulu&#8230;.</p>
<p>hnnnnaaaah&#8230;&#8230;&#8230;. sekarang sudah bisa dicoba, sekarang coba buka website kamu, maka kira-kira tampilannya akan seperti berikut</p>
<p><strong>saat belum login </strong></p>
<p><strong><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled7.jpg"><img class="aligncenter size-medium wp-image-45" title="untitled7" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled7-300x267.jpg" alt="untitled7" width="300" height="267" /></a><br />
</strong></p>
<p style="text-align: center;"><strong></strong></p>
<p><strong>Saat sudah log in </strong></p>
<p><strong><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled10.jpg"><img class="aligncenter size-medium wp-image-46" title="untitled10" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled10-300x265.jpg" alt="untitled10" width="300" height="265" /></a><br />
</strong></p>
<p style="text-align: center;"><strong></strong></p>
<p><strong>Protected post Saat tidak login</strong></p>
<p><strong><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled11.jpg"><img class="aligncenter size-medium wp-image-47" title="untitled11" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled11-196x300.jpg" alt="untitled11" width="196" height="300" /></a><br />
</strong></p>
<p style="text-align: center;"><strong></strong></p>
<p><strong>Protection post saat sudah log in </strong></p>
<p><strong><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled12.jpg"><img class="aligncenter size-medium wp-image-48" title="untitled12" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled12-300x299.jpg" alt="untitled12" width="300" height="299" /></a><br />
</strong></p>
<p style="text-align: center;"><strong> </strong></p>
<p><strong> Page Member saat tidak login </strong></p>
<p><strong><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled13.jpg"><img class="aligncenter size-medium wp-image-49" title="untitled13" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled13-263x300.jpg" alt="untitled13" width="263" height="300" /></a><br />
</strong></p>
<p style="text-align: center;"><strong> </strong></p>
<p><strong>Member page saat login </strong></p>
<p><strong><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled14.jpg"><img class="aligncenter size-medium wp-image-50" title="untitled14" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled14-300x197.jpg" alt="untitled14" width="300" height="197" /></a><a href="http://www.tofanc.com/wp-content/uploads/2009/04/untitled15.jpg"><img class="aligncenter size-medium wp-image-51" title="untitled15" src="http://www.tofanc.com/wp-content/uploads/2009/04/untitled15-300x215.jpg" alt="untitled15" width="300" height="215" /></a><br />
</strong></p>
<p style="text-align: center;"><strong></strong></p>
<p style="text-align: center;"><strong></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tofanc.com/2009/04/03/wp-members.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Cara mudah membuat website / blog dengan web hosting gratis</title>
		<link>http://www.tofanc.com/2009/04/03/cara-mudah-membuat-website-blog-dengan-web-hosting-gratis.html</link>
		<comments>http://www.tofanc.com/2009/04/03/cara-mudah-membuat-website-blog-dengan-web-hosting-gratis.html#comments</comments>
		<pubDate>Fri, 03 Apr 2009 22:06:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Tutorial]]></category>

		<category><![CDATA[byethost]]></category>

		<category><![CDATA[co.cc]]></category>

		<category><![CDATA[domain]]></category>

		<category><![CDATA[free]]></category>

		<category><![CDATA[gratis]]></category>

		<category><![CDATA[hosting]]></category>

		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://desaint.co.cc/?p=30</guid>
		<description><![CDATA[Artikel ini saya buat untuk teman-teman yang masih belajar membangun website / blog sendiri alias pemula. Artikel ini sudah saya buat sejelas mungkin, dan semoga dapat dimengerti teman-teman semua.
Sebenarnya ada cara mudah membuat website / blog tanpa numpang ke jasa pembuat website seperti wordpress.com , blogger.com atau lain sebagainya. Kali ini kita akan menggunakan webhosting [...]]]></description>
			<content:encoded><![CDATA[<p>Artikel ini saya buat untuk teman-teman yang masih belajar membangun website / blog sendiri alias pemula. Artikel ini sudah saya buat sejelas mungkin, dan semoga dapat dimengerti teman-teman semua.<br />
Sebenarnya ada cara mudah membuat website / blog tanpa numpang ke jasa pembuat website seperti wordpress.com , blogger.com atau lain sebagainya. Kali ini kita akan menggunakan webhosting (apa itu webhosting?) dan domain gratis (apa itu domain?). Dengan menggunakan nama domain gratis kita tidak perlu mempunyai alamat web yang panjang seperti situsku.wordpress.com atau situsku.blogger.com.<br />
Domain gratis yang kita gunakan adalah dot co dot cc (.co.cc), dan hosting yang kita gunakan adalah byethost.com (lumayan cepat buat pemula).<br />
Kenapa harus pakai hostingan? Dengan hosting sendiri kita bebas mengutak-atik web kita tanpa dibatasi, misalnya mengganti themes/layout website, bahkan memasang iklan yang mungkin tidak dapat dilakukan pada penyedia jasa website gratis.<br />
Okie mari kita mulai saja!<br />
<span id="more-30"></span>Mendaftar di webhosting gratis<br />
Kita akan menggunakan webhosting dari byethost.com, kelebihan web hosting ini dapat dilihat di sini, disamping itu pendaftaran yang mudah dan cepat<br />
Langkah-langkanya akan saya jelaskan:<br />
Buka www.byethost.com atau klik di sini.<br />
Klik gambar yang bertuliskan “not a member?sign up now” atau klik di sini.<br />
Isi kolom dengan lengkap, username, password, email address (harus email yang masih aktif, karena account akan dikirim ke email tersebut untuk backup), site category: pilih kategori website kamu, site language: pilih non-english, enter security code: masukkan security code di atasnya.<br />
Setelah lengkap, klik register.<br />
Selanjutnya akan keluar “image verivication”(anti spam), ketikkan dengan benar, lalu klik register.<br />
Pendaftaran  selesai. Jangan lupa simpan account kamu di computer dengan klik “download my account setting”, tersimpan dalam bentuk PDF.<br />
Langkah selanjutnya adalah daftar domain</p>
<p>Mendaftar nama domain gratis<br />
Domain gratis yang akan kita gunakan adalah .co.cc, dengan mendaftarkan email kita, maka kita akan mendapatkan 2 nama domain gratis. Tapi kita akan gunakan 1 saja dahulu.<br />
Langkah-langkahnya adalah sebagai berikut:<br />
Buka www.co.cc atau klik di sini<br />
Pilih register atau klik di sini<br />
Muncul formulir pendaftaran, isi dengan lengkap kolom yang di beri tanda centang. Lalu centang “I accept the term and service”<br />
Setelah di isi lengkap, klik “Create an account now”<br />
akan muncul seperti gambar berikut ini (gambar1)<br />
klik “Getting a new domain&gt;&gt;”<br />
Setelah itu akan muncul “Search available domain names”, ketikkan alamat yang kamu inginkan di kolom yang tersedia, lalu klik “Check availability” untuk mengecek ketersediaan alamat yang kamu inginkan, jika alamat yang kamu inginkan sudah dipakai, ganti dengan alamat lain.<br />
Jika sukses, akan muncul seperti gambar di bawah ini (gambar 2)<br />
(Ingat!!! Cari yang FREE, jika tertulis harga, cari lagi alamat yang betul betul free seperti gambar di atas!)<br />
Selanjutnya, klik “continue to registration”<br />
Akan muncul pemberitahuan: “to (nama kamu) , we have received your request for….”, klik tombol “set up”<br />
Akan muncul kolom seperti gambar di bawah ini (gambar3)<br />
Ok, saatnya kita set DNS…buka windows baru</p>
<p>Setting DNS webhosting ke alamat domain.<br />
Mudah kok, Sebelumnya login dulu ke control panel byethost.com, yaitu:<br />
Buka cpanel.byethost.com atau klik di sini<br />
Account PDF yang disimpan tadi masih kan? Buka file tersebut, masukkan username dan password yang tertulis untuk login (username biasanya: b1_2345678)<br />
Setelah itu akan masuk ke control panel seperti gambar di bawah ini (gambar4)<br />
Klik “addon domains” seperti yang dilingkari warna merah.<br />
Dah di klik? Akan muncul kolom domain name, ketikkan alamat yang kamu buat tadi ke kolom tersebut, tidak usah memakai www., (gambar5) lalu klik “create domain”.<br />
Selanjutnya tinggal kita masukkan name server/ DNS ke alamat domain<br />
Kembali ke windows domain .co.cc(gambar3)<br />
Untuk byethost, ada 5 name server, jika di setup .co.cc masih ada 2 kolom, tambahkan kolom dengan klik “+add name server” sampai berjumlah 5 buah.<br />
Kemudian isikan<br />
Kolom 1 dengan ns1.byet.org<br />
Kolom 2 dengan ns2.byet.org<br />
Kolom 3 dengan ns3.byet.org<br />
Kolom 4 dengan ns4.byet.org<br />
Kolom 5 dengan ns5.byet.org<br />
Setelah itu klik tombol di bawahnya<br />
Jika sukses akan muncul seperti gambar di bawah ini: (gambar6)<br />
Lalu klik “OK”<br />
Sip dah, hostingan sudah jadi, silakan cek alamat website kamu tadi di browser, akan keluar pemberitahuan dari .co.cc untuk menunggu 2&#215;24 jam, tapi jika kita beruntung, dalam 10 menit saja hostingan sudah siap untuk di install<br />
Tanda hostingan sudah siap diinstal adalah, waktu kita buka alamat kita akan muncul tulisan Index of/ , apabila belum muncul Index of/, harap sabar untuk menunggu sampai 2 hari sampai muncul Index of/. Jika dalam 2 hari belum muncul, cek lagi settingan DNS kamu apakah sudah benar?<br />
Kalau sudah muncul, siap deh website di install…. Selanjutnya…</p>
<p>Membuat database mySQL<br />
Buka cpanel byethost kamu, masuk ke halaman utama, lalu klik “MySQL database” seperti yang dilingkari merah di bawah ini (gambar7)<br />
Setelah masuk, isi pada kolom “make a new database”, isikan saja nama: database lalu klik “create database”<br />
Sekarang kamu mempunyai database untuk menginstall website, nama database akan menjadi bx_xxxxxx_database copy nama database tersebut (akan di gunakan untuk menginstall website, nanti akan di jelaskan)<br />
Siap untuk menginstall!!!!</p>
<p>Menginstall website / blog lewat fantastico type installer<br />
Pernah menggunakan wordpress? Nah, kita akan menggunakan software wordpress yang disebar gratis di www.wordpress.org bukan .com lho!!!<br />
Tapi kita ngga usah susah-susah upload software ke index of/ , tahu ngga maksudnya? Kalo ngga tau ikutin saja tutorial ini….<br />
Masuk lagi ke halaman utama cpanel byethost<br />
Klik “fantastico type installer” seperti pada gambar yang dilingkari merah di bawah ini (gambar8)<br />
Akan muncul kolom bertuliskan “select the destination domain for installation”,klik tanda panah ke bawah, cari alamat website kamu yang .co.cc, kemudian klik “proceed”<br />
Selanjutnya akan masuk ke banyak menu instalasi website seperti di bawah ini (gambar9)<br />
Lalu pilih yang “wordpress 2.6.1” lalu “click to install”<br />
Kemudian akan masuk kolom destination folder, abaikan saja, klik “Finnish install”<br />
Jika install berhasil muncul tulisan: successful installed script to: www.alamatkamu.co.cc//<br />
Instalasi sudah selesai? Ya belum lah… kita harus mengisikan database My SQL untuk menjalankan web. Caranya? Kita lanjutkan…</p>
<p>Menginstall wordpress<br />
Hal yang harus di persiapkan:<br />
Database name : nama database yang kamu buat di mySQL database tadi (contoh b1_2345678_database)<br />
Database username: user cpanel kamu (contoh b1_2345678)<br />
Database password: password cpanel kamu<br />
Database host: dapat dilihat di “account information” yang ada di sebelah kiri cpanel, seperti gambar berikut (kotak merah) (gambar10)</p>
<p>Mari kita mulai:<br />
Pertama-tama, buka website kamu tadi, akan muncul “there doesn’t seem to be a wp-config.php………………………………to manually create the file” klik saja “create a configuration file”<br />
Selanjutnya, muncul “welcome to wordpress…….” Langsung klik aja “Lets go!”.<br />
Nah, kamu akan masuk ke database connection details seperti gambar di bawah ini (gambar11)<br />
Masukkan:<br />
Database name: nama database yang kamu buat tadi (contoh: b1_2345678_database)<br />
Username: username cpanel kamu (contoh b1_2345678)<br />
Password: password cpnel kamu<br />
Database host: lihat di account information tadi (contoh: sql202.byethost5.com)<br />
Table prefix: diamkan saja<br />
Lalu klik “Submit”<br />
Jika yang kita isikan benar, maka akan tampil seperti pada gambar di bawah ini (gambar12)<br />
klik “Run the install”<br />
Akan tampil kolom blog tittle: isikan judul blog kamu,<br />
Lalu pada your E-mail: masukkan alamat E-mail aktif kamu.<br />
Klik “install wordpress”<br />
Jika sukses, akan tampil username dan password yang akan di gunakan untuk login ke administrator board, JANGAN LUPA! Catat / copy password, jika password tidak dicatat/copy, maka kamu tidak bisa login dan password tidak bisa ditampilkan lagi!<br />
Setelah itu klik “log in”, masukkan username dan password yang kamu copy tadi.<br />
Kamu akan masuk dashboard.<br />
Segera ganti password admin kamu dengan cara:<br />
Klik user pada pojok kanan atas<br />
Klik tulisan admin<br />
Scroll ke bawah, ganti password dengan yang baru.<br />
Selesai, buka kembali website kamu<br />
OKE web sudah jadi dengan tampilan standard<br />
INGAT! Kamu bisa login lagi lewat www.situskamu.co.cc/wp-login.php</p>
<p>Selanjutnya, mengganti themes/layout wordpress sesuai keinginan kita!</p>
<p>Mengganti themes/layout wordpress<br />
Kita harus mencari dahulu themes wordpress yang kita inginkan. Banyak sekali situs yang menyediakan themes-themes keren gratis, cari saja di google dengan ketik “free wp themes” akan tampil banya situs yang menyediakan free themes, tinggal download themes nya, biasanya filenya berbentuk .zip , lalu simpan dan jangan di extract.<br />
Langkah-langkahnya:<br />
Masuk ke cpanel.byethost.com lalu login<br />
Setelah ke halaman utama, cari “file manager” lalu klik<br />
Akan muncul windows baru masuk ke file manager<br />
Klik direktori situskamu.co.cc&gt;&gt;htdocs&gt;&gt;wp-contents&gt;&gt;themes<br />
Setelah masuk ke direktori themes, pilih menu “upload” yang ada di atas<br />
Browse file menggunakan kolom yang sebelah kanan (upload zip), cari file themes wordpress yang di download tadi, lalu klik ikon centang berwarna hijau.<br />
File telah teruplaod.<br />
Buka website kamu lagi, lhoh kok belum berubah tampilannya? Ya belum lah! Aktifkan dulu themesnya dengan cara, login ke website kamu, setelah masuk ke dashboard pilih menu design yang ada di atas, lalu muncul themes yang kamu upload tadi. Klik themes tadi, muncul tampilan, lalu activate<br />
Buka lagi website kamu, voallaaa, jadi deh!</p>
<p>disalin dari : <a href="http://blogila.co.cc" target="_blank">http://blogila.co.cc</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tofanc.com/2009/04/03/cara-mudah-membuat-website-blog-dengan-web-hosting-gratis.html/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
