<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Guntingbatukertas.com &#187; Web Design</title>
	<atom:link href="http://guntingbatukertas.com/category/internet/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://guntingbatukertas.com</link>
	<description>Kumpulan Tip, Trik dan Tutorial Indonesia</description>
	<lastBuildDate>Sat, 02 Apr 2011 21:03:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Sitefrost: Hosting Gratis Terbaik</title>
		<link>http://guntingbatukertas.com/internet/sitefrost-hosting-gratis-terbaik/</link>
		<comments>http://guntingbatukertas.com/internet/sitefrost-hosting-gratis-terbaik/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 18:10:40 +0000</pubDate>
		<dc:creator>salsabel</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Cpanel Hosting]]></category>
		<category><![CDATA[Fantastico]]></category>
		<category><![CDATA[Free Hosting]]></category>
		<category><![CDATA[Hosting Gratis]]></category>
		<category><![CDATA[Mysql]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Webhosting]]></category>

		<guid isPermaLink="false">http://guntingbatukertas.com/?p=1959</guid>
		<description><![CDATA[Anda pernah mendengar Sitefrost? Mungkin tidak banyak yang pernah mengetahui nama ini. Tapi mungkin juga saya yang salah :) Sitefrost adalah salah satu penyedia hosting seperti byethost, 000webhost, extremehost dan penyedia free hosting yang lain. Cuman ga seperti penyedia lain, sitefrost menyediakan Cpanel berikut semua fasilitasnya dengan gratis.. tis..]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-1960" href="http://guntingbatukertas.com/internet/sitefrost-hosting-gratis-terbaik/attachment/hosting-sitefrost-home/"><img class="alignright size-full wp-image-1960" title="hosting-sitefrost-home" src="http://guntingbatukertas.com/wp-content/uploads/2010/01/hosting-sitefrost-home.jpg" alt="" width="200" height="149" /></a>Anda pernah mendengar <strong>Sitefrost</strong>? Mungkin tidak banyak yang pernah mengetahui nama ini. Tapi mungkin juga saya yang salah <img src='http://guntingbatukertas.com/wp-includes/images/blank.gif' alt=':)' title=':)' class='wp-smiley smiley-1' /> Sitefrost adalah salah satu penyedia hosting seperti byethost, 000webhost, extremehost dan penyedia <em>free hosting</em> yang lain. Cuman ga seperti penyedia lain, sitefrost menyediakan Cpanel berikut semua fasilitasnya dengan gratis.. tis..</p>
<p>Ini promosi? bisa jadi demikian. Tapi yang jelas saya pengen berbagi pengalaman yang tidak saya dapatkan dengan instan ini. Kebetulan saya sudah pernah mendapatkan kesempatan mencoba berbagai penyedia hosting mulai dari yang berbayar gratis hingga yang berbayar. Semua punya kelebihan dan kekurangan masing-masing. Tapi terakhir perhatian saya terfokus pada satu hosting. Sitefrost.. Mengapa demikian? Anda penasaran?<br />
<span id="more-1959"></span><br />
<strong>PENYEGAR INGATAN</strong><br />
Apa <em>hosting </em>itu? Sebelum melangkah lebih jauh, saya pengen mengulas sedikit info untuk menyegarkan ingatan kita. Dalam proses membangun sebuah website diperlukan minimal dua hal:<br />
<strong>1- domain</strong>: atau yang lebih sering disebut alat website, situs web atau nama situs. Biasanya nama website mempunyai akhiran khusus dan unik seperti .com, .net, .org, .web.id, dan yang lainnya. misalnya: www.guntingbatukertas.com, dalizo.co.cc, detik.com dsb.<br />
<strong>2- hosting</strong>: atau juga disebut sebagai webhosting, adalah lokasi tempat kita simpan file berisi data website yang akan kita tampilkan. Hosting dapat dianalogikan sebagai harddisk, yakni media penyimpan file. File yang disediakan untuk diakses via internet.</p>
<p>Bagi yang ingin belajar lebih jauh tentang domain dan hosting, silakan ikuti ulasan di <a title="Wikipedia Indonesia" href="http://id.wikipedia.org/wiki/Situs_web" target="_blank">wikipedia Indonesia</a> dan <a title="Wikipedia English" href=" http://en.wikipedia.org/wiki/Website" target="_blank">Wikipedia English.</a></p>
<p><strong>FASILITAS</strong><br />
Baik, sekarang kembali ke topik utama, perkenalkan salah satu penyedia web hosting yang paling saya kagumi (hingga saat ini). SF.com (selanjutnya saya singkat menjadi SF). Salah satu penyedia web hosting gratis berbasis forum ini mungkin tak akan asing lagi bagi agan-agan dari kaskus ato indowebster. Saya sendiri mendapat info ini setelah sekian lama googling dengan kata kunci <em>&#8220;free web hosting&#8221;</em> dan sekian kali pula melakukan trial dan error dengan webhosting. Bagi rekan-rekan yang telah mengakses GBK dari beberapa waktu lalu, tentu tahu bahwa saya pernah coba hosting di ardhosting dan 000webhost. Di kesempatan lain saya juga mendapat kesempatan mencoba byethost, extreemhost dan beberapa penyedia hosting gratis. Ya, maklum lah, untuk berbagi tidak perlu merogoh kocek yang berlebih bukan? Syukurlah setelah sekian lama, akhirnya saya dapat semua fasilitas hosting berbayar di sini.</p>
<p>Bayangkan, Anda bisa memperoleh fasilitas lengkap berikut ini:</p>
<p>* Web space 200MB sampai 17GBB Web Space<br />
* Bandwidth 2 to 170 GB<br />
* Parked domains dan free sub-domains<br />
* cPanel Control Panel<br />
* MySQL database<br />
* PHPMyadmin<br />
* Email account<br />
* FTP account<br />
* Fantastico Installer<br />
* Custom Error Pages<br />
* Statistics Software (Awstats, Webalizer, dll.)<br />
* TANPA IKLAN</p>
<p><strong>Semua tanpa iklan dan gratis! Sepeserpun!</strong> Soal layanan, tentu saja jauh jika dibandingkan dengan 000webhost atau byethost. CPanel menjadi jaminan kecepatan akses dan kelengkapan fitur. Dukungan Ruby on Rails dan berbagai tool statistik ada. Bahkan jika Anda perlu menginstall berbagai CMS ada Fantastico seolah-olah Anda benar-benar mendapatkan akses hosting berbayar.</p>
<p>Tidak percaya? Berikut ini screenshot paket webhosting yang ditawarkan SF.<br />
<a rel="attachment wp-att-1961" href="http://guntingbatukertas.com/internet/sitefrost-hosting-gratis-terbaik/attachment/hosting-plan-sitefrost/"><img class="size-large wp-image-1961 alignnone" title="hosting-plan-sitefrost" src="http://guntingbatukertas.com/wp-content/uploads/2010/01/hosting-plan-sitefrost-500x310.jpg" alt="" width="500" height="310" /></a></p>
<p>Anda dapat mengeceknya sendiri di <a title="Hostingplan Sitefrost" href="http://sitefrost.com/pages.php?page=hostingplans&amp;referrername=salsabel" target="_blank">[Alamat Web berikut]</a><br />
<strong><br />
POSTING DI FORUM = DAPAT HOSTING GRATIS</strong><br />
Sebenarnya (maaf) hosting gratis yang saya sebut di atas tidak didapat dengan &#8220;benar-benar gratis&#8221;<br />
seperti saat kita masih SD dan minta uang jajan ke ortu. Melainkan dengan menulis komentar di forum SF. Tiap posting yang Anda tulis, Anda akan mendapatkan poin  yang bisa ditukar dengan paket hosting. Paket hosting terendah hanya membutuhkan 3 komentar tiap bulannya! Anda cukup menulis tiga komentar dan imbalannya Anda dapat paket webspace 200MB dengan bandwith 2GB. Fasilitas lain seperti CPanel Anda peroleh lengkap tanpa pengurangan. Mantep to?<br />
Ya, tiap bulan. Saya tidak salah ketik. Undang-undang SF memang mengharuskan kita melakukan posting secara rutin tiap bulan sesuai paket hosting yang kita pilih untuk mendapatkan atribut webhosting aktif.<br />
Jika selama satu bulan Anda tidak memenuhi target posting, website Anda akan dihentikan sementara. Namun saya yakin, tiga posting merupakan jumlah yang sedikit. Bagi para pengakses web Indonesia jumlah itu seolah bisa dilakukan dengan sebelah mata dan satu tangan saja.. Apalagi kalo diingat bahwa di sana ada direktori khusus yang menggunakan bahasa pengantar Bahasa Indonesia dan isinya banyak yang bermanfaat. <img src='http://guntingbatukertas.com/wp-includes/images/blank.gif' alt=':D' title=':D' class='wp-smiley smiley-8' /> </p>
<p><strong>BAGAIMANA CARANYA?</strong><br />
Begini, untuk mendapatkan paket hosting Anda, sebenarnya ga beda dengan daftar di email, forum atau komunitas yang lain:<a rel="attachment wp-att-1963" href="http://guntingbatukertas.com/internet/sitefrost-hosting-gratis-terbaik/attachment/hosting-user-panel/"><img class="alignright size-large wp-image-1963" title="hosting-user-panel" src="http://guntingbatukertas.com/wp-content/uploads/2010/01/hosting-user-panel-127x400.jpg" alt="" width="127" height="400" /></a></p>
<ol>
<li><a title="Daftar di Sitefrost" href="http://sitefrost.com/member.php?action=register&amp;referrername=salsabel" target="_blank">[Daftarkan diri ke Sitefrost]</a> atau klik banner SF di deretan sisi kanan navigasi GBK.</li>
<li> Usahakan untuk menggunakan alamat email yang valid dan tidak aneh-aneh. Alamat email yang mirip nama asli Anda akan lebih cepat di-approve daripada email sembarangan dengan nama yang tidak biasa. Setelah beberapa hari, silakan cek email Anda. Apakah sudah ada undangan untuk bergabung di SF. Jika belum, harap bersabar. Admin SF sepertinya melakukan sortir manual bagi calon anggota baru.</li>
<li> Isi formulir dan lengkapi biodata Anda. Semakin lengkap semakin baik.</li>
<li> Tentukan target paket hosting Anda. dan perkirakan kapan Anda perlu mendaftarkan paket hosting Anda.<br />
Semakin besar paket hosting, semakin banyak poin yang diperlukan. Artinya Anda harus semakin rajin memposting tulisan di forum.</li>
<li> Mulailah memposting komentar Anda di forum. Anda bisa memulai dengan mengisi buku absen dan perkenalan.</li>
<li> Setelah jumlah poin Anda cukup, anda bisa mendaftarkan diri di bagian Hosting CPanel Anda.</li>
<li> Selanjutnya Anda cukup menjaga ritme posting Anda perbulan dan dijamin web Anda akan lancar dan mulus.. <img src='http://guntingbatukertas.com/wp-includes/images/blank.gif' alt=':D' title=':D' class='wp-smiley smiley-8' /> Jika Anda malah melakukan posting, SF juga menyediakan alternatif dengan menjual poin dengan harga yang masih rasional.</li>
</ol>
<p><strong>CARA SF DAPAT UNTUNG</strong><br />
Mungkin sebagian dari Anda bertanya-tanya, darimana SF dapat untung dari hosting gratis tersebut. Apa nggak rugi ngasih hosting gratis segitu gede buat sekian ribu anggota?<br />
Jawabannya sederhana: <strong>IKLAN</strong> dan <strong>TIDAK RUGI</strong><br />
Seperti kita ketahui, Forum-forum seperti Sitefrost, Indowebhost, kaskus dan yang lain kan menerima pemasangan iklan. Sementara penyedia iklan sangat senang dengan forum karena seringkali iklan mereka laris manis di klik oleh anggota forum. Dari sana pengelola SF mendapatkan uang yang kemudian digunakan untuk membeli dan me-manage server web hostingnya. Ternyata masih ada beberapa orang yang bersedia mendedikasikan waktu dan tenaga mereka untuk mengurusi forum dan webhosting ini. Salut!</p>
<p><em>Enak kan?</em><br />
Posting seminggu sekali aja sudah dapet paket hosting Cpanel gratis sekelas hosting berbayar..<br />
Bagaimana menurut Anda?</p>
<div class="shr-publisher-1959"></div>]]></content:encoded>
			<wfw:commentRss>http://guntingbatukertas.com/internet/sitefrost-hosting-gratis-terbaik/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Langkah Mudah mem-backup File dari Server FTP di Linux</title>
		<link>http://guntingbatukertas.com/sistem-operasi/linux/langkah-mudah-mem-backup-file-dari-server-ftp-di-linux/</link>
		<comments>http://guntingbatukertas.com/sistem-operasi/linux/langkah-mudah-mem-backup-file-dari-server-ftp-di-linux/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 19:18:31 +0000</pubDate>
		<dc:creator>salsabel</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Backup Web]]></category>
		<category><![CDATA[Console]]></category>
		<category><![CDATA[Download Cepat]]></category>
		<category><![CDATA[File Transfer Protocol]]></category>
		<category><![CDATA[FTP]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[ncftp]]></category>
		<category><![CDATA[Recursive]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.guntingbatukertas.com/sistem-operasi/linux/langkah-mudah-mem-backup-file-dari-server-ftp-di-linux/</guid>
		<description><![CDATA[Anda ingin mendownload sebuah folder yang berada di server berikut semua isinya lewat protokol FTP? ncftp bisa menjadi salah satu alternatifnya. Program berbasis command di linux ini akan mengurangi beban kerja download via FTP yang terkadang memakan waktu cukup lama. Dengan satu baris perintah pekerjaan Anda akan selesai. Silakan ikuti panduan singkatnya berikut.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/09/linux-ncftp.png" alt="" width="200" height="114" />Bos Anda memerintahkan Anda membackup seluruh isi website perusahaan dalam waktu 1&#215;24 jam ke depan. Padahal koneksi internet lemot banget kalo siang hari. Anda sendiri sudah punya agenda untuk nanti malem. Jelas nglembur di kantor bukan alternatif yang lebih menyenangkan. Apa akal?</p>
<p>Di linux Anda bisa mendownload semua file Anda dari server internet melalui protokol FTP. Misalkan saja untuk keperluan backup, Anda perlu men-<em>download</em> semua isi folder <strong>/public_html</strong> berikut sub-folder dan file yang ada di dalamnya atau lebih dikenal dengan istilah <em>recursive</em>. Anda cukup menggunakan tool ringkas bertajuk <strong>ncftp</strong> dan ikuti langkahnya berikut ini.</p>
<p><span id="more-1458"></span></p>
<p><strong>Install ncftp client</strong></p>
<p>Software ncftp client dapat Anda download dari situs http://www.ncftp.com/ncftp/. Menurut pengembangnya, program ini dapat berjalan di FreeBSD, Solaris dan hampir semua varian UNIX lainnya. Anda dapat menginstallnya dengan mengetikkan baris perintah berikut:</p>
<p><strong><em>OpenSuSE</em></strong></p>
<blockquote><p>$ sudo zypper install ncftp</p></blockquote>
<p>Atau di <strong><em>Ubuntu/Fedora</em></strong>, Anda bisa menyesuaikan perintah instalasi sesuai dengan varian UNIX yang Anda gunakan</p>
<blockquote><p>$ sudo apt-get install ncftp</p></blockquote>
<p> </p>
<p><strong>Download Seluruh Isi Direktori</strong></p>
<p>ncftp merupakan pengembangan perintah basis mget (mass get) dari ftp. Prinsip kerjanya juga mirip namun di sini Anda bisa menambahkan beberapa parameter tambahan yang tidak tersedia dalam perintah mget bawaan ftp. Untuk memulai download, silakan gunakan basis perintah seperti berikut ini:</p>
<p>$ ncftpget –R –v –u &#8220;ftpusername&#8221; ftp.server.com /home/user/dokumenku/backup /public_html</p>
<p> </p>
<p><em>Keterangan:<br />
<span style="font-style: normal;"><strong>ncftpget </strong>: basis perintah program ncftp untuk mendownload <br />
<strong>-R</strong> : Recursive, artinya menyalin seluruh direktori dan subdirektori berikut file yang ada dalam folder asal (<em>source</em>)<br />
<strong>-v </strong>: Verbose, maksudnya menampilkan keterangan capaian proses download<br />
<strong>-u &#8220;ftpusername&#8221;</strong> : username FTP server, jika kolom &#8220;ftpusername&#8221; dikosongi, ncftpget akan menggunakan username &#8220;<em>anonymous</em>&#8221;<br />
<strong>ftp.server.com</strong> : alamat FTP Server atau website Anda<br />
<strong>/home/user/dokumenku/backup </strong>: Direktori lokal tempat Anda menyimpan data hasil download<br />
<strong>/public_html</strong> : Direktori FTP yang ingin Anda copy</span></em></p>
<p> </p>
<p><strong>Tambahan:</strong></p>
<p>Jika Anda mendapatkan pesan error seperti berikut:</p>
<blockquote><p>tar: End of archive volume 1 reached<br />
tar: Sorry, unable to determine archive format.<br />
Could not read directory listing data: Connection reset by peer</p></blockquote>
<p>tambahkan pilihan -T dalam command ncftpget Anda:</p>
<blockquote><p>$ ncftpget -T –R –v –u &#8220;ftpusername&#8221; ftp.server.com /home/user/dokumenku/backup /public_html</p></blockquote>
<p> </p>
<p><em>Keterangan:</em></p>
<p><strong>-T</strong> : Jangan gunakan mode TAR bersamaan dengan mode Recursive</p>
<p> </p>
<p>Dengan program ini sekarang Anda dapat melakukan backup pada situs wordpress Anda dengan mudah. Menurut pengalaman, untuk kepentingan backup web efektifitas program ini lebih tinggi dibandingkan dengan FTP Client berbasis GUI seperti FileZilla. </p>
<p>Selain untuk kepentingan di atas trik ini juga bisa dimanfaatkan untuk mendownload beberapa resource sekaligus dari situs yang Anda kehendaki. Namun demikian saya menyarankan Anda untuk memanfaatkan program ini untuk hal yang positif dan bukan kegiatan yang merugikan orang lain. </p>
<p>Semoga bermafaat.</p>
<p>Sumber: <a title="Cyberciti" href="http://www.cyberciti.biz" target="_blank">Cyberciti</a></p>
<div class="shr-publisher-1458"></div>]]></content:encoded>
			<wfw:commentRss>http://guntingbatukertas.com/sistem-operasi/linux/langkah-mudah-mem-backup-file-dari-server-ftp-di-linux/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial Membuat Halaman Theme WordPress</title>
		<link>http://guntingbatukertas.com/cms/wordpress/tutorial-membuat-halaman-theme-wordpress/</link>
		<comments>http://guntingbatukertas.com/cms/wordpress/tutorial-membuat-halaman-theme-wordpress/#comments</comments>
		<pubDate>Thu, 26 Feb 2009 18:09:43 +0000</pubDate>
		<dc:creator>salsabel</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[document root]]></category>
		<category><![CDATA[dreamweaver wordpress plugin]]></category>
		<category><![CDATA[Invalid Value]]></category>
		<category><![CDATA[membuat halaman tema wordpress]]></category>
		<category><![CDATA[setting .htaccess]]></category>
		<category><![CDATA[wordpress theme]]></category>

		<guid isPermaLink="false">http://www.guntingbatukertas.com/?p=580</guid>
		<description><![CDATA[Anda sudah lama menggunakan wordpress, tapi tidak puas dengan tampilan theme gratis yang banyak beredar. Anda penasaran ingin membuat tema wordpress sendiri? Ingin tahu cara yang sederhana? Silakan ikuti ulasan singkat berikut ini.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/templates.gif"><img class="alignleft size-full wp-image-584" title="templates" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/templates.gif" alt="templates" width="107" height="153" /></a>Anda sudah lama menggunakan wordpress, tapi tidak puas dengan tampilan theme gratis yang banyak beredar. Anda penasaran ingin membuat tema wordpress sendiri? Ingin tahu cara yang cepat? Silakan ikuti ulasan singkat berikut ini.</p>
<p><span id="more-580"></span></p>
<p><strong>Langkah pertama:  Siapkan bahannya</strong><br />
1. Program Editing web seperti Dreamweaver, GoLive, Frontpage. Saya sendiri lebih suka Dreamweaver.<br />
2. Program Pengolah Grafis seperti Photoshop, Illustrator, Photopaint, Gimp. Saya suka memakai Photoshop.<br />
3. Program webserver yang diinstall di komputer lokal Anda. Program ini penting dan mutlak dimiliki untuk mencoba hasil tampilan desain Anda. Banyak sekali pilihan program semacam ini, saya sendiri memakai XAMPP untuk Windows serta Apache2 di Linux. Jika Anda perlu XAMPP, silakan <a title="xampp download" href="http://www.apachefriends.org/en/xampp-windows.html" target="_blank">download file nya di sini</a>.</p>
<p><strong>Langkah kedua: </strong><br />
Gambar Layout tema WordPress Anda, satu kolom, 2, 3 atau 4 kolom<br />
Pilih warna tema Anda</p>
<p>Sudah? jika Anda sudah siap, mari lanjut ke langkah berikutnya. Berikut ini ilustrasi tampilan halaman WordPress dengan 3 kolom</p>
<p><a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/layout.gif"><img class="size-full wp-image-583 alignnone" title="layout" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/layout.gif" alt="layout" width="350" height="230" /></a></p>
<p>Buka Program Pengolah Web Anda, buat sebuah file HTML yang berisi kurang lebih seperti ini:</p>
<blockquote><p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=iso-8859-1&#8243; /&gt;<br />
&lt;title&gt;Untitled Document&lt;/title&gt;<br />
&lt;/head&gt;</p>
<p>&lt;body&gt;<br />
&lt;/body&gt;</p>
<p>&lt;/html&gt;</p></blockquote>
<p><strong>Sekarang, buat Layout Anda..</strong></p>
<blockquote><p>&lt;div id=&#8221;wrapper&#8221;&gt;</p>
<p>&lt;div id=&#8221;header&#8221;&gt;My Header&lt;/div&gt;</p>
<p>&lt;div id=&#8221;navigation&#8221;&gt;My Menu&lt;/div&gt;</p>
<p>&lt;div id=&#8221;main&#8221;&gt;</p>
<p>&lt;div id=&#8221;content&#8221;&gt;<br />
&lt;div class=&#8221;entry&#8221;&gt;My Entry&lt;/div&gt;<br />
&lt;/div&gt;</p>
<p>&lt;div id=&#8221;sidebar&#8221;&gt;<br />
&lt;div id=&#8221;leftsidebar&#8221;&gt;My Left Sidebar&lt;/div&gt;<br />
&lt;div id=&#8221;rightsidebar&#8221;&gt;My Right Sidebar&lt;/div&gt;<br />
&lt;/div&gt;</p>
<p>&lt;/div&gt;</p>
<p>&lt;div id=&#8221;footer&#8221;&gt;My Footer&lt;/div&gt;</p>
<p>&lt;/div&gt;</p></blockquote>
<p><strong>Akhir dari file HTML</strong></p>
<blockquote><p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=iso-8859-1&#8243; /&gt;<br />
&lt;title&gt;My First WordPress Theme&lt;/title&gt;<br />
&lt;/head&gt;</p>
<p>&lt;body&gt;<br />
&lt;!&#8211; begin frame&#8211;&gt;<br />
&lt;div id=&#8221;wrapper&#8221;&gt;</p>
<p>&lt;!&#8211; begin header&#8211;&gt;<br />
&lt;div id=&#8221;header&#8221;&gt;<br />
My Header<br />
&lt;/div&gt;<br />
&lt;!&#8211; end header&#8211;&gt;</p>
<p>&lt;!&#8211; begin navigation&#8211;&gt;<br />
&lt;div id=&#8221;navigation&#8221;&gt;<br />
My Menu<br />
&lt;/div&gt;<br />
&lt;!&#8211; end navigation&#8211;&gt;</p>
<p>&lt;!&#8211; begin content frame&#8211;&gt;<br />
&lt;div id=&#8221;main&#8221;&gt;</p>
<p>&lt;!&#8211; begin entry frame &#8211;&gt;<br />
&lt;div id=&#8221;content&#8221;&gt;</p>
<p>&lt;!&#8211; begin entry box&#8211;&gt;<br />
&lt;div class=&#8221;entry&#8221;&gt;<br />
My Entry<br />
&lt;/div&gt;<br />
&lt;!&#8211; end entry box&#8211;&gt;</p>
<p>&lt;/div&gt;<br />
&lt;!&#8211; end entry frame &#8211;&gt;</p>
<p>&lt;!&#8211; begin sidebar frame &#8211;&gt;<br />
&lt;div id=&#8221;sidebar&#8221;&gt;</p>
<p>&lt;!&#8211; begin left sidebar box &#8211;&gt;<br />
&lt;div id=&#8221;leftsidebar&#8221;&gt;<br />
My Left Sidebar<br />
&lt;/div&gt;<br />
&lt;!&#8211; end left sidebar box &#8211;&gt;</p>
<p>&lt;!&#8211; begin right sidebar box &#8211;&gt;<br />
&lt;div id=&#8221;rightsidebar&#8221;&gt;<br />
My Right Sidebar<br />
&lt;/div&gt;<br />
&lt;!&#8211; end right sidebar box &#8211;&gt;</p>
<p>&lt;/div&gt;<br />
&lt;!&#8211; end sidebar frame &#8211;&gt;</p>
<p>&lt;!&#8211; end content frame&#8211;&gt;<br />
&lt;/div&gt;</p>
<p>&lt;!&#8211; begin footer&#8211;&gt;<br />
&lt;div id=&#8221;footer&#8221;&gt;<br />
My Footer<br />
&lt;/div&gt;<br />
&lt;!&#8211; end footer&#8211;&gt;</p>
<p>&lt;/div&gt;<br />
&lt;!&#8211; end frame&#8211;&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p></blockquote>
<p>Sekarang tampilan halaman WordPress Anda sudah selesai. Anda bisa kembangkan sesuai dengan keinginan dan preferensi Anda. Bagi yang suka memakai Dreamweaver, Sekarang sudah ada WordPress Template Kit untuk membuat theme WordPress. Dengan cara ini proses kreatif Anda akan semakin mudah dilakukan. Posting ini ditulis oleh blogger sebelah, kunjungi situsnya <a title="blog oh blog" href="http://www.blogohblog.com/tutorial-making-wordpress-theme-by-examples-1/" target="_blank">disini.</a></p>
<p>Nantikan tulisan berikutnya tentang pembuatan theme WordPress menggunakan Plugin Dreamweaver.</p>
<div class="shr-publisher-580"></div>]]></content:encoded>
			<wfw:commentRss>http://guntingbatukertas.com/cms/wordpress/tutorial-membuat-halaman-theme-wordpress/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Trik Mengelola Hosting Dengan Add-On Domain</title>
		<link>http://guntingbatukertas.com/internet/trik-mengelola-hosting-dengan-addon-domain/</link>
		<comments>http://guntingbatukertas.com/internet/trik-mengelola-hosting-dengan-addon-domain/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 18:58:10 +0000</pubDate>
		<dc:creator>salsabel</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[domain management]]></category>
		<category><![CDATA[mysql database]]></category>
		<category><![CDATA[optimalisasi search engine]]></category>
		<category><![CDATA[panduan setting multi domain]]></category>
		<category><![CDATA[setting .htaccess]]></category>
		<category><![CDATA[setting add-on domain]]></category>

		<guid isPermaLink="false">http://www.guntingbatukertas.com/?p=575</guid>
		<description><![CDATA[Add-on Domain merupakan cara ekonomis untuk membuat hosting beberapa situs sekaligus dalam satu akun hosting. Dengan mengikuti ulasan ini Anda dapat memastikan Domain Anda tidak kacau ketika dimasukkan list oleh Search Engine.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/hosting.gif"><img class="alignright size-full wp-image-577" title="hosting" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/hosting.gif" alt="hosting" width="121" height="91" /></a>Belakangan ini banyak perusahaan Hosting yang  menawarkan paket menggiurkan dengan space besar, bandwith lebar sekaligus fasilitas hosting lebih dari satu situs di bawah satu akun. Tentu ini menjadi suatu hal yang menarik karena pelanggan tidak perlu membayarkan uang lebih untuk tiap website yang dikelola. Bayangkan cukup dengan satu kali bayar, satu kali login,<br />
Anda bisa memiliki beberapa website sekaligus. Sekali merengkuh dayung dua tiga website menjadi milik kita hahaha <img src='http://guntingbatukertas.com/wp-includes/images/blank.gif' alt=':)' title=':)' class='wp-smiley smiley-1' /> </p>
<p><span id="more-575"></span></p>
<p><strong>Add-On Domain</strong></p>
<p>Model Marketing mutakhir dan paling umum beberapa situs hosting adalah dengan menawarkan pilihan &#8220;Add-On Dmmain&#8221;. Istilah ini merujuk pada domain tambahan yang dikelola di bawah akun hosting utama. Biasanya, domain-domain tambahan ini secara fisik akan ditempatkan di dalam sub-direktori root dokumen hosting. Selanjutnya Add-On Domain akan berbagi resource dengan pembatasan yang sama dengan akun hosting utama termasuk bandwith, space harddisk, akun email, database dan fasilitas lainnya. Uniknya Add-on domain dapat diakses langsung dari nama domain dedicated-nya sendiridan mempunyai akun FTP serta statistik situs sendiri. Misalnya: saya punya guntingbatukertas.com, saya tambahkan Addon Domain mentaripagi.com, saya bisa langsung akses addon domain dengan mengetikkan mentaripagi.com di browser yang saya pakai.</p>
<ol>
<li>Anda dapat membuat Add-on domain ini melalui Control Panel Cpanel dengan cara:</li>
<li> Temukan grup &#8220;Addon Domains&#8221; dalam layar utama.</li>
<li>Masukkan nama domain, nama direktori tempat penyimpanan data add-on domain berikut passwordnya.</li>
<li>Ingat, jangan buat direktori dulu, CPanel otomatis akan membuatkan direktori saat proses pembuatan Addon Domain buat Anda sekaligus menambahkannya ke dalam entri data konfigurasi server hosting, mengarahkan domain ke direktori tersebut serta membuatkan akun ftp untuk domain tersebut. <em>You only need to enjoy the ride.. <img src='http://guntingbatukertas.com/wp-includes/images/blank.gif' alt=':)' title=':)' class='wp-smiley smiley-1' /> </em></li>
</ol>
<p><a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/add-on-hosting.gif"><img class="alignleft size-full wp-image-576" title="add-on-hosting" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/add-on-hosting.gif" alt="add-on-hosting" width="280" height="210" /></a>Login FTP yang dipakai menggunakan format &#8220;direktori@contoh.com&#8221;. Jika Anda memiliki hosting di contoh.com dan Anda membuat addon domain bernama contoh2.com, dengan nama direktori contoh2 dan password &#8216;passwordku&#8217; maka Anda akan login ke ftp.contoh.com dengan username contoh2@contoh.com dan password &#8216;passwordku&#8217;.</p>
<p>Tapi ingat, Anda tetap harus mendaftarkan nama add-on domain yang Anda pilih persis seperti Anda mendaftarkan nama domain pada umumnya. Anda juga harus mengarahkan <strong>Nameserver Domain </strong>ini (dari akun <strong>Registrar</strong>) ke Nameserver domain utama Anda.</p>
<p><strong>Beberapa hal yang perlu diperhatikan tentang Search Engine dan Add-On Domain</strong></p>
<p>Website biasanya akan lebih mudah dikenali Google dan mesin pencari lain jika menggunakan satu URL statis saja. Ketika Anda membuat Add-on Domain lewat CPanel dengan cara di atas, Add-on domain Anda dapat diakses melakui tiga alamat sebagai berikut:</p>
<blockquote><p>http://www.contoh2.com<br />
http://contoh2.contoh.com (sebagai subdomain akun hosting utama)<br />
http://www.contoh.com/contoh2/ (sebagai subdirektori akun hosting utama)</p></blockquote>
<p>Hal di atas bisa mengakibatkan kacaunya pencatatan statistik website oleh search engine. Oleh karena itu pastikan Anda menggunakan fitur Redirects dalam CPanel untuk mengarahkan permintaan <strong>contoh.com/contoh</strong> ke addon domain yang tepat yakni contoh2.com. Anda juga harus menambahkan entri dalam file .htacces domain And auntuk me-redirect contoh2.contoh.com ke contoh2.com.<br />
File<strong> .htaccess </strong>Anda seharusnya kurang lebih akan berisi kode seperti di bawah ini:</p>
<blockquote><p>Options +FollowSymLinks<br />
RewriteEngine on<br />
#<br />
# Redirect if &#8220;contoh&#8221; subdomain requested<br />
RewriteCond %{HTTP_HOST} ^contoh2\.contoh.com<br />
RewriteRule ^(.*)$ http://www.contoh2.com/$1 [R=301,L]</p></blockquote>
<p><strong>Penutup</strong></p>
<p>Add-on Domain merupakan cara ekonomis untuk membuat hosting beberapa situs sekaligus dalam satu akun hosting. Dengan mengikuti ulasan ini Anda dapat memastikan Domain Anda tidak kacau ketika dimasukkan list oleh <em>Search Engine</em>.</p>
<div class="shr-publisher-575"></div>]]></content:encoded>
			<wfw:commentRss>http://guntingbatukertas.com/internet/trik-mengelola-hosting-dengan-addon-domain/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Panduan Kode: Membuat Fungsi Include</title>
		<link>http://guntingbatukertas.com/internet/panduan-membuat-kode-fungsi-include/</link>
		<comments>http://guntingbatukertas.com/internet/panduan-membuat-kode-fungsi-include/#comments</comments>
		<pubDate>Sun, 22 Feb 2009 18:06:29 +0000</pubDate>
		<dc:creator>salsabel</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[bahasa program web]]></category>
		<category><![CDATA[cascading style sheet]]></category>
		<category><![CDATA[Dasar HTML]]></category>
		<category><![CDATA[include file php asp]]></category>
		<category><![CDATA[memanggil file ke dalam web]]></category>
		<category><![CDATA[membuat fungsi include]]></category>
		<category><![CDATA[server side include]]></category>
		<category><![CDATA[server side javascript]]></category>
		<category><![CDATA[Tutorial Web]]></category>

		<guid isPermaLink="false">http://www.guntingbatukertas.com/?p=534</guid>
		<description><![CDATA[Fungsi Include adalah fungsi dasar untuk memanggil beberapa file dalam satu waktu sakaligus yakni saat browser membuka suatu halaman web. Fungsi ini biasanya diintegrasikan ke dalam kode suatu halaman web untuk memanggil file stylesheet, search, polling, author atau halaman penting lainnya. Ulasan singkat ini akan membantu Anda memahami fungsi Include lebih mendalam.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/fungsi-include.gif"><img class="alignleft size-full wp-image-535" title="fungsi-include" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/fungsi-include.gif" alt="fungsi-include" width="156" height="117" /></a>Fungsi Include adalah fungsi dasar untuk memanggil beberapa file dalam satu waktu sakaligus yakni saat browser membuka suatu halaman web. Fungsi ini biasanya diintegrasikan ke dalam kode suatu halaman web untuk memanggil file s<em>tylesheet, search, polling, author</em> atau halaman penting lainnya.</p>
<p>Sebenarnya banyak sekali kode yang dipakai webdesainer. Paling tidak ada 6 cara yang banyak dipilih untuk menambahkan fungsi include ke dalam kode HTML.</p>
<p><span id="more-534"></span></p>
<p>Keenam kode ini menggunakan bahasa pemrograman sebagai berikut:</p>
<p><strong>PHP</strong> &#8211; menggunakan php, phtml, atau phtm (<em>server side</em>)<br />
<strong>JavaScript</strong> &#8211; menggunakan html atau htm (<em>client side</em>)<br />
<strong>SSI</strong> &#8211; menggunakan ekstensi Server Side (shtml atau shtm)<br />
<strong>ASP</strong> &#8211; menggunakan ekstensi asp (<em>server side</em>)<br />
<strong>Aja</strong>x &#8211; Untuk keterangan lebih lanjut tentang Skrip Include dalam Ajax, temukan <a title="ajax" href="http://www.dynamicdrive.com/dynamicindex17/ajaxincludes.htm">di sini</a>.<br />
<strong>Frames</strong> &#8211; Tutorial Frame dapat Anda temukan <a title="frames" href="http://www.htmlcodetutorial.com/frames/frames.html">di sini.</a></p>
<p>Kode-kode berikut ini tergantung pada fasilitas server dan bagaimana setting server yang Anda gunakan.<br />
Berikut ini basis perintah untuk menambahkan fungsi Include yang saya maksud:</p>
<blockquote><p><strong>SSI</strong><br />
Kode:<br />
&lt;!&#8211;#include file=&#8221;includes/menu.html&#8221; &#8211;&gt;</p>
<p><strong>ASP</strong><br />
Kode:<br />
&lt;!&#8211;#include file=&#8221;includes/menu.html&#8221; &#8211;&gt;</p>
<p><strong>PHP</strong><br />
Kode:<br />
&lt;?php include(&#8220;includes/menu.html&#8221;); ?&gt;</p></blockquote>
<blockquote><p><strong>JavaScript</strong><br />
Kode:<br />
&lt;script src=&#8221;includes/menu.js&#8221;&gt;&lt;/script&gt;</p></blockquote>
<p>(Jika anda menggunakan Javascript, mungkin beberapa <em>Search Engine</em> (Mesin Pencari) tidak akan bisa membacanya fungsi Include. Oleh karenanya saya tidak merekomendasikan tipe ini. Gunakan hanya jika Server Anda mendukung SSI, ASP, PHP dan atau Anda memerlukannya untuk mempertahankan ekstensi html file-file Anda.</p>
<p>Dengan model server side sebuah file akan diuraikan di server sebelum direder dalam browser. File menu.html hanya akan berisi kode navigasi Anda, misalnya seperti ini</p>
<p>Kode:</p>
<blockquote><p>| &lt;a href=&#8221;/beranda.asp&#8221;&gt;Beranda&lt;/a&gt; | &lt;a href=&#8221;/tentang.asp&#8221;&gt;Tentang Kamit&lt;/a&gt; | &lt;a href=&#8221;/kontak.asp&#8221;&gt;Informasi Kontak&lt;/a&gt; |</p></blockquote>
<p>Dan hanya itu, tidak ada kode lain yang diperlukan karena bagian yang lain akan dipanggil dari halaman utama dengan menggunakan fungsi include.</p>
<p>Jika Anda menggunakan JavaScript akan sedikit berbeda caranya. Anda perlu menyimpan file ini sebagai menu.js:<br />
Kode:</p>
<blockquote><p>&lt;!&#8211;<br />
document.writeln(&#8220;| &lt;a href=\&#8221;/beranda.asp\&#8221;&gt;Beranda&lt;/a&gt; | &lt;a href=\&#8221;/tentang.asp\&#8221;&gt;Tentang&lt;/a&gt; | &lt;a href=\&#8221;/kontak.asp\&#8221;&gt;Informasi Kontak&lt;/a&gt; |&#8221;);<br />
//&#8211;&gt;</p></blockquote>
<p>dan kemudian panggil skrip tersebut ke dalam sebuah halaman dengan kode sebagai berikut:</p>
<blockquote><p>Kode:<br />
&lt;script src=&#8221;includes/menu.js&#8221;&gt;&lt;/script&gt;</p></blockquote>
<p>Namun demikian, beberapa mesin pencari tidak bisa membaca Javascrip karena ini dianggap sebagai bahasa client side. Jika User menonaktifkan fungsi Javascript-nya, maka ia tidak akan melihat fungsi JavaScript.</p>
<p>Jika Anda menggunakan fungsi Include model server side, Saya merekomendasikan Anda untuk menggunakan link Virtual. Untuk mengetahui lebih detail tentang beberapa tipe hyperlink klik disini.</p>
<p>Jangan lupa periksa kembali fungsi Include mana saja yang didukung oleh hosting yang Anda gunakan saat ini.</p>
<p>terakhir, untuk <strong>ASP.NET (ASPX)<br />
</strong>Kodenya:</p>
<blockquote><p>&lt;%<br />
Response.WriteFile (&#8220;FileAnda.inc&#8221;)<br />
%&gt;</p></blockquote>
<p>Anda lebih suka yang mana?</p>
<div class="shr-publisher-534"></div>]]></content:encoded>
			<wfw:commentRss>http://guntingbatukertas.com/internet/panduan-membuat-kode-fungsi-include/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cara Cepat Mengatur Alignment Center Halaman Frameset Web</title>
		<link>http://guntingbatukertas.com/internet/cara-cepat-mengatur-alignment-center-halaman-frameset-web/</link>
		<comments>http://guntingbatukertas.com/internet/cara-cepat-mengatur-alignment-center-halaman-frameset-web/#comments</comments>
		<pubDate>Sat, 21 Feb 2009 18:03:34 +0000</pubDate>
		<dc:creator>salsabel</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[align center frameset]]></category>
		<category><![CDATA[Dasar HTML]]></category>
		<category><![CDATA[frameset cols]]></category>
		<category><![CDATA[frameset rows]]></category>
		<category><![CDATA[layout web]]></category>
		<category><![CDATA[mengatur frameset]]></category>
		<category><![CDATA[menggunakan iframe]]></category>
		<category><![CDATA[Tutorial Web]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://www.guntingbatukertas.com/?p=529</guid>
		<description><![CDATA[Anda punya masalah dengan kode HTML lama yang akan Anda aktifkan kembali? Tampilannya tidak optimal jika ditampilkan  pada monitor berukuran besar? Jika ya, Anda mungkin perlu membaca ulasan singkat tentang pengaturan frameset ini.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/frameset.gif"><img class="alignright size-full wp-image-532" title="frameset" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/frameset.gif" alt="frameset" width="192" height="142" /></a>&#8220;Saya punya sebuah web lama dengan bahasa HTML Native dengan 3 Frameset. Dulu tampilan ini bagus ditampilkan pada  monitor 14&#8243; dan 15&#8243;. Tapi sekarang tampilannya terlihat semrawut jika dilihat dari monitor 17&#8243; ke atas. Saya tahu hal ini muncul karena perbedaan resolusi screen monitor. Web tersebut dioptimalkan untuk monitor dengan lebar 1024px, sehingga jika ditampilkan pada monitor dengan lebar 1280 tampilannya jadi aneh. Saya kepikiran membuat web ini tampil dengan ukuran 1024 dengan alignment=center alias rata tengah, bagaimana cara melakukannya?&#8221;</p>
<p><span id="more-529"></span></p>
<p>Itu tadi permasalahan yang pernah saya alami saat meng-online-kan konten <a title="al-manar online" href="http://www.al-manar.web.id/" target="_blank">halaman web HTML karya bareng rekan-rekan ini</a>. Setelah konsultasi dan baca-baca beberapa artikel, saya temukan dua cara sederhana. Jika Anda punya masalah yang sama, silakan ikuti langkahnya berikut:</p>
<p><strong>1. Dengan memanipulasi halaman web.</strong></p>
<p>Salah satu forum menyarankan untuk menambahkan baris perintah berikut:</p>
<blockquote><p>&lt;frameset rows=&#8221;*,400,*&#8221; frameborder=&#8221;NO&#8221; border=&#8221;0&#8243; framespacing=&#8221;0&#8243;&gt;<br />
&lt;frame src=&#8221;banner.htm&#8221; name=&#8221;topFrame&#8221; scrolling=&#8221;NO&#8221; noresize &gt;<br />
&lt;frameset cols=&#8221;*,700,*&#8221; frameborder=&#8221;NO&#8221; border=&#8221;0&#8243; framespacing=&#8221;0&#8243;&gt;<br />
&lt;frame src=&#8221;menu.htm&#8221; name=&#8221;leftFrame&#8221; scrolling=&#8221;NO&#8221; noresize&gt;<br />
&lt;frame src=&#8221;about: blank&#8221; name=&#8221;mainFrame&#8221;&gt;<br />
&lt;frame src=&#8221;beranda.htm&#8221; name=&#8221;rightFrame&#8221; scrolling=&#8221;NO&#8221; noresize&gt;<br />
&lt;/frameset&gt;<br />
&lt;frame src=&#8221;footer.htm&#8221; name=&#8221;bottomFrame&#8221; scrolling=&#8221;NO&#8221; noresize&gt;<br />
&lt;/frameset&gt;</p></blockquote>
<p>Keterangan:<br />
<strong>mainFrame </strong>adalah frame yang berada di tengah. Di sinilah konten utama web saya.<br />
<strong>topFrame </strong>dan bottomFrame berada di posisi paling atas dan paling bawah web.<br />
<strong>leftFrame dan rightFrame</strong> bertugas mengetengahkan posisi mainFrame dari kedua sisi.</p>
<p>Pada contoh di atas, Anda perhatikan bahwa semua file source/rujukan untuk tiap frame berupa blank.htm kecuali frame utama yang berisi konten sebenarnya.</p>
<p><strong>mainFrame</strong> sendiri berupa halaman kosong. Anda dapat memanggil file tersendiri atau menempatkan iframe di sana. Jika Anda memilih cara ini berarti anda akan memposisikan iframe dalam frameset yang telah kita manipulasi.</p>
<p><strong>2. Dengan Menggunakan IFrame.</strong></p>
<p><strong></strong>Sebenarnya fungsi MainArea dalam Frameset adalah untuk menampilkan konten IFRAMES. Namun saya ingin keseluruhan Frameset terletak pas di tengah, bukan hanya konten utamanya saja. Frameset saya berisi tiga halaman yakni; Area Banner-Atas, area Navigasi Kiri, dan Area Target Utama. Banner Atas dan Navigasi kiri merupakan konten statis, hanya dipanggil sekali dan selanjutnya hanya konten Target Utama yang berubah sesuai dengan navigasi yang dipilih.</p>
<p>Untuk mengetengahkan seluruh Frameset, buatlah <strong>index.htm</strong> dan sisipkan baris perintah berikut ini diantara kode <strong>&lt;body&gt;</strong> dan <strong>&lt;/body&gt;</strong>.</p>
<blockquote><p>&lt;div style=&#8221;text-align:center; display:block&#8221;&gt;<br />
&lt;iframe src=&#8221;http://www.<strong>websiteanda.com</strong>&#8221; width=&#8221;1024px&#8221; height=&#8221;768px&#8221;&gt;&lt;/iframe&gt;<br />
&lt;/div&gt;</p></blockquote>
<p>Masukkan alamat URL Anda pada <strong>www.websiteanda.com.</strong> Atau jika Anda lebih suka, Anda dapat mengganti URL Iframe tersebut dengan halaman index frameset Anda. Sehingga kurang lebih tampilan hirarkinya akan tampak seperti berikut:</p>
<p><strong>index.htm &#8211;&gt; index2.htm (frameset) &#8211;&gt; banner.htm, menu.htm, beranda.htm (file konten frameset)</strong></p>
<p>Saya memilih dan merekomendasikan cara ini karena lebih mudah dan halaman web tampil dengan rata tengah persis seperti yang saya inginkan.</p>
<p>Silakan periksa sendiri hasilnya <a title="komunitas al-manar" href="http://www.al-manar.web.id/">di sini. </a><br />
Bagaimana dengan karya Anda?</p>
<p>Tulisan ini dikembangkan <a title="detutorial.com" href="http://www.htmlcodetutorial.com/help/ftopic9170.html">dari sini </a>dan <a title="experts-exchange" href="http://www.experts-exchange.com/Web_Development/Software/Macrom/">tutorial ini.</a></p>
<div class="shr-publisher-529"></div>]]></content:encoded>
			<wfw:commentRss>http://guntingbatukertas.com/internet/cara-cepat-mengatur-alignment-center-halaman-frameset-web/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Relative, Absolute dan Virtual Hyperlink: 3 Tipe Dasar Hyperlinks</title>
		<link>http://guntingbatukertas.com/internet/relative-absolute-dan-virtual-hyperlink-3-tipe-dasar-hyperlinks/</link>
		<comments>http://guntingbatukertas.com/internet/relative-absolute-dan-virtual-hyperlink-3-tipe-dasar-hyperlinks/#comments</comments>
		<pubDate>Fri, 20 Feb 2009 17:40:05 +0000</pubDate>
		<dc:creator>salsabel</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Absolute Relative Virtual Hyperlink]]></category>
		<category><![CDATA[Base Hyperlink]]></category>
		<category><![CDATA[Dasar HTML]]></category>
		<category><![CDATA[Dasar-dasar Link]]></category>
		<category><![CDATA[GuntingBatuKertas]]></category>
		<category><![CDATA[layout web]]></category>
		<category><![CDATA[Tutorial Web]]></category>

		<guid isPermaLink="false">http://www.guntingbatukertas.com/?p=526</guid>
		<description><![CDATA[Tulisan singkat ini akan menyegarkan ingatan kita terhadap tiga jenis link atau hyperlink yang ada dalam kode HTML. Anda perlu mempelajari kode ini jika ingin ber-eksperimen lebih jauh terhadap halaman Friendster, Blog atau Wordpress.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/link.gif"><img class="size-full wp-image-527 alignleft" title="link" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/link.gif" alt="link" width="144" height="115" /></a>Tulisan singkat ini akan menyegarkan ingatan kita terhadap tiga jenis link atau hyperlink yang ada dalam kode HTML. Anda perlu mempelajari kode ini jika ingin ber-eksperimen lebih jauh terhadap halaman Friendster, Blog atau WordPress Anda.</p>
<p>Tiga jenis link yang saya maksud adalah:<br />
<span id="more-526"></span></p>
<blockquote><p><strong>RELATIF:</strong><br />
Kode:<br />
&lt;a href=&#8221;../default.asp&#8221;&gt;Home&lt;/a&gt;</p>
<p><strong>ABSOLUT:</strong><br />
Kode:<br />
&lt;a href=&#8221;http://www.domainmu.com/default.asp&#8221;&gt;Home&lt;/a&gt;</p>
<p><strong>VIRTUAL:</strong><br />
Kode:<br />
&lt;a href=&#8221;/default.asp&#8221;&gt;Home&lt;/a&gt;</p></blockquote>
<p>Masing-masing dari ketiga tipe link di atas memiliki kelebihan tersendiri. <strong><em>Link Relatif</em></strong> sangat tergantung pada path/lokasi file dimana dia ditempatkan. Misalnya dalam contoh di atas, Home akan berada di luar folder root website dan dengan mengklik link tersebut, Anda akan diarahkan satu tingkat ke atas menuju halaman depan/Home. Jika Anda menggunakan tipe link ini dan salah menempatkan, Anda akan menemukan kode <strong>Error 404 </strong>alias halaman tidak ditemukan</p>
<p><strong><em>Link Absolut </em></strong>tidak terhubung dengan path/lokasi file dimana dia baerada. Link ini akan mengunci lokasi tujuan pada URL tertentu. Oleh karena itu link ini bebas dipakai dan ditempatkan di halaman manapun asal merujuk ke halaman yang valid. Misalnya, dengan mengklik contoh link di atas akan membawa Anda ke halaman Home website www.domainmu.com.</p>
<p><strong>Link Virtua</strong>l mirip sekali dengan Link Relatif dari segi ketergantungan pada path file. Dengan menambahkan tanda &#8216;/&#8217; seperti dalam contoh di atas, Anda akan dibawa kembali ke root folder website. Dimanapun link ini ditempatkan dalam website, ia tetap akan dapat mengarahkan Anda ke halaman depan web Anda terlepas dari lokasi link tersebut ditempatkan.</p>
<p>Sekarang Anda sudah bisa tentukan, link jenis apa yang akan Anda pakai untuk web Anda, kan?</p>
<p>Tulisan ini dikembangkan <a title="turorial" href="http://www.htmlcodetutorial.com/help/sutra14387.html">dari sini</a></p>
<div class="shr-publisher-526"></div>]]></content:encoded>
			<wfw:commentRss>http://guntingbatukertas.com/internet/relative-absolute-dan-virtual-hyperlink-3-tipe-dasar-hyperlinks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

