<?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>Daemors.web.id &#187; mengubah tampilan astore</title>
	<atom:link href="http://daemors.web.id/tag/mengubah-tampilan-astore/feed/" rel="self" type="application/rss+xml" />
	<link>http://daemors.web.id</link>
	<description>Ketika Coretan Menjadi Nikmat Dan Tanpanya Terasa Nista</description>
	<lastBuildDate>Thu, 31 Dec 2009 12:37:46 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Mempercantik Tampilan Astore Amazon</title>
		<link>http://daemors.web.id/mempercantik-tampilan-astore-amazon/</link>
		<comments>http://daemors.web.id/mempercantik-tampilan-astore-amazon/#comments</comments>
		<pubDate>Mon, 01 Jun 2009 00:31:46 +0000</pubDate>
		<dc:creator>Daemors</dc:creator>
				<category><![CDATA[Amazon]]></category>
		<category><![CDATA[astore amazon]]></category>
		<category><![CDATA[mengubah tampilan astore]]></category>

		<guid isPermaLink="false">http://daemors.web.id/?p=547</guid>
		<description><![CDATA[Bagi orang-orang yang telah mengikuti Amazon Affiliate  pasti sudah mengenal apa itu Astore Amazon. Sedikit pengenalan saja, Astore adalah fasilitas yang diberikan oleh Amazon agar kita dapat membuat toko online sendiri. Sehingga kita hanya tinggal menyemplungin saja produk-produk yang telah di sediakan oleh amazon dan whooalaa, kita sudah punya toko online sendiri.
Tapi menurut saya, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-561" title="amazon_astore_logo" src="http://daemors.web.id/wp-content/uploads/amazon_astore_logo.png" alt="amazon_astore_logo" width="189" height="114" />Bagi orang-orang yang telah mengikuti <a href="https://affiliate-program.amazon.com/" target="_blank">Amazon Affiliate </a> pasti sudah mengenal apa itu <strong>Astore Amazon</strong>. Sedikit pengenalan saja, Astore adalah fasilitas yang diberikan oleh Amazon agar kita dapat membuat toko online sendiri. Sehingga kita hanya tinggal <em>menyemplungin</em> saja produk-produk yang telah di sediakan oleh amazon dan whooalaa, kita sudah punya toko online sendiri.</p>
<p>Tapi menurut saya, template astore yang mereka sediakan tampilannya agak kurang menarik dan terlalu monoton. Walaupun designnya yang kurang menarik, tapi <span style="text-decoration: underline;">belum tentu</span> pengunjung tidak membeli barang yang ada di toko astore kita. Juga sebaliknya, tidak juga barang dagangan kita akan laku keras ketika tampilan astore kita menjadi berbeda dan kelihatan bagus, tapi <em>at least</em> saya ingin tampilan astore saya sedikit kelihatan tidak monoton dan terlihat standar.</p>
<p>Di internet ada banyak informasi cara mengubah tampilan astore atau menyediakan themes khusus astore ini, dari yang gratisan sampai yang mengharuskan kita membayar thmes yang mereka sediakan. Salah satu contoh-nya adalah unique-template-store[dot]com. Menurut saya tampilan Astore-nya cukup menarik. Si empunya website ini menjual themes Astore tersebut seharga $3/themes (total ada 30 biji themes yang mereka tawaran). Hmm.. bagaimana saya astore saya bisa kelihatan seperti itu ya? <span style="text-decoration: line-through;">tanpa harus mengeluarkan duit $3</span>. <span id="more-547"></span></p>
<p>Saya sendiri bukan ahli dalam mendesign sebuah website atau blog, apalagi membuat sebuah web online store, tapi dengan sedikit <em>tweaking</em> dan utak-utik sedikit plus <a title="Bertingkah Seperti Makhluk Nocturnal" href="http://daemors.web.id/bertingkah-seperti-makhluk-nocturnal/">menjadi sesosok mahkluk nocturnal</a>, kita bisa membuat tampilan astore amazon kita persis sama dengan tampilan mereka kok’, hanya dengan memasukan dan mengubah secercah <strong>kode CSS</strong> (diterangkan di bawah lebih lanjut) plus mengupload image untuk bagian backgroundnya di hosting image gratisan seperti imageshack, photobucket, tinypics de’el’el etc.</p>
<p>Ok.. acara mengutak-utik astore-pun dimulai. Sekedar contoh, saya akan mengubah tampilan <a title="DEE AIRSOFTGUN | BEST AIRSOFTGUN" href="http://astore.amazon.com/daemgobl-20" target="_blank">toko astore airsoft</a> saya seperti di bawah ini menjadi berbeda menjadi <a href="http://daemors.web.id/dee-airsoft"> Affordable Airsoftgun Online Store</a>.</p>
<p style="text-align: center;"><img class="size-full wp-image-552 aligncenter" title="retouch-astore-amazon3" src="http://daemors.web.id/wp-content/uploads/retouch-astore-amazon3.jpg" alt="retouch-astore-amazon3" width="446" height="269" /></p>
<p>Saya asumsikan kita telah <strong>memilih kategori</strong> atau produk yang telah dipilih untuk ditampilan di toko astore kita. Kita akan dibawa ke area untuk mengedit tampilan Astore. Karena kita akan meng-customize tampilan astore, kita pilih edit CSS. Dan akan tampil menu untuk mengedit CSS.</p>
<p><img class="aligncenter size-full wp-image-553" title="retouch-astore-amazon4" src="http://daemors.web.id/wp-content/uploads/retouch-astore-amazon4.jpg" alt="retouch-astore-amazon4" width="439" height="272" /></p>
<blockquote><p>Note: Bagi yang begitu paham memilih kategori di astore ataupun belum mengerti secara keseluruhan apa itu amazon affiliate, saya sarankan untuk <span style="text-decoration: line-through;">menyambangi</span> mengunjungi <a rel="nofollow" href="http://www.waroengbetawi.com" target="_blank">waroeng-nya kang Viet Anwari</a>. Beliau ini menerangkan secara lebih detail dari A sampe Z mengenai Amazon affiliate plus turorialnya.</p></blockquote>
<h3>Memasukan kode CSS</h3>
<p>Basically yang saya override CSS-nya hanyalah bagian <strong>GLOBAL</strong> – <strong>CATEGORY PAGE</strong> dan <strong>SEARCH RESULTS</strong>. Untuk bagian yang lain saya biarkan kosong (tidak saya ubah).</p>
<p><img class="aligncenter size-full wp-image-555" title="retouch-astore-amazon1" src="http://daemors.web.id/wp-content/uploads/retouch-astore-amazon1.jpg" alt="retouch-astore-amazon1" width="432" height="302" /></p>
<p>Setelah mengupload image untuk bagian background dan gambar2 pendukung lainnya di photobucket.com dan mengcopy alamat url gambar tersebut di kode CSS.  Dan akhirnya tampilan astore sayah pun menjadi seperti ini :</p>
<p><img class="aligncenter size-full wp-image-556" title="retouch-astore-amazon2" src="http://daemors.web.id/wp-content/uploads/retouch-astore-amazon2.jpg" alt="retouch-astore-amazon2" width="383" height="231" /></p>
<p>Btw,kode CSS yang saya masukan di tiap2 bagian dapat di <a href="http://www.ziddu.com/download/4980254/css-astore.zip.html" target="_blank">download di sini</a>. Saya juga melampirkan pula file *.psd (photoshop file) untuk template gambar backgroundnya (<a href="http://www.ziddu.com/download/4980255/images-astore.zip.html" target="_blank">bisa download di sini</a>). Bisa anda ubah sesuai selera atau sesuai dengan product yang anda pajang di astore anda. Setelah mengupload gambar background di hosting image pilihan anda, jangan lupa mengganti alamat url dengan url hosting image itu tadi di bagian kode CSS-nya, seperti contoh ini.</p>
<p><img class="aligncenter size-full wp-image-557" title="retouch-astore-amazon5" src="http://daemors.web.id/wp-content/uploads/retouch-astore-amazon5.jpg" alt="retouch-astore-amazon5" width="306" height="95" /></p>
<p>That’s it. Relatif sama dengan <a rel="nofollow" href="http://astore.amazon.com/camcorder-optical-zoom-20yang" target="_blank"> yang ini</a> kan?. Huuhuuy.. <em>not bad for a newbie like me</em>. <img src='http://daemors.web.id/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  . Selamat mencoba.</p>
<p><small>Moral cerita diatas, daripada ngeluarin duit $3, mendingan bikin sendiri. Toh hasilnya sama saja. <img src='http://daemors.web.id/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />   .</small></p>
]]></content:encoded>
			<wfw:commentRss>http://daemors.web.id/mempercantik-tampilan-astore-amazon/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
