tag:blogger.com,1999:blog-84200939309693528682024-03-19T03:33:56.062-07:00Toko Templeate Blogspot StorAnonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.comBlogger22125tag:blogger.com,1999:blog-8420093930969352868.post-14503035476266988132013-08-17T05:42:00.003-07:002013-08-17T05:42:24.053-07:00Blogger Template Toko Online Perlengkapan Bayi dan Anak<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Sebuah <a href="http://pasartokoonline.blogspot.com/2012/02/koleksi-blogger-template-shopping-cart.html" style="color: brown; text-decoration: none;" target="_blank"><b>Blogger Template toko online</b></a> yang merupakan modifikasi dari <b>template hapy baby</b>, sesuai untuk toko online yang <b>menjual perlengkapan bayi dan anak-anak.</b> Dilengkapi <b>auto readmore,</b> <b>slide show, 3 kolom</b>, dan <b>tombol link or<span style="font-size: x-small;">der </span></b><span style="font-size: x-small;">yang <b>menggantikan shopping cart.</b></span></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: x-small;"> Fitur selengkapnya dan link download ada di bawah ini.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><table border="1" style="color: black; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px; width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSl8pSUgXEtk_m2Lqo5MWhCP4h4jIU4BLD_JsDhxkeVcZjBssjDWBuquRmkZHOoqpD4syi6NROh_BRGchy515fHaQu0kKBEhbabAsqJmisOwBBHc6hVg-uuLab1K0tWxpqQB9NHCMqSMQW/s1600/template+happy+baby.jpg" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="blogger template toko online hapy baby modifikasi" border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSl8pSUgXEtk_m2Lqo5MWhCP4h4jIU4BLD_JsDhxkeVcZjBssjDWBuquRmkZHOoqpD4syi6NROh_BRGchy515fHaQu0kKBEhbabAsqJmisOwBBHc6hVg-uuLab1K0tWxpqQB9NHCMqSMQW/s320/template+happy+baby.jpg" style="border-width: 0px; max-width: 100%;" title="template toko online" width="320" /></a></div>
</th><td><a _blank="" href="https://sites.google.com/site/airabusiness/filesdownload/template%20happy%20baby%20modif.zip?attredirects=0&d=1" style="color: brown; text-decoration: none;"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></td></tr>
<tr><th><b>Nama Template</b></th><td class="item_name"><b>Template Hapy Baby Modif</b></td></tr>
<tr><th><b>Demo Template</b></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><a href="http://templatehappybabymodif.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></td></tr>
<tr><th><b>Deskripsi</b></th><td class="item_Description"><b>Fitur </b>:<br /><ul>
<li>Background Biru</li>
<li>Auto readmore with thumbnail</li>
<li>Order link button</li>
<li>Breadcumb</li>
<li>Header navigation menu</li>
<li>Slide show</li>
</ul>
<br />Note :<br /><i>Untuk mengaktifkan Order Link button anda harus membuat sebuah halaman static dengan judul "cara pemesanan"</i></td></tr>
<tr><th><br /></th><td><div>
<span style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span""><span class="Apple-style-span" style="border-collapse: collapse; line-height: 21px;">Untuk Cara Ganti Template Blogger, Klik <a href="http://pasartokoonline.blogspot.com/2011/10/cara-ganti-template-blogger.html" style="color: #555555; text-decoration: none;"><span class="Apple-style-span" style="color: red;">DISINI</span></a><span class="Apple-style-span" style="color: red;"> </span>tutorialnya.<span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"><br /></span><br /><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"><span class="Apple-style-span" style="color: red;">J</span></span><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"><span class="Apple-style-span" style="color: red;">ika Anda adalah pemula dan mengalami kesulitan dalam hal membuat sebuah blog toko online dengan blogspot, Maka Saya akan melakukannya untuk anda dengan biaya sangat murah, hanya US$ 7.5 (Rp 75.000) sebagai pengganti biaya Online Internet</span>.</span></span></span></span></span></div>
<div>
<span style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span""><span class="Apple-style-span" style="border-collapse: collapse; line-height: 21px;"><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"> </span></span></span></span><br /><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="border-collapse: collapse; line-height: 21px;"><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;">Pesan <a href="http://pasartokoonline.blogspot.com/2011/10/jasa-bikin-blog-atau-toko-online.html" style="background-color: yellow; color: brown; text-decoration: none;"><b>DISINI</b></a></span></span></span></span></div>
</td></tr>
</tbody></table>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftukangtokoonline&width=292&height=62&colorscheme=light&show_faces=false&border_color&stream=false&header=false" style="border-style: none; font-family: Arial, Verdana, sans-serif; font-size: 14px; height: 62px; line-height: 22px; overflow: hidden; width: 292px;"></iframe><br />
<div style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
</div>
<div id="lws_0" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<div class="linkwithin_outer" style="border: 0px; clear: both; margin: 0px; padding: 0px;">
<div class="linkwithin_inner" style="border: 0px; margin: 0px; padding: 0px; width: 596px;">
<div class="linkwithin_text" id="linkwithin_text_0" style="border: 0px; font-weight: bold; margin: 0px; padding: 20px 0px 5px;">
Artikel Terkait dengan yang Sedang Anda Baca:</div>
<div class="linkwithin_posts" style="border: 0px; margin: 0px; padding: 0px;">
<a href="http://pasartokoonline.blogspot.com/2011/10/blogger-template-healthy-food-untuk.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/183338363.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Blogger Template Healthy Food Untuk Toko Herbal</div>
</div>
</a><a href="http://www.tukangtokoonline.web.id/2012/11/bangkoo-wp-themes-untuk-toko-online-anda.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images3.linkwithin.com/images/312491733.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Bangkoo WP Themes untuk Toko Online Anda</div>
</div>
</a><a href="http://pasartokoonline.blogspot.com/2012/07/tips-gonta-ganti-template-tetap-seo-friendly.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/237950645.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Tips Gonta-Ganti Template Namun Tetap SEO Friendly</div>
</div>
</a><a href="http://pasartokoonline.blogspot.com/2012/03/panduan-mudah-mendaftar-dmoz.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/199158781.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Panduan Mudah Mendaftar DMOZ</div>
</div>
</a><a href="http://pasartokoonline.blogspot.com/2011/11/wordpress-theme-bluescalee-dari-magento.html" name="linkwithin_link_0" style="border-bottom-style: none; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/183338161.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Wordpress Theme BlueScalee dari Magento Template untuk Toko ...</div>
</div>
</a></div>
<div id="linkwithin_logo_0" style="border: 0px; clear: both; margin: 0px 0px 20px; padding: 5px 6px 0px 0px; text-align: right;">
</div>
</div>
</div>
</div>
<span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2012/04/blogger-template-toko-online.html#ixzz2cEIuklvH" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2012/04/blogger-template-toko-online.html#ixzz2cEIuklvH</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-53606336963491116762013-08-17T05:40:00.002-07:002013-08-17T05:40:20.303-07:00Template Toko Online Medical Untuk Toko Obat Herbal dan Kimia <div dir="ltr" style="text-align: left;" trbidi="on">
<b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Blogger Template toko online</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> sangat sesuai untuk memasarkan obat herbal, obat kimia atau yang berhubungan dengan pengobatan atau medis. </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Template </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">ini merupakan hasil </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">modifikasi </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">dari </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><a href="http://pasartokoonline.blogspot.com/" style="color: brown; text-decoration: none;" target="_blank">Tukang Toko Online</a> dari <a href="http://pasartokoonline.blogspot.com/2012/02/toko-online-herbal-dengan-template.html" style="color: brown; text-decoration: none;" target="_blank">Template Medical</a>.</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> Template modifikasi ini dilengkapi dengan </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">tombol link order</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">, menu navigasi dan masih banyak lagi fitur lainnya. Fitur selengkapnya dan link download bisa anda simak di bawah ini.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><table border="1" style="color: black; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px; width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfUY4Ud3itEWmgVknKhEmSEg9lnCFPdMMYftQRCaMV2Piqz6zbzy8JUkl0_szWn9AAhJwTdfQ_IdUNluj20kqjMYScyNvbM2ftcevC33Nroy_pjCy4lJWbwdj8pkzyPa46_EBNfOVKWWz9/s1600/template+medical+modif.jpg" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Blogger Template hasil modifikasi dari Template Medical" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfUY4Ud3itEWmgVknKhEmSEg9lnCFPdMMYftQRCaMV2Piqz6zbzy8JUkl0_szWn9AAhJwTdfQ_IdUNluj20kqjMYScyNvbM2ftcevC33Nroy_pjCy4lJWbwdj8pkzyPa46_EBNfOVKWWz9/s320/template+medical+modif.jpg" style="border-width: 0px; max-width: 100%;" title="Template Medical Modifikasi" width="309" /></a></div>
</th><td><a _blank="" href="https://sites.google.com/site/airabusiness/filesdownload/template-medical%20Modif.xml?attredirects=0&d=1" style="color: brown; text-decoration: none;"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></td></tr>
<tr><th><b>Nama Template</b></th><td class="item_name"><b>Template Medical Modif</b></td></tr>
<tr><th><b>Demo Template</b></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><a _blank="" href="http://templatemedicalmodif.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></td></tr>
<tr><th><b>Deskripsi</b></th><td class="item_Description">Fitur :<br /><ul>
<li>Blogger Template</li>
<li>Background Hijau Putih</li>
<li>Auto Readmore dengan Thumbnail</li>
<li>Tombol Link Order</li>
<li>Menu Navigasi</li>
</ul>
Note : <i>Untuk mengaktifkan Tombol Link Order, anda harus membuat sebuah halaman static dengan judul "Cara Pemesanan".</i></td></tr>
<tr><th><br /></th><td><span style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span""><span class="Apple-style-span" style="border-collapse: collapse; line-height: 21px;">Untuk Cara Ganti Template Blogger, Klik <a href="http://pasartokoonline.blogspot.com/2011/10/cara-ganti-template-blogger.html" style="color: #555555; text-decoration: none;"><span class="Apple-style-span" style="color: red;">DISINI</span></a><span class="Apple-style-span" style="color: red;"> </span>tutorialnya.<span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"><br /></span><br /><i><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"><span class="Apple-style-span" style="color: red;">J</span></span><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"><span class="Apple-style-span" style="color: red;">ika Anda adalah pemula dan mengalami kesulitan dalam hal membuat sebuah blog toko online dengan blogspot, Maka Saya akan melakukannya untuk anda dengan biaya sangat murah, hanya US$ 7.5 (Rp 75.000) sebagai pengganti biaya Online Internet</span>.</span></i></span></span></span><br /><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span""><span class="Apple-style-span" style="border-collapse: collapse; line-height: 21px;"><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"> </span></span></span></span><br /><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="border-collapse: collapse; line-height: 21px;"><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"><b>ORDER</b> <a href="http://pasartokoonline.blogspot.com/2011/10/jasa-bikin-blog-atau-toko-online.html" style="background-color: yellow; color: brown; text-decoration: none;"><b>DISINI</b></a></span></span></span></span></td></tr>
</tbody></table>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftukangtokoonline&width=292&height=62&colorscheme=light&show_faces=false&border_color&stream=false&header=false" style="border-style: none; font-family: Arial, Verdana, sans-serif; font-size: 14px; height: 62px; line-height: 22px; overflow: hidden; width: 292px;"></iframe><br />
<div style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
</div>
<div id="lws_0" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<div class="linkwithin_outer" style="border: 0px; clear: both; margin: 0px; padding: 0px;">
<div class="linkwithin_inner" style="border: 0px; margin: 0px; padding: 0px; width: 596px;">
<div class="linkwithin_text" id="linkwithin_text_0" style="border: 0px; font-weight: bold; margin: 0px; padding: 20px 0px 5px;">
Artikel Terkait dengan yang Sedang Anda Baca:</div>
<div class="linkwithin_posts" style="border: 0px; margin: 0px; padding: 0px;">
<a href="http://pasartokoonline.blogspot.com/2011/10/blogger-template-simplex-eshop-untuk.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/183338253.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Blogger Template Simplex Eshop untuk Toko Online dengan ...</div>
</div>
</a><a href="http://www.tukangtokoonline.web.id/2012/12/design-cart-blogger-template-gratis.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images3.linkwithin.com/images/312491731.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Design Cart, Blogger Template Gratis dengan Desain Ciamik</div>
</div>
</a><a href="http://pasartokoonline.blogspot.com/2011/10/wordpress-theme-simple-cart-untuk-toko.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/183338495.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Wordpress Theme Simple Cart Untuk Toko Online</div>
</div>
</a><a href="http://pasartokoonline.blogspot.com/2012/06/mengedit-dan-membuang-widget.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/229711165.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Mengedit dan Membuang Widget Attribution</div>
</div>
</a><a href="http://pasartokoonline.blogspot.com/2012/03/membuat-template-entri-default-sendiri.html" name="linkwithin_link_0" style="border-bottom-style: none; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/208100419.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Membuat Template Entri Default Sendiri di Entri Post Blogger</div>
</div>
</a></div>
<div id="linkwithin_logo_0" style="border: 0px; clear: both; margin: 0px 0px 20px; padding: 5px 6px 0px 0px; text-align: right;">
</div>
</div>
</div>
</div>
<span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2012/04/template-toko-online-medical-untuk-toko.html#ixzz2cEIY9m2Y" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2012/04/template-toko-online-medical-untuk-toko.html#ixzz2cEIY9m2Y</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com2tag:blogger.com,1999:blog-8420093930969352868.post-43403332875782580042013-08-17T05:39:00.003-07:002013-08-17T05:39:43.289-07:00Template Keren untuk Toko Online Distro<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><a href="http://pasartokoonline.blogspot.com/2012/03/template-keren-untuk-toko-online-distro.html" style="color: brown; text-decoration: none;" target="_blank"><b><i>Template Keren untuk Toko Online Distro</i></b></a>--Jika anda bermimpi memiliki<b> toko online distro</b> khususnya kaus, maka template ini adalah pilihan sempurna. Template ini sepertinya memang dirancang untuk <b>toko online kaus distro</b>.</span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> </span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Template ini sudah dilengkapi dengan beberapa fasilitas yang cukup menunjang jika dipakai untuk sebuah<a href="http://www.blogger.com/goog_1801331524" style="color: brown; text-decoration: none;"> </a><b><a href="http://pasartokoonline.blogspot.com/2012/02/template-toko-online-seo-friendly.html" style="color: brown; text-decoration: none;" target="_blank">situs toko online</a>.</b> </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Tersedia readmore otomatis, Footer dengan 3 kolom yang bisa anda pakai sebagai tempat keterangan profil usaha anda dan customer service. Bagian sidebar widget bisa anda pakai sebagai tempat widget seuai pilihan anda. Anda juga bisa menambahkan slide show pada bagian header dengan sedikit editing template tentunya. Template buatan anak negeri ini, saya bagikan gratis untuk anda. </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><table border="1" style="color: black; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><div class="separator" style="clear: both;">
<img alt="t-shirt template" border="0" height="192" src="http://blogtemplate4u.com/wp-content/uploads/2011/08/T-Shirt-blogger-template.jpg" style="max-width: 100%;" width="320" /></div>
</th><td><a href="http://blogtemplate4u.com/index.php?download=dl4files.com/t-shirt.html" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></td></tr>
<tr><th style="font-family: Georgia, 'Times New Roman', serif;"><b>Nama Template</b></th><td class="item_name" style="font-family: Georgia, 'Times New Roman', serif;"><b>T-Shirt Template</b></td></tr>
<tr><th style="font-family: Georgia, 'Times New Roman', serif;"><b>Demo Template</b></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-family: Georgia, 'Times New Roman', serif; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><a href="http://blogtemplate4u.com/?visit=t-shirt-bmt.blogspot.com/" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></td></tr>
<tr><th style="font-family: Georgia, 'Times New Roman', serif;"><b>Deskripsi</b></th><td class="item_Description" style="font-family: Georgia, 'Times New Roman', serif;"><b>Blogger template T Shirt ini memiliki fitur :</b><br /><ul>
<li>Fresh professional </li>
<li>natural dengan background hitam abu-abu dan putih</li>
<li>2 columns layout </li>
<li>sidebar kanan</li>
<li>Sesuai untuk blog personal terlebih untuk Distro</li>
<li>Footer memiliki 3 kolom.</li>
<li>Dilengkapi navigasi menu pada bagian headernya</li>
<li>Readmore otomatis</li>
</ul>
</td></tr>
<tr><th><br /></th><td style="font-family: Georgia, 'Times New Roman', serif;">Untuk Cara Ganti Template Blogger, <b style="color: red;">Klik <a href="http://www.blogger.com/goog_1801331516" style="color: brown; text-decoration: none;">DISINI</a></b><a href="http://pasartokoonline.blogspot.com/2011/10/cara-ganti-template-blogger.html" style="color: brown; text-decoration: none;" target="_blank"></a>tutorialnya.<br /><br /><span style="color: red;">Jika Anda adalah pemula dan mengalami kesulitan dalam hal membuat sebuah blog toko online dengan blogspot, Maka Saya akan melakukannya untuk anda dengan biaya sangat murah, hanya US$ 7.5 (Rp 75.000) sebagai pengganti biaya Online Internet. </span>Pesan <a href="http://pasartokoonline.blogspot.com/2011/10/jasa-bikin-blog-atau-toko-online.html" style="color: brown; text-decoration: none;" target="_blank"><b><span style="color: red;">DISINI</span></b></a></td></tr>
</tbody></table>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftukangtokoonline&width=292&height=62&colorscheme=light&show_faces=false&border_color&stream=false&header=false" style="border-style: none; font-family: Arial, Verdana, sans-serif; font-size: 14px; height: 62px; line-height: 22px; overflow: hidden; width: 292px;"></iframe><br />
<div style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
</div>
<div id="lws_0" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<div class="linkwithin_outer" style="border: 0px; clear: both; margin: 0px; padding: 0px;">
<div class="linkwithin_inner" style="border: 0px; margin: 0px; padding: 0px; width: 596px;">
<div class="linkwithin_text" id="linkwithin_text_0" style="border: 0px; font-weight: bold; margin: 0px; padding: 20px 0px 5px;">
Artikel Terkait dengan yang Sedang Anda Baca:</div>
<div class="linkwithin_posts" style="border: 0px; margin: 0px; padding: 0px;">
<a href="http://www.tukangtokoonline.web.id/2013/01/cara-cepat-ganti-template-blogger.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images3.linkwithin.com/images/312491705.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Cara Cepat Ganti Template Blogger</div>
</div>
</a><a href="http://www.tukangtokoonline.web.id/2012/12/template-redesigncart-tanpa-slide.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images3.linkwithin.com/images/312491717.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Template Redesigncart Tanpa Slide dengan Shopping Cart ...</div>
</div>
</a><a href="http://pasartokoonline.blogspot.com/2013/01/cara-cepat-ganti-template-blogger.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/280961791.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Cara Cepat Ganti Template Blogger</div>
</div>
</a><a href="http://www.tukangtokoonline.web.id/2012/11/bangkoo-wp-themes-untuk-toko-online-anda.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images3.linkwithin.com/images/312491733.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Bangkoo WP Themes untuk Toko Online Anda</div>
</div>
</a><a href="http://pasartokoonline.blogspot.com/2011/10/situs-toko-online-dengan-wp-theme.html" name="linkwithin_link_0" style="border-bottom-style: none; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/183338585.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Situs Toko Online dengan Theme WPStore</div>
</div>
</a></div>
<div id="linkwithin_logo_0" style="border: 0px; clear: both; margin: 0px 0px 20px; padding: 5px 6px 0px 0px; text-align: right;">
</div>
</div>
</div>
</div>
<span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2012/03/template-keren-untuk-toko-online-distro.html#ixzz2cEIOJ7SB" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2012/03/template-keren-untuk-toko-online-distro.html#ixzz2cEIOJ7SB</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com5tag:blogger.com,1999:blog-8420093930969352868.post-47360791138730581242013-08-17T05:39:00.000-07:002013-08-17T05:39:05.820-07:00Mobile Template Opencart Versi 1.5.x.x Gratis Download<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Tampilan mobile untuk sebuah toko online saat ini sudah bukan alternatif lagi, bisa dikatakan sebagai keharusan. Tidak terkecuali dengan Toko online, contohnya platform opencart. Nah berikut ini </span><a href="http://www.tukangtokoonline.web.id/2011/10/jasa-bikin-blog-atau-toko-online.html" style="color: brown; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-decoration: none;" target="_blank"><b>Tukang Toko Online</b></a><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> akan membagikan gratis </span><a href="https://sites.google.com/site/airabusiness/filesdownload/sb_mobile_theme_oc154.zip?attredirects=0&d=1" style="color: brown; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-decoration: none;" target="_blank"><b>Mobile Template Opencart </b></a><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">atau </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">template mobile opencart </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">khusus untuk pengunjung setia blog ini.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Template ini sengaja hanya saya bagikan untuk Opencart versi 1.5.x.x saja, untuk versi lebih lama, juragan bisa googling sendiri</span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">. </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Dari screen shot, sudah bisa terlihat kalau template ini cukup responsif. Anda bisa melihat Screen Shot template di bawah ini.</span><br />
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<br /></div>
<table border="1" style="color: black; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin-left: auto; margin-right: auto;"><tbody>
<tr><th style="text-align: center;"><img alt="Template Mobile Opencart versi 1.5" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBh8EIslzinOzLA8XW6le-U0bbR6EtpHTYTTMn5eAq7MXjrUv9VCOZHozGxGCjGrrxrH92s6z2VN-dcJRyFhmOeyNa6Th3NpyjFAMn8GWW1rkx49-_60IQtBkSgO5vcQz0PSJbbz6vMZ5h/s320/opencart_15_mobile_1.jpg" style="max-width: 100%;" title="Template Mobile Opencart versi 1.5" width="206" /></th><td style="text-align: center;"><img alt="Template Mobile Opencart versi 1.5" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwzooqfHob-OdDsdnGmN82pcFa5y_3-UbGa0jp11IJGfsSVdjBv6I80CoMJC0jWvJX6a97q1Ule7o3ex9Pniy8bUQux5NzuCHvJUaLUhNHzgPYaHnQV6JVBydAXbU7_bI81STeibTM66fD/s320/opencart_15_mobile_2.jpg" style="max-width: 100%;" title="Template Mobile Opencart versi 1.5" width="206" /></td></tr>
<tr><th><br /><div>
<img alt="Template Mobile Opencart versi 1.5" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGs6QhV6V-NeWdbGR6Hr9uT7Al1Q0X7NBpK5AQufRNVyov1-dGfkw_Lf-0r2d6UbxB3EoA4_LJPH1zHPOZQKZ3zWaYCSSS_T8xIepBsEfVwCLjlKoxaYA-upWxdGeSbW3-XGGk5YrCxQq3/s320/opencart_15_mobile_3.jpg" style="max-width: 100%;" title="Template Mobile Opencart versi 1.5" width="206" /></div>
</th><td style="text-align: center;"><img alt="Template Mobile Opencart versi 1.5" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHZ9uRvceyqYwlLzoNP6IELOrx6izYTri6qF0YmagZSJRB7IsYn2nvoQgsnk2IRg8Sqi_FCocaWcQWNREX1dpV1ivet6OKZMGeseazsKfyfVDwXcKYwy1KGMkAIcw0F0jIDptZ1jMJawKp/s320/opencart_15_mobile_4.jpg" style="max-width: 100%;" title="Template Mobile Opencart versi 1.5" width="206" /></td></tr>
<tr><th style="text-align: center;"><img alt="Template Mobile Opencart versi 1.5" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-VRD9SKdJca8fnnimcawMKJGiqGNItIN3TM1CO5SNkiHhqGBAjasTUxFLEQ0QKkI2OYZ_eDhjQU6vKZqch9iQMYmnkefh6Jy0dMZMHTb7JFPl-pAmRhROwd6C4WcbIUw5w-JPN1oWKccZ/s320/opencart_15_mobile_5.jpg" style="max-width: 100%;" title="Template Mobile Opencart versi 1.5" width="206" /></th><td style="text-align: center;"><img alt="Template Mobile Opencart versi 1.5" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg978A7HlfVPcVAPuzUt8V9cE0Odf_qH3NxgGK2pg6_wwTdRJMNkJKlCBSRT-LKuOUPwdphk5I6dQ7UejLru5ZQxDIah-PF4qLGaSl4MEjMUcGf-jTDXZ5LOs90usaeVg0KjSMZCIqvYUgn/s320/opencart_15_mobile_6.jpg" style="max-width: 100%;" title="Template Mobile Opencart versi 1.5" width="206" /></td></tr>
<tr><th style="text-align: center;"><img alt="Template Mobile Opencart versi 1.5" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKBH3y7GTgloQLf6hR2ZPx5Pl6z75Z4kyTYP1MjiQyUz2EfKsm748Uza5wJnFRST3IMjoZJXIS9x_D5n83SfyvpFpLE0lZwpVtKfczklA0n-ksfXRSWz6XFZjN1nxtpyXv-MqCJJlk59YQ/s320/opencart_15_mobile_7.jpg" style="max-width: 100%;" title="Template Mobile Opencart versi 1.5" width="206" /></th><td><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGs6QhV6V-NeWdbGR6Hr9uT7Al1Q0X7NBpK5AQufRNVyov1-dGfkw_Lf-0r2d6UbxB3EoA4_LJPH1zHPOZQKZ3zWaYCSSS_T8xIepBsEfVwCLjlKoxaYA-upWxdGeSbW3-XGGk5YrCxQq3/s1600/opencart_15_mobile_3.jpg" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><br /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg978A7HlfVPcVAPuzUt8V9cE0Odf_qH3NxgGK2pg6_wwTdRJMNkJKlCBSRT-LKuOUPwdphk5I6dQ7UejLru5ZQxDIah-PF4qLGaSl4MEjMUcGf-jTDXZ5LOs90usaeVg0KjSMZCIqvYUgn/s1600/opencart_15_mobile_6.jpg" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><br /></a></div>
<div style="text-align: center;">
Link Live Demo <a href="http://oc1521.simonbattersby.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank">DISINI</a>.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Males atau Bingung cara settingnya...?<br />Pake <b>JASA TOKO ONLINE </b><br /><b> </b>dari <b>Tukang Toko Online </b>Saja<b>...</b><br /><span style="font-size: small;"><a href="http://www.tukangtokoonline.web.id/2011/10/jasa-bikin-blog-atau-toko-online.html" style="color: brown; text-decoration: none;" target="_blank"><span style="color: red;"><b>KLIK DISINI</b></span></a></span></div>
<br /><div style="text-align: center;">
<br /></div>
</td></tr>
</tbody></table>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<br /></div>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Tentu saja tampilan akan terlihat lebih baik kalau anda menggunakan ponsel atau smartphone.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Template ini didesain untuk ukuran layar dengan lebar di bawah 320px. Berikut ini adalah beberapa rangkuman perubahan yang terdapat pada mobile template ini berdasarkan dari template defaultnya:</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Common</b><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><ul style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<li>Menggunakan Mobile doctype</li>
<li>Menghilangkan keseluruhan breadcrumbs, dalam beberapa kasus menggantinya dengan link “back to parent”</li>
<li>Menghilangkan "compare capability" karena fitur ini tidak bekerja pada layar yang kecil</li>
<li>Menghilangkan "search"</li>
<li>Menghilangkan sitemap</li>
<li>Menghilangkan 99% tabel, dengan meninggalkan sedikit tabel “tabular data” yang dirasa tidak rusak displaynya jika ditampilkan – "checkout summary, order info, return history dan reward history"</li>
<li>Menghilangkan semua pesan popup</li>
<li>Menghilangkan tampilan content_left dan content_right secara keseluruhan, dan memindahkan content_top ke dalam header</li>
<li>memindahkan pilihan bahasa dan currency ke bagian footer</li>
</ul>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Kategori dan halaman produk</b><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><ul style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<li>Menambahkan sebuah check list dari kategori sehingga hanya ditampilkan jika pada kategori terdapat produknya – dengan catatan bahwa tidak ada parent kategori yang kosong.</li>
<li>Pada halaman Kategori, tampilan daftarnya tetap defaul, dan menghilangkan opsi merubah tampilan</li>
<li>Menambahkan sebuah pesna yang ditampilkan di atas halaman produk jika user mengklik add to cart dari halaman kategori untuk produk yang memerlukan opsi pilihan – meskipun ini bisa membingungkan user yang belum berpengalaman</li>
<li>Pada halaman produk, mengganti tampilan tab dengan accordion, yang bisa bekerja dengan lebih baik pada layar kecil, dan mengganti gambar popup dengan gambar pengganti yang lebih simpel</li>
<li>Pada halaman Featured, Specials, Bestsellers, Latest dan Manufacturer, tampilan default nya adalah grid, dan menghilangkan opsimerubah tampilan</li>
</ul>
<b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Checkout</b><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><ul style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<li>Untuk “add to cart” dan “add to wish list”, mengganti pesan layar di atas dengan membuat di dekat tombol klik</li>
<li>Mengganti cart header dengan link yang menunjukkan quantity dari item dalam sebuah cart</li>
<li>Menghilangkan “estimate shipping costs”</li>
<li>Menambahkan kembali checkout sehingga beberapa pesan tampil dalam body yang dirasa lebih baik jika tampil di atas halaman, dan menampilkan jumlah js pada halaman bawah sampai 690 garis</li>
<li>Menambahkan kemampuan untuk redeem coupons selama checkout (ini untuk versi OC 1.5.2.1 ke atas)</li>
</ul>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Perubahan Konfigurasi yang diperlukan</b><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><ul style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<li>Atur tambahan ukuran Product Image sampai 228px, sebesar ukuran besar gbr/image nya</li>
<li>Atur gbr/image wish list dan cart sampai 50px</li>
</ul>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Panduan Setting dan file Templatenya bisa anda dapatkan </span><a href="http://www.simonbattersby.com/blog/opencart-implementing-a-mobile-theme/" rel="nofollow" style="color: brown; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-decoration: none;" target="_blank">DISINI</a><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Template ini memerlukan vQmod. Versi yang tersedia di sini, menurut developernya sudah dites terhadap versi opencart yang terkait (versi untuk 1.5.1, 1.5.2.1, 1.5.3.1 dan 1.5.4 sudah dites untuk setiap halamannya).</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
Semoga bermanfaat</div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
</div>
<span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /></span><div class="linkwithin_text" id="linkwithin_text_0" style="border: 0px; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; line-height: 22px; margin: 0px; padding: 20px 0px 5px;">
Artikel Terkait dengan yang Sedang Anda Baca:</div>
<div class="linkwithin_posts" style="border: 0px; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px;">
<a href="http://pasartokoonline.blogspot.com/2011/10/situs-toko-online-dengan-opencart.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/183338651.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Situs Toko Online dengan Opencart</div>
</div>
</a><a href="http://pasartokoonline.blogspot.com/2012/03/tutorial-mengganti-template-opencart.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/201593105.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Tutorial Cara Mengganti Template Opencart</div>
</div>
</a><a href="http://pasartokoonline.blogspot.com/2012/03/template-opencart-pilihan-dari-yoocart.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/205804477.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
6 Template Opencart Pilihan dari Yoocart</div>
</div>
</a><a href="http://www.tukangtokoonline.web.id/2013/06/streak-responsive-opencart-premium-theme.html" name="linkwithin_link_0" style="border-bottom-style: none; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images3.linkwithin.com/images/317144789.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Streak Responsive Opencart Premium Theme</div>
</div>
</a><a href="http://pasartokoonline.blogspot.com/2012/02/panduan-singkat-instalasi-opencart.html" name="linkwithin_link_0" style="border-bottom-style: none; color: brown; cursor: pointer; display: block; float: left; margin: 0px; padding: 6px; text-decoration: none;"><div style="border: 0px; height: 165px; margin: 0px; padding: 0px; width: 106px;">
<div class="linkwithin_img_0" style="border: 1px solid rgb(221, 221, 221); height: auto; margin: 0px; padding: 2px; width: auto;">
<div style="background-image: url(http://images2.linkwithin.com/images/196790125.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; border: 0px; height: 100px; margin: 0px; padding: 0px; width: 100px;">
</div>
</div>
<div class="linkwithin_title linkwithin_title_0" style="border: 0px; color: black; font-family: arial; font-size: 12px; line-height: normal; margin: 3px 0px 0px; padding: 0px;">
Panduan Singkat Instalasi Opencart</div>
</div>
</a></div>
<div id="linkwithin_logo_0" style="border: 0px; clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin: 0px 0px 20px; padding: 5px 6px 0px 0px; text-align: right;">
</div>
<span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /></span><span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Read more: <a href="http://www.tukangtokoonline.web.id/2013/05/mobile-template-opencart-versi-15xx.html#ixzz2cEI8OERU" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2013/05/mobile-template-opencart-versi-15xx.html#ixzz2cEI8OERU</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-77182227876021134342013-08-17T05:27:00.002-07:002013-08-17T05:27:40.237-07:00Template Modifikasi untuk Toko Online dari Template VideoBlog <div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">
Jika sebelumnya anda sudah sempat melihat atau bahkan men-<b>download <a href="http://pasartokoonline.blogspot.com/2011/10/blogger-template-video-blog-untuk-toko.html" style="color: brown; text-decoration: none;" target="_blank">Template VideoBlog</a></b>, maka pada bagi-bagi <b>template toko online</b> kali ini <b>Tukang Toko Online</b> akan membagikan sebuah template hasil <b>modifikasi dari Template VideoBlog</b> tersebut. Dengan melihat banyaknya counter pageview pada template videoblog di situs ini, maka tidak ada salahnya jika Saya membuat modifikasi template tersebut agar lebih sesuai atau cocok dengan desain sebuah toko online dan sekaligus ucapan terimakasih pada pengunjung setia situs ini. </div>
<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">
<br /></div>
<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">
Beberapa fitur sudah saya sesuaikan, seperti adanya tombol order dan detail, sehingga tampilan di homepage template ini benar-benar berasa toko online. Simak fitur selengkapnya dan<b> download link</b> serta <b>live demo</b>nya di bawah ini.</div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><table border="1" style="color: black; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px; width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgeuRI7nuihpwVqRbliYi095iQwsStIw1BbJyHqmCvjiE-v_vIM-1HA-kRBZLVHr9o6asczQRRC0xyoD94ITtjy7w8FZPLuswbVK4r76CvlRzY_gOcjurubaE0WhwyPgaex6RpwpDCGmrG/s1600/videoblog+modif.jpg" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="template videoblog modifikasi tukang toko online" border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgeuRI7nuihpwVqRbliYi095iQwsStIw1BbJyHqmCvjiE-v_vIM-1HA-kRBZLVHr9o6asczQRRC0xyoD94ITtjy7w8FZPLuswbVK4r76CvlRzY_gOcjurubaE0WhwyPgaex6RpwpDCGmrG/s320/videoblog+modif.jpg" style="border-width: 0px; max-width: 100%;" width="320" /></a></div>
</th><td><a _blank="" href="https://sites.google.com/site/airabusiness/filesdownload/template-videoblog%20modif.xml?attredirects=0&d=1" style="color: brown; text-decoration: none;"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></td></tr>
<tr><th><b>Nama Template</b></th><td class="item_name"><b>Template VideoBlog Modif</b></td></tr>
<tr><th><b>Demo Template</b></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><a _blank="" href="http://bloggersaja.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></td></tr>
<tr><th><b>Deskripsi</b></th><td class="item_Description">Fitur:<br /><ul>
<li>Background putih</li>
<li>5 kolom</li>
<li>Thumbnail readmore otomatis</li>
<li>Tombol link Order dan Detail (di beranda)</li>
<li>Minimalis bergaya Gallery</li>
</ul>
Note: <i>Untuk mengaktifkan tombol link Order, anda harus membuat sebuah static page dengan judul "cara pemesanan".</i></td></tr>
<tr><th><br /></th><td><span style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span""><span class="Apple-style-span" style="border-collapse: collapse; line-height: 21px;">Untuk Cara Ganti Template Blogger, Klik <a href="http://pasartokoonline.blogspot.com/2011/10/cara-ganti-template-blogger.html" style="color: #555555; text-decoration: none;"><span class="Apple-style-span" style="color: red;">DISINI</span></a><span class="Apple-style-span" style="color: red;"> </span>tutorialnya.<span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"><br /></span><br /><i><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"><span class="Apple-style-span" style="color: red;">J</span></span><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"><span class="Apple-style-span" style="color: red;">ika Anda adalah pemula dan mengalami kesulitan dalam hal membuat sebuah blog toko online dengan blogspot, Maka Saya akan melakukannya untuk anda dengan biaya sangat murah, hanya US$ 7.5 (Rp 75.000) sebagai pengganti biaya Online Internet</span>.</span></i></span></span></span><br /><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span""><span class="Apple-style-span" style="border-collapse: collapse; line-height: 21px;"><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"> </span></span></span></span><br /><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="border-collapse: collapse; line-height: 21px;"><span class="Apple-style-span" style="border-collapse: collapse; line-height: 22px;"><b>ORDER</b> <a href="http://pasartokoonline.blogspot.com/2011/10/jasa-bikin-blog-atau-toko-online.html" style="background-color: yellow; color: brown; text-decoration: none;"><b>DISINI</b></a></span></span></span></span></td></tr>
</tbody></table>
<span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2012/04/template-modifikasi-untuk-toko-online.html#ixzz2cEFJoJ5X" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2012/04/template-modifikasi-untuk-toko-online.html#ixzz2cEFJoJ5X</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-66400955109720771192013-08-17T05:16:00.001-07:002013-08-17T05:16:15.461-07:00Cara Gampang Bikin Related Post Dengan Gambar di Blogger Memanfaatkan Widget LinkWithin <div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Langsung aja menuju ke alamat </span><a href="http://linkwithin.com/" rel="nofollow" style="color: brown; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-decoration: none;">LinkWithin.com</a><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">, kemudian anda akan masuk ke halaman seperti pada gambar di bawah ini :</span><br />
<div class="separator" style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSdRq1kkNmL9hPzNm443y6YACuaHpCoXsuxmb7_GN4vUVIeY4rD3fzc78hLMKF9_Zia2GMkkt2MZdP75Ml12jO_JIfmVDzdU7nNaSY8wq4SSJ4F2f-wLSvnKLTSapHeeJD_2JeQGtF02HF/s1600/linkwithin+1.jpg" imageanchor="1" rel="nofollow" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="417" rel="nofollow" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSdRq1kkNmL9hPzNm443y6YACuaHpCoXsuxmb7_GN4vUVIeY4rD3fzc78hLMKF9_Zia2GMkkt2MZdP75Ml12jO_JIfmVDzdU7nNaSY8wq4SSJ4F2f-wLSvnKLTSapHeeJD_2JeQGtF02HF/s640/linkwithin+1.jpg" style="border-width: 0px; max-width: 100%;" width="640" /></a></div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Anda harus melengkapi form data terlebih daulu seperti email, blog link/website, platform yang bisa anda pilih mulai blogger/wordpress dll, kemudian width (merepresentasikan jumlah link posting yang akan tampil, mulai dari 1 sampai 5).</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Jika blog anda memiliki text yang cerah dan background berwarna gelap, misalnya text warna putih, backgroundnya hitam, anda bisa memberi tanda centang pada opsi </span><i style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><b>My Blog has light....</b></i><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Jika dirasa sudah lengkap, klik bagia Get Widget, dan anda akan diarahkan ke halmaan seperti dibawah ini.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div class="separator" style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiT98UAfY5DS4f2BuqVtoPLBteETsUJspUduHKnAgyaMyQD5fSPCF9wSHVsUTJQ2cKN5bU9_L9sqz9LE249kXt6H4_QJ2vTANTG5ShqWfknMZ_Hlz7fW1_uEcjrPEAxanxy4RxD282vKRg/s1600/linkwithin+2.jpg" imageanchor="1" rel="nofollow" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="162" rel="nofollow" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiT98UAfY5DS4f2BuqVtoPLBteETsUJspUduHKnAgyaMyQD5fSPCF9wSHVsUTJQ2cKN5bU9_L9sqz9LE249kXt6H4_QJ2vTANTG5ShqWfknMZ_Hlz7fW1_uEcjrPEAxanxy4RxD282vKRg/s320/linkwithin+2.jpg" style="border-width: 0px; max-width: 100%;" width="320" /></a></div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Sebelum anda meng-klik bagian </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Install Widget</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> (panah merah) anda harus login dulu ke akun blogger anda.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Selanjutnya anda bisa klik bagian </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Install Widget, </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">yang akan diarahkan pada halaman blogger seperti berikut ini :</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Pilih sebuah blog</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> jika anda punya lebih dari 1 blog, kemudian klik bagian </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Add Widget</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div class="separator" style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<a href="http://www.linkwithin.com/blogger_step_1.png" imageanchor="1" rel="nofollow" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="224" rel="nofollow" src="http://www.linkwithin.com/blogger_step_1.png" style="border-width: 0px; max-width: 100%;" width="320" /></a></div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div class="step" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
(Optional) Agar tampilan lebih baik, <b>Drag dan Drop</b> bagian kotak widget LinkWithin di bawah bagian "Postingan Blog" anda.</div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div class="separator" style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<a href="http://www.linkwithin.com/blogger_step_relocate.png" imageanchor="1" rel="nofollow" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="214" rel="nofollow" src="http://www.linkwithin.com/blogger_step_relocate.png" style="border-width: 0px; max-width: 100%;" width="320" /></a></div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div class="step" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
Klik <b>Save</b>.</div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div class="separator" style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<a href="http://www.linkwithin.com/blogger_step_save.png" imageanchor="1" rel="nofollow" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="270" rel="nofollow" src="http://www.linkwithin.com/blogger_step_save.png" style="border-width: 0px; max-width: 100%;" width="320" /></a></div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div class="step" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
Dan selesai! Widget pastinya sudah muncul pada blog anda<a href="http://pasartokoonline.blogspot.com/" style="color: brown; text-decoration: none;" target="_blank"></a>.</div>
<span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2012/01/cara-gampang-bikin-related-post-dengan.html#ixzz2cECAFgMu" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2012/01/cara-gampang-bikin-related-post-dengan.html#ixzz2cECAFgMu</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-61073128475646927292013-08-17T05:14:00.000-07:002013-08-17T05:14:08.520-07:00Membuat Form Contact dari Blogger di Halaman Statis <div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><span style="font-size: x-small;"><a href="http://www.tukangtokoonline.web.id/2013/07/membuat-form-contact-dari-blogger-di-halaman-statis.html" style="color: brown; text-decoration: none;" target="_blank"><i><b>Membuat Form Contact dari Blogger di Halaman Statis</b></i></a> - Jika sebelumnya Tukang toko online sudah membagikan tutorial <a href="http://www.tukangtokoonline.web.id/2013/07/widget-contact-form-resmi-dari-blogger.html" style="color: brown; text-decoration: none;" target="_blank"><b>membuat widget contact form resmi dari Blogger</b></a>, maka saat ini akan berbagi lagi tutorial cara memindahkan widget contact form ke halaman statis (static page).</span></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><span style="font-size: x-small;">Ikuti panduan berkut ini untuk memindahkan widget Contact Form ke halaman yang terpisah/tersendiri. </span></span><br />
<ol style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<li><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;">Pertama kali, tambahkan Blogger Contact Form Widget ke sidebar anda seperti yang sudah pernah ditulis dalam posting sebelumnya. (Nantinya widget ini akan kita sembunyikan) . </span></span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;">Kemudian buat sebuah laman baru di blog anda.<br /><img alt="create-new-page-in-blogger" border="0" height="220" src="http://lh3.ggpht.com/-URHo3lycVV0/UZVKlJ4pU9I/AAAAAAAACtI/rzdRbSuwHL8/create-new-page-in-blogger%25255B2%25255D.png?imgmax=800" style="background-image: none; border-style: none; border-width: 0px; display: inline; max-width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="create-new-page-in-blogger" width="400" /></span></span></li>
<span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;">Copy kode contact form di bawah ini :</span></span><br /><div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Kode contact form</b>: <input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<pre class="code"><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;"><form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
</span></span></pre>
</div>
</div>
<span style="font-size: x-small;"><span style="font-family: Georgia, 'Times New Roman', serif;">Saat membuat laman ini</span></span><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;">, anda harus mengganti kode dalam mode HTML seperti gambar di bawah. Kemudian paste kode di atas ke dalam bagian post editor, disable komentar dan publish laman anda.</span></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;"><img alt="blogger-comment-form-on-separate-page" border="0" height="254" src="http://lh4.ggpht.com/-r8m2K8BP8Fc/UZVKnAyeaiI/AAAAAAAACtQ/93pR_rFAecQ/blogger-comment-form-on-separate-page%25255B2%25255D.png?imgmax=800" style="background-image: none; border-style: none; border-width: 0px; display: inline; max-width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="blogger-comment-form-on-separate-page" width="400" /></span></span>
<li><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;">Selanjutnya menuju ke <b>Template</b> > <b>Edit HTML</b></span></span><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;"><br /><img alt="blogger-edit-html" border="0" height="360" src="http://lh3.ggpht.com/-PQzc6danyMA/UYGnLdqUeBI/AAAAAAAACoM/_icXH34YwoI/blogger-edit-html2.png?imgmax=800" style="max-width: 100%;" title="blogger-edit-html" width="400" /></span></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;">dan langsung lompat ke kode widget contact form, lalu expand kode widgetnya</span></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;"><img alt="jump-to-contact-form-widget" border="0" height="163" src="http://lh3.ggpht.com/-ODg3CsG_fGk/UZVKoZ0ctJI/AAAAAAAACtY/-128e9G92U0/jump-to-contact-form-widget%25255B2%25255D.png?imgmax=800" style="background-image: none; border-style: none; border-width: 0px; display: inline; max-width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="jump-to-contact-form-widget" width="640" /></span></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;"><img alt="expand-contact-form-widget" border="0" height="83" src="http://lh4.ggpht.com/-eUj8_uIBUqs/UZVKpxHb08I/AAAAAAAACtg/d57NoLJOUc4/expand-contact-form-widget%25255B2%25255D.png?imgmax=800" style="background-image: none; border-style: none; border-width: 0px; display: inline; max-width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="expand-contact-form-widget" width="640" /></span></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;">dan kemudian expand tag b:includable </span></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;"><img alt="expand-contact-form-widget-main-includable" border="0" height="32" src="http://lh6.ggpht.com/-WJpxgXxRkqY/UZVKrAJUwkI/AAAAAAAACto/0LsefeJhbbs/expand-contact-form-widget-main-includable%25255B2%25255D.png?imgmax=800" style="background-image: none; border-style: none; border-width: 0px; display: inline; max-width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="expand-contact-form-widget-main-includable" width="640" /></span></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;">selanjutnya delete kode seperti di bawah ini </span></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;"><img alt="delete-bincludable-of-contact-form" border="0" height="520" src="http://lh6.ggpht.com/-i_aSI_fKS10/UZVKscbjFKI/AAAAAAAACtw/r_9ZgJ4XjDk/delete-bincludable-of-contact-form%25255B2%25255D.png?imgmax=800" style="background-image: none; border-style: none; border-width: 0px; display: inline; max-width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="delete-bincludable-of-contact-form" width="640" /></span></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;">sehingga hasil akhirnya seperti ini</span></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;"><img alt="contact-form-widget-should-look-like" border="0" height="78" src="http://lh4.ggpht.com/-bdRM8JQo7Dk/UZVKt60r8lI/AAAAAAAACt4/dbOSJyWO60w/contact-form-widget-should-look-like%25255B2%25255D.png?imgmax=800" style="background-image: none; border-style: none; border-width: 0px; display: inline; max-width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="contact-form-widget-should-look-like" width="640" /><br />Sekarang kita sudah mencegah munculnya contact form di sidebar halaman manapun</span></span><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;">. Pastikan bahwa anda <b>tidak membuang </b>widget tsb dari halaman tata letak / Layout.</span></span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: x-small;">Save Template dan berhasil. Anda sudah memiliki halaman kontak yang resmi dai Blogger widget yang akan menuju ke gmail anda</span></span></li>
</ol>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><span style="font-size: x-small;">Semoga bermanfaat</span></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><span style="font-size: x-small;"><i>Sumber :</i> <i>bloggerplugins.org</i></span></span><span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2013/07/membuat-form-contact-dari-blogger-di-halaman-statis.html#ixzz2cEBuYOXH" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2013/07/membuat-form-contact-dari-blogger-di-halaman-statis.html#ixzz2cEBuYOXH</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-38436231335119028922013-08-17T05:11:00.002-07:002013-08-17T05:11:41.635-07:00Template Toko Online Shopping Cart dengan Checkout via Email <div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><i><a href="http://pasartokoonline.blogspot.com/2012/10/template-toko-online-shopping-cart-dengan-checkout-via-email.html" style="color: brown; text-decoration: none;" target="_blank"><b>Template Toko Online Shopping Cart dengan Checkout via Email</b></a></i>. Makin banyak pegiat toko online yang memanfaatkan <b>platform blogger</b> sebagai tempat untuk membuka <i>lapak</i>nya. Dan, efeknya adalah dengan makin banyak dicarinya <b>template </b>yang sangat mendukung untuk <b>berbisnis ecommerce</b> ini. </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /><br />Saat ini sudah semakin banyak </span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><b>blogger template ecommerce</b> yang melengkapi fiturnya dengan <b>shopping cart</b>. Namun hanya sedikit template berfitur shopping cart dengan currency mata uang lokal (Rupiah) dan bisa melakukan checkout via email. Kebanyakan fitur checkout dari shopping cart adalah melalui paypal atau google checkout yang pada saat ini belum bisa memproses dan menerima rupiah.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br />Kalaupun ada template dengan shopping cart yang memiliki </span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><b>fitur currency Rupiah</b> dan tombol <b>Checkout via email</b>, maka yang banyak beredar adalah template berbayar atau template premium. Sampai saat ini sepertinya belum ada yang bersedia membaginya secara cuma-cuma.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br />Nah kali ini Tukang Toko Online akan membagikan </span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><b>blogger template</b> dengan <b>fitur shopping cart</b> yang memakai <b>currency rupiah</b> dan dilengkapi juga dengan<b> fitur checkout via email</b>. Shopping cart di template ini memanfaatkan script dari <b><i>SimpleCart</i></b> dan desain template dari <i><b>BloggerMint,</b></i> sebelum disempurnakan oleh <b>Tukang Toko Online</b> agar lebih mudah dipakai oleh pebisnis lokal (Indonesia).</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br />Setidaknya meskipun belum secanggih shopping cart dari Sistem CMS lainnya semacam Wordpress, Opencart dll, namun fitur shopping cart pada template ini sudah cukup jika dipakai sebagai lapak berjualan online buat Blogger.</span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Silakan anda simak fitur selengkapnya di bawah ini dan jika anda berkenan, silakan anda download dan manfaatkan dengan bijak.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><br />
<blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<div style="text-align: center;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><i>Jangan Lupa untuk mengklik tombol <span style="color: blue;"><b>Like </b></span>pada <span style="color: blue;"><b>fanpage </b></span><b>Tukang Toko Online</b> di <b><span style="color: blue;">facebook </span></b>agar anda bisa terus menerima update artikel dari Blog ini.</i></span></div>
</blockquote>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><table border="1" style="color: black; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><br /><div class="separator" style="clear: both;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioXGXROaD9yG5HT8OKbYplcHkfmIuOI9gDyFaeqO8h13Iy2hyVWB6JP02mb2Wpft_M9MJoLHkzNXYlvFYHsaqsI6knZ1yV5V5jpyxTb7CVURyL6Va4ep66Qvn2vq9d0IpfPcAu-Zkw1kSz/s1600/template+kranjang+blanja.jpg" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="template kranjang blanja" border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioXGXROaD9yG5HT8OKbYplcHkfmIuOI9gDyFaeqO8h13Iy2hyVWB6JP02mb2Wpft_M9MJoLHkzNXYlvFYHsaqsI6knZ1yV5V5jpyxTb7CVURyL6Va4ep66Qvn2vq9d0IpfPcAu-Zkw1kSz/s320/template+kranjang+blanja.jpg" style="border-width: 0px; max-width: 100%;" title="template kranjang blanja" width="320" /></a></span></div>
</th><td><span style="font-family: Georgia, 'Times New Roman', serif;"><a href="https://sites.google.com/site/airabusiness/filesdownload/template%20kranjang%20blanja.xml?attredirects=0&d=1" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></span></td></tr>
<tr><th><span style="font-family: Georgia, 'Times New Roman', serif;">Nama Template</span></th><td class="item_name"><span style="font-family: Georgia, 'Times New Roman', serif;"><b>template kranjang blanja</b></span></td></tr>
<tr><th><span style="font-family: Georgia, 'Times New Roman', serif;">Demo Template</span></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><span style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://templatekranjangblanja.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></span></td></tr>
<tr><th><span style="font-family: Georgia, 'Times New Roman', serif;">Fitur</span></th><td class="item_Description"><ul>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Header Adspace 728x90 </span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">YM Button</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Search Box</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Tab Navigation</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Grid Style 4 columns</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">breadcumbs</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Related Post with thumbnail </span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Bookmark Share Site</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Shopping cart</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">IDR Currency (Rupiah)</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Multi Tabs Widget</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Checkout via email</span></li>
</ul>
</td></tr>
<tr><th><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></th><td><div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsr6hZjDypf-8Khz3rsBfKTNorL3a1LLuCapCsVrjPGvc1-03oT6TRDPkiuzBuq2AmagSnAh5EHvs2vlezo37BR7ktQsoyrnC3QTIfxwvf28CqsZjdJO0P5-EPwDcTlFL4Vd4a-eHplYUN/s1600/checkout+kranjang+blanja+1.jpg" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="checkout page" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsr6hZjDypf-8Khz3rsBfKTNorL3a1LLuCapCsVrjPGvc1-03oT6TRDPkiuzBuq2AmagSnAh5EHvs2vlezo37BR7ktQsoyrnC3QTIfxwvf28CqsZjdJO0P5-EPwDcTlFL4Vd4a-eHplYUN/s320/checkout+kranjang+blanja+1.jpg" style="border-width: 0px; max-width: 100%;" title="checkout page" width="228" /></a></span></div>
<span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBgtrxDxO4GlhK64sDmNuqL-WRFrYbhbVR0Y6DxfvkC4HpK5dSeJRkSOpGsQAJo_xqF_u2uq1XPkZK61wdhM3qB0TWOxVOpGfrGJajiQB0mO_CBlEep0qZTkHTTkPXP8Fv1OnxEq6LUgna/s1600/single+page+kranjang+blanja.jpg" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="single page" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBgtrxDxO4GlhK64sDmNuqL-WRFrYbhbVR0Y6DxfvkC4HpK5dSeJRkSOpGsQAJo_xqF_u2uq1XPkZK61wdhM3qB0TWOxVOpGfrGJajiQB0mO_CBlEep0qZTkHTTkPXP8Fv1OnxEq6LUgna/s320/single+page+kranjang+blanja.jpg" style="border-width: 0px; max-width: 100%;" title="single page" width="220" /></a></span></div>
<span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></td></tr>
</tbody></table>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><u><b><br /></b></u><u><b>Panduan Install template </b></u></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><b>1.</b> Download Template dari link Download di atas</span></div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><b>2.</b> Masuk ke akun Blogger Anda.</span></div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><b>3.</b> Upload file <b>template kranjang</b> <b>blanja </b>pada akun blogger Anda (panduan upload Template <a href="http://pasartokoonline.blogspot.com/2011/10/cara-ganti-template-blogger.html" style="color: brown; text-decoration: none;" target="_blank">ADA DISINI</a>)</span></div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><b>4.</b> Kemudian Masuk ke opsi <b>EDIT HTML template blogger</b> Anda. Jangan lupa untuk men<b>centang</b> <b>Expand Widget Template</b> (ingat!! <b>selalu back up template dulu untuk jaga-jaga</b>).</span></div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;">Berikut adalah beberapa elemen kode yang bisa anda lakukan editing.</span></div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><b>Editing bagian Header :</b></span></div>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div class="separator" style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg37vjd8OrzfahHekSi2B5lvJXdvMkND78dqbBVkuf0tWrMtOqLirzYy7L2vpgewtcZvKF3N1msQXgI7iHbU6hTDKZNP9Oiy8l-3PNzrObc-xPguypi13Dmht8WAo2IgldR27lcx1kA-Fip/s1600/header+kranjang+blanja.jpg" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="header template kranjang blanja" border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg37vjd8OrzfahHekSi2B5lvJXdvMkND78dqbBVkuf0tWrMtOqLirzYy7L2vpgewtcZvKF3N1msQXgI7iHbU6hTDKZNP9Oiy8l-3PNzrObc-xPguypi13Dmht8WAo2IgldR27lcx1kA-Fip/s640/header+kranjang+blanja.jpg" style="border-width: 0px; max-width: 100%;" title="header template kranjang blanja" width="640" /></a></span></div>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><u><b>Mengganti ID Yahoo Messenger</b></u> </span></div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;">Temukan kode di bawah dan ganti text yang berwarna <span style="color: red;">merah </span>dengan ID YM anda :</span></div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<blockquote class="tr_bq" style="background-color: #93c47d; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;">ymsgr:sendIM?<span style="color: red;">teguharifiantoati</span></span></blockquote>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;">dan</span></div>
<blockquote class="tr_bq" style="background-color: #93c47d; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;">http://opi.yahoo.com/online?u=<span style="color: red;">teguharifiantoati</span></span></blockquote>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><u><b>Mengedit kotak pencarian</b> </u></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Agar kotak pencarian bisa bekerja di blog Anda, cari alamat url berikut :</span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><span style="background-color: #93c47d;">http://<span style="color: red;">templatekranjangblanja.blogspot.com</span>/search</span></span></blockquote>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">ganti text berwarna merah (<span style="background-color: #93c47d;"><span style="color: red;">templatekranjangblanja</span></span><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;">.blogspot.com) <span style="color: black;">dengan alamat URL Blog Anda.</span></span></span></span></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><u><b>Mengganti Logo</b></u> </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Anda harus menuju ke Tab Layout/ Tata Letak, Kemudian edit widget Header, lalu ganti logo dengan logo toko anda sendiri (lihat gambar di bawah ini).</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div style="background-color: white; border: medium none; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; overflow: hidden; text-align: center;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><img alt="mengganti logo blog / toko online" border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO1s19yN4aq19P9vte-LUqnfYsoFWDFILjoBmjMXYWNXVpdpq7t0E8P7RAx3wGsYgtA_-PqyiibIIxKnsI7lbYefMLzoJ7z6-rZcQqYRq4ga2aW6SdhSC1d_AskxFm5h3DqHtSDvJamDFw/s400/ganti+logo.jpg" style="max-width: 100%;" title="mengganti logo blog / toko online" width="400" /></span></div>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><b><u><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;">Mengganti Banner 728x90</span></span></span></span></u></b></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><b><u><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;"></span></span></span></span></u></b></span></div>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Masuk ke template >> edit html >> centang expand widget </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Cari kode berikut </span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">:</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="background-color: #b6d7a8;"><b><span style="font-family: Georgia, 'Times New Roman', serif;"><div id='topads'><br /><span style="color: red;"><b:section class='adslot' id='adslot' maxwidgets='1' preferred='yes'><br /><b:widget id='HTML2' locked='false' title='' type='HTML'><br /><b:includable id='main'><br /> <!-- only display title if it's non-empty --><br /> <b:if cond='data:title != &quot;&quot;'><br /> <h2 class='title'><data:title/></h2><br /> </b:if><br /> <div class='widget-content'><br /> <data:content/></span><br /> </div></span></b></span></blockquote>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Hapus semua kode yang berwarna merah dan ganti dengan kode berikut</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<b><span style="font-family: Georgia, 'Times New Roman', serif;"><a href="<span style="color: red;">http://linkanda.com/</span>" target="_blank" rel="nofollow"><img src="<span style="color: blue;">http://alamaturlgambaranda.com/gambar.jpg</span>"/></a></span></b></blockquote>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Keterangan</span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">:</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">- ganti link warna merah dengan link anda</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">- ganti link gambar warna biru dengan link gambar anda (pastikan ukuran gambar 728x90).</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><b>Preview </b>template, jika sudah benar, <b>save </b>template anda</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><b><u><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;">Mengganti Kalimat Selamat Datang</span></span></span></span></u></b></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Masih di bagian <b>Template>>Edit HTML</b>, Cari kalimat selamat datang seperti gambar berikut ini dan ganti dengan kalimat selamat datang versi anda sendiri.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div class="separator" style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggDfKYA_Mnid9E708fjZjPKNY4llKvrDhXq6qhvniSMbbnE5bssArZDX_KkPoPM9CEPp6Bis3s3zxePbkoYFaFh9WXDvPhHhLWaph7oZ962VL2VtsQNhRNhw-h8AKkImu1pUxnxxHzkHGH/s1600/slamat+datang+kranjang+blanja.jpg" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggDfKYA_Mnid9E708fjZjPKNY4llKvrDhXq6qhvniSMbbnE5bssArZDX_KkPoPM9CEPp6Bis3s3zxePbkoYFaFh9WXDvPhHhLWaph7oZ962VL2VtsQNhRNhw-h8AKkImu1pUxnxxHzkHGH/s640/slamat+datang+kranjang+blanja.jpg" style="border-width: 0px; max-width: 100%;" width="640" /></a></span></div>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;"><b><u>Mengganti Link Checkout Shopping Cart</u></b></span></span></span></span></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;"><br /></span></span></span></span><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;">Cari kode berikut ini : <b> </b></span></span></span></span></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><span style="background-color: #d9ead3;"><b:if cond='data:blog.url != &quot;http://<span style="color: red;"><b>templatekranjangblanja</b></span>.blogspot.com/p/checkout.html&quot;'></span><br /><span style="background-color: #d9ead3;"><!-- Shopping Cart Starts --></span><br /><span style="background-color: #d9ead3;"><div id='add-to-cart-widget'></span><br /><span style="background-color: #d9ead3;"> <h2>Keranjang Belanja</h2></span><br /><span style="background-color: #d9ead3;"> <div class='simpleCart_items'/> </span><br /><span style="background-color: #d9ead3;"> <div id='cartTotal'></span><br /><span style="background-color: #d9ead3;"> Total: <span class='simpleCart_total'/></span><br /><span style="background-color: #d9ead3;"> </div></span><br /><span style="background-color: #d9ead3;"> <div class='cartbuttons'></span><br /><span style="background-color: #d9ead3;"> <a class='simpleCart_empty' href='javascript:;'>Kosongkan</a></span><br /><span style="background-color: #d9ead3;"> <a href='http://<span style="color: red;"><b>templatekranjangblanja</b></span>.blogspot.com/p/checkout.html'>Checkout</a></span><br /><span style="background-color: #d9ead3;"> </div></span><br /><span style="background-color: #d9ead3;"></div></span><br /><span style="background-color: #d9ead3;"><!-- Shopping Cart Ends --></span><br /><span style="background-color: #d9ead3;"></b:if></span></span></blockquote>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Kemudian<b> </b>ganti semua alamat sub domain (yang berwarna merah) tersebut dengan alamat blog anda. </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;"><br /></span></span></span></span><u><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;"><b>Memasang Kode Template Entry Post</b></span></span></span></span></u></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;"><br /></span></span></span></span><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;">Copy kode script di bawah ini dan letakkan pada bagian menu <b><i>Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) </i></b>pada blog anda<i><br /></i></span></span></span></span></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div style="border: medium none; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; overflow: hidden;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><span style="background-color: #d9ead3;"><br /></span></span></div>
<div style="border: medium none; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; overflow: hidden;">
<span style="font-family: Georgia, 'Times New Roman', serif;"></span></div>
<blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<div style="border: medium none; overflow: hidden;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><span style="background-color: #d9ead3;"><table border="1" style="width: 660px;"><br /><tbody><br /><tr><br /> <th class="item_thumb" id="thumb" width="45%">Pasang Gambar Produk Anda DISINI</th><br /> <td><input class="item_add" type="button" value="Add to Cart" /></td><br /></tr><br /><tr><br /> <th><b>Kode Barang</b></th><br /> <td class="item_name">Kode produk taruh disini!</td><br /></tr><br /><tr><br /> <th><b>Harga</b></th><br /> <td class="item_price">$99.99</td><br /> </tr><br /><tr><br /> <th><b>Keterangan</b></th><br /> <td class="item_Description">Fitur produk!</td><br /> </tr><br /><tr><br /> <th><b>Stok Barang</b></th><br /> <td>Stok barang anda!</td><br /></tr><br /><tr><br /> <th><b>Gambar Tambahan</b></th><br /> <td>tempatkan gambar produk tambahan di sini</td><br /></tr><br /></tbody><br /></table></span></span></div>
</blockquote>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><u><b>Membuat Halaman Statis / Static Page untuk Checkout</b></u></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Masuk ke menu Laman (Page) >>buat laman baru >> laman kosong kemudian masuk ke bagian HTML, beri Judul <u><b>Checkout</b></u>, selanjutnya copy paste script di bawah ini :</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><span style="background-color: #d9ead3;"><h2 style="text-align: center;"><br />Keranjang Belanja Anda</h2><br /><h2 style="font-weight: normal; text-align: center;"><br /><span style="font-size: x-small;">"<b><span style="color: red;">Mohon Lengkapi Form dan Copy Paste Semua Order di Kolom Message. .!</span></b>"</span></h2><br /><div class="simpleCart_items"><br /></div><br /><div class="clear"><br /><br /><br /><br /><br /><table border="1" style="width: 680px;"><tbody><br /><tr><td class="odd">Total Items: </td><td class="even"><span class="simpleCart_quantity">0</span></td></tr><br /><tr><td class="odd">SubTotal: </td><td class="even"><span class="simpleCart_total">Rp0.00</span></td></tr><br /><tr><td class="odd">Tax Cost: </td><td class="even"><span class="simpleCart_taxCost">Rp0.00</span></td></tr><br /><tr><td class="odd">Biaya Kirim: </td><td><a href="http://jne.co.id/" rel="nofollow" target="_blank">Cek di Sini</a></td></tr><br /><tr><td class="odd">Final Total: </td><td class="even"><span class="simpleCart_finalTotal">Rp0.00</span></td></tr><br /></tbody></table><br /></div></span></span></blockquote>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Anda bisa mengganti kalimat panduan yang berwarna merah sesuai dengan selera anda sendiri. </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Ini masih belum selesai, agar halaman checkout via email anda bisa berfungsi, harus menambahkan kode email kontak form di bawah kode di atas. Kalau dalam contoh demo templatenya memakai form dari Kontactr (panduannya <a href="http://pasartokoonline.blogspot.com/2011/10/membuat-kontak-kami-contact-us-dengan.html" style="color: brown; text-decoration: none;" target="_blank"><b>DISINI</b></a>). Sehingga hasilnya seperti terlihat pada gambar di bawah ini </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsr6hZjDypf-8Khz3rsBfKTNorL3a1LLuCapCsVrjPGvc1-03oT6TRDPkiuzBuq2AmagSnAh5EHvs2vlezo37BR7ktQsoyrnC3QTIfxwvf28CqsZjdJO0P5-EPwDcTlFL4Vd4a-eHplYUN/s1600/checkout+kranjang+blanja+1.jpg" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="checkout page" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsr6hZjDypf-8Khz3rsBfKTNorL3a1LLuCapCsVrjPGvc1-03oT6TRDPkiuzBuq2AmagSnAh5EHvs2vlezo37BR7ktQsoyrnC3QTIfxwvf28CqsZjdJO0P5-EPwDcTlFL4Vd4a-eHplYUN/s400/checkout+kranjang+blanja+1.jpg" style="border-width: 0px; max-width: 100%;" title="checkout page" width="285" /></a></span></div>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Anda bisa memakai form buatan buatan sendiri dari Google Docs (Lihat cara pembuatannya <b><a href="http://pasartokoonline.blogspot.com/2012/04/cara-membuat-form-contact-us-sendiri.html" style="color: brown; text-decoration: none;" target="_blank">DISINI</a></b>) atau dari form email kontak lain yang banyak bertebaran di internet.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Sampai disini tutorial <b>panduan install template kranjang blanja </b>sudah selesai.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Jika ada masalah silakan kirimkan komentar melalui kolom komentar di bawah.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><i>Jangan lupa </i></span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="font-family: Georgia, 'Times New Roman', serif;"><i>Like fanpage facebook Tukang Toko Online.</i></span></b><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><blockquote class="tr_bq" style="background-color: #d9ead3; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<b style="color: red;"><span style="font-family: Georgia, 'Times New Roman', serif;"><i>***</i></span><span style="color: black; font-family: Georgia, 'Times New Roman', serif;">Kalau anda gak mau repot </span><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="color: black;">dan susah-susah edit template dan bikin toko online platform blogger, Manfaatin Jasa bikin toko Online dari tukang Toko Online</span> <a href="http://pasartokoonline.blogspot.com/2011/10/jasa-bikin-blog-atau-toko-online.html" style="color: brown; text-decoration: none;" target="_blank">DISINI</a>***</span></b><b><span style="font-family: Georgia, 'Times New Roman', serif;"><i><span style="color: red;"></span></i></span></b></blockquote>
<div style="background-color: #d9ead3; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"></span></div>
<div style="background-color: #d9ead3; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"></span></div>
<div style="background-color: #d9ead3; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"></span></div>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><i>Semoga Bermanfaat</i></span><span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2012/10/template-toko-online-shopping-cart-dengan-checkout-via-email.html#ixzz2cEBIFR9B" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2012/10/template-toko-online-shopping-cart-dengan-checkout-via-email.html#ixzz2cEBIFR9B</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-50027238038763587182013-08-17T05:10:00.003-07:002013-08-17T05:10:38.711-07:00Design Cart, Blogger Template Gratis dengan Desain Ciamik <div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">
Kalau pada post sebelumnya <a href="http://pasartokoonline.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b>Tukang toko online</b></a> bagi-bagi <a href="http://pasartokoonline.blogspot.com/2012/11/bangkoo-wp-themes-untuk-toko-online-anda.html" style="color: brown; text-decoration: none;" target="_blank">template gratis untuk <b>platform Wordpress</b></a>, kali ini tukang toko online akan membagi template gratis untuk platform blogger. Tentu saja template yang dibagikan ini memang ditujukan untuk toko online.</div>
<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">
<br /></div>
<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">
Menurut Tukang Toko Online, template ini cukup luar biasa dari sisi desainnya. Jika anda memiliki usaha di bidang fotografi, lukisan, jasa pembuatan desain dan sejenisnya, maka template ini sangat saya rekomendasikan untuk anda pakai.</div>
<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">
<br /></div>
<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">
Biar basa-basinya nggak kelamaan, silakan anda simak fitur dan live demonya langsung di bawah ini dan jika berkenan, langsung download saja dari linknya:</div>
<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">
<br /></div>
<table border="1" style="color: black; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px; width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><br /><div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ZuDTRcTDjI2kcKL8QPS_0S6tRLKbcbWXORhuwAjH7eZg8LY97c-ZkRVweV8qgN1gvni0jRJ7HYARPvBVt6pC5rOvDys4_i26GUnaeMEutn5K3DkWn1WDG_Pd261A4U58k1z_zbf_oD3X/s1600/Design-Cart-520x375.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ZuDTRcTDjI2kcKL8QPS_0S6tRLKbcbWXORhuwAjH7eZg8LY97c-ZkRVweV8qgN1gvni0jRJ7HYARPvBVt6pC5rOvDys4_i26GUnaeMEutn5K3DkWn1WDG_Pd261A4U58k1z_zbf_oD3X/s320/Design-Cart-520x375.png" style="border-width: 0px; max-width: 100%;" width="320" /></a></div>
</th><td><a href="http://besttheme.net/download/premium/Design-Cart-E-Commerce.zip" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></td></tr>
<tr><th><b>Nama Template</b></th><td class="item_name">Design Cart</td></tr>
<tr><th><b>Demo Template</b></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><a href="http://design-cart-premiumbloggerthemes.blogspot.com/" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></td></tr>
<tr><th><b>Fitur</b></th><td class="item_Description"><ul>
<li>blogger template premium free</li>
<li>Shopping cart</li>
<li>paypal checkout</li>
<li>homepage slide show</li>
<li>3 columns</li>
<li>Gallery/photolog style</li>
<li>4 columns footer widget</li>
<li>header menu navigation</li>
<li>Manual setting disertakan dalam file download (PDF)</li>
</ul>
</td></tr>
<tr><th><br /></th><td><b>Ribet settingnya..##$#??</b><br />Pakai Jasa Bikin Toko Online <a href="http://pasartokoonline.blogspot.com/2011/10/jasa-bikin-blog-atau-toko-online.html" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b>DISINI</b></a></td></tr>
</tbody></table>
<span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2012/12/design-cart-blogger-template-gratis.html#ixzz2cEB2ks00" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2012/12/design-cart-blogger-template-gratis.html#ixzz2cEB2ks00</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-72105566129164275352013-08-17T05:10:00.000-07:002013-08-17T05:10:12.983-07:002 Template Toko Online Modifikasi dengan Invoice Email<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
<span class="awal" style="color: black; float: left; font-family: times; font-size: 60px; font-weight: bold; line-height: 40px; padding-right: 5px;">D</span>ari beberapa template Toko Online dengan shopping cart yang saya bagikan sebelumnya, banyak kendala yang dihadapi, khususnya bagi mereka yang menggunakan mata uang non top currency (<b>dollar, Euro dan Pounds</b>). Khusus untuk kali ini, saya akan membagikan 2 buah template Toko Online Cart dengan menggunakan fasilitas <b>Invoice Email</b>. Singkatnya begini, jika ada pesanan lewat fitur shopping cart Anda akan menerima langsung lewat email tanpa harus membuat form order, dan pesanan pembeli sesuai dengan produk yang di order lewat fitur shopping cart. Kelebihan lain adalah seorang pemesan pun juga akan menerima email dari barang yang dibelinya.</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Untuk kali ini, saya memodifikasi 2 buah template yang pernah saya bagikan sebelumnya, yaitu <a href="http://www.maskolis.com/2012/05/johny-blackstore-template-toko-online.html" style="color: #0956a8; text-decoration: none;" target="_blank">Johny Blackstore</a> dan <a href="http://www.maskolis.com/2012/05/johny-magstore-template-magazine-untuk.html" style="color: #0956a8; text-decoration: none;" target="_blank">Johny Magstore</a> khusus untuk mata uang <b>Rupiah (Rp)</b>. Oke langsung saja ya</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><b style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;"><span style="font-size: medium;">Johny Sip Deh</span></b><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Template ini persis sama dengan <a href="http://www.maskolis.com/2012/05/johny-blackstore-template-toko-online.html" style="color: #0956a8; text-decoration: none;" target="_blank">Johny Blackstore</a>, hanya beda warnanya saja dan tambahan fitur<i>related post</i> di bawah postingan. Untuk tutorial cara membuat postingan dan pemasangan widget yang ada pada template ini, silahkan dibuka artikel <b><a href="http://www.maskolis.com/2012/05/johny-blackstore-template-toko-online.html" style="color: #0956a8; text-decoration: none;" target="_blank">Johny Blackstore, Template Toko Online Asal Jadi</a></b></div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GdE5XPU_sKEoL_7CWXjBB3sSZa9iGJKsQFYIjcnnfaqapcfIK-8IHxqrWlHgPyLYlBKQWM3fE-f16dxDbbjQ8HWIVxQPmYCQJsCmFoiSZZuECgcuv-_cIui59lbJqppl4U1YVc78Qxg/s1600/Johny+Sip+Deh.jpg" style="color: #0956a8; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GdE5XPU_sKEoL_7CWXjBB3sSZa9iGJKsQFYIjcnnfaqapcfIK-8IHxqrWlHgPyLYlBKQWM3fE-f16dxDbbjQ8HWIVxQPmYCQJsCmFoiSZZuECgcuv-_cIui59lbJqppl4U1YVc78Qxg/s1600/Johny+Sip+Deh.jpg" style="border-width: 0px; margin: 0px; padding: 0px;" /></a></div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: blue; font-family: Arial; font-size: 12px; line-height: 18px; text-align: center;">
<b><span style="font-size: small;"><a href="http://johnysip-deh.blogspot.com/" style="color: #0956a8; text-decoration: none;" target="_blank">Demo</a> <span style="color: black;">|</span> <a href="http://www.mastemplate.com/2012/12/johny-sip-deh.html" style="color: #0956a8; text-decoration: none;" target="_blank">Download</a></span></b></div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><span style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">Simpan semua file javascript pada template ini pada Google Code sendiri, download filenya : </span><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: center;">
<b><a href="http://www.mediafire.com/?bdytbeeb5e5211e" style="color: #0956a8; text-decoration: none;" target="_blank">Download Javascript</a></b></div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Saya akan menjelaskan cara kerja shopping cart dengan menggunakan fitur email invoice secara sistematis disini. Sebagai contoh kasus, saya memesan barang lewat cart pada demo template diatas seperti gambar berikut ini :</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipfJTvJjQ675DozJGoRPx_YiKtccUe6Z6kQ2F4ppeqp9sQxImSEzQwOAQ5yCMFd4xQjReSdzjjEjSZdOKLtgXLgcOzjaEplr_wbiIslOWDRChn6rhvGy8yNVtl1DCNmVrDe7YziZmbHso/s1600/pesan+produk.jpg" style="color: #0956a8; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipfJTvJjQ675DozJGoRPx_YiKtccUe6Z6kQ2F4ppeqp9sQxImSEzQwOAQ5yCMFd4xQjReSdzjjEjSZdOKLtgXLgcOzjaEplr_wbiIslOWDRChn6rhvGy8yNVtl1DCNmVrDe7YziZmbHso/s1600/pesan+produk.jpg" style="border-width: 0px; margin: 0px; padding: 0px;" /></a></div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Setelah klik "<b>Order Email</b>", si pemesan diharuskan untuk mengisi formulir yang muncul seperti <i>pop up</i>berikut ini :</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfBd-bvpsfkVGqspC6Y73Xva3csoAmtR2l__DeGohX2kECxcnnO0HWCFdiHqcjtI-y4W_ZM5XaINCXLFvRNxBwEDcp0-ChzSSqJDvbs5DPX8H9nCcVPVqvgEjyAL7snvhNwI00R2s0XVU/s1600/pop+up+pemesan.jpg" style="color: #0956a8; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfBd-bvpsfkVGqspC6Y73Xva3csoAmtR2l__DeGohX2kECxcnnO0HWCFdiHqcjtI-y4W_ZM5XaINCXLFvRNxBwEDcp0-ChzSSqJDvbs5DPX8H9nCcVPVqvgEjyAL7snvhNwI00R2s0XVU/s1600/pop+up+pemesan.jpg" style="border-width: 0px; margin: 0px; padding: 0px;" /></a></div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Kemudian klik <b>OK</b> button, setelah itu si pemesan akan diarahkan untuk mengisi <b>email, nama, alamat, nomer telepon</b> yang bisa dihubungi. Setelah semuanya diisi, pemesan akan mendapatkan notifikasi email seperti gambar berikut ini :</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzcBfTy1b8jK_p2hiMk2eITI838ga8QuDTNGJVVpNkkRwLcBLtrRRAEZQfrRnk72Sop8uqIub83-bRQuChRYldJoRaKrNMd98i7XsA72VtDHQiVdYqXV9KaKeSpdZYZny4QVIGToBKpek/s1600/email+pemesan.jpg" style="color: #0956a8; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzcBfTy1b8jK_p2hiMk2eITI838ga8QuDTNGJVVpNkkRwLcBLtrRRAEZQfrRnk72Sop8uqIub83-bRQuChRYldJoRaKrNMd98i7XsA72VtDHQiVdYqXV9KaKeSpdZYZny4QVIGToBKpek/s1600/email+pemesan.jpg" style="border-width: 0px; margin: 0px; padding: 0px;" /></a></div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
<b>Perhatikan produk-produk yang dipesan, sama dengan barang yang dipesan lewat shopping cart</b>. Dan si pemilik toko online, dalam hal ini sebagai penjual pasti juga akan menerima notifikasi email dari pembeli atau pemesan produk seperti gambar berikut ini :</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGqWvJ0TMrsVXiGwW2PeugCye3RjEjtZ6nU67nF87-zfAopfv0JfGN-Z7BvdKtHFMr3G7ee-O9Gg5qJhXhFnDUXt_yh6BSLOjQqzC6ellxLZtqSFVU7s0wDt9RfyeIip9e_yLOE8jSYs8/s1600/email+penjual.jpg" style="color: #0956a8; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGqWvJ0TMrsVXiGwW2PeugCye3RjEjtZ6nU67nF87-zfAopfv0JfGN-Z7BvdKtHFMr3G7ee-O9Gg5qJhXhFnDUXt_yh6BSLOjQqzC6ellxLZtqSFVU7s0wDt9RfyeIip9e_yLOE8jSYs8/s1600/email+penjual.jpg" style="border-width: 0px; margin: 0px; padding: 0px;" /></a></div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Setelah proses diatas, pemesan dan penjual tinggal melakukan finalisasi proses transaksi melalui data-data yang sudah tercantum dalam email yang dikirim.</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><b style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">Setting Template</b><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><span style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">Untuk merubah setelan transaksi online pada template ini, cari kode berikut ini pada </span><b style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">Edit HTML</b><span style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;"> :</span><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; margin: 5px; text-align: justify;">
<div class="bigfont" style="margin-bottom: 2px;">
<input style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Open" /></div>
<div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
simpleCart.email = &#39;<b><span style="color: blue;">ncmajid@gmail.com</span></b>&#39;;<br />simpleCart.checkoutTo = Email;<br />simpleCart.currency = IDR;<br />simpleCart.urlWebsite = &#39;<span style="color: blue;"><b>http://johnysip-deh.blogspot.com</b></span>&#39;;<br />simpleCart.taxRate = <b><span style="color: blue;">0.02</span></b>;<br />simpleCart.shippingFlatRate = <b><span style="color: blue;">3.25</span></b>;<br />simpleCart.shippingQuantityRate = <b><span style="color: blue;">1.00</span></b>;<br />simpleCart.alamatPemilik = &#39;<b><span style="color: blue;">Alamat Anda</span></b> &#39;;<br />simpleCart.noHP = &#39;<b><span style="color: blue;">081 xxxx xxxx</span></b>&#39;;<br />simpleCart.urlFacebook = &#39;<b><span style="color: blue;">http://www.facebook.com/pages/your faceboo</span></b>k&#39;;<br />simpleCart.urlTwitter = &#39;<b><span style="color: blue;">https://twitter.com/your twitter</span></b>&#39;;<br />simpleCart.akunbank1 = &#39;<b><span style="color: blue;">Bank A</span></b>&#39;;<br />simpleCart.norek1 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />simpleCart.namarek1 = &#39;<b><span style="color: blue;">Nama Pemilik Rekening Bank A</span></b>&#39;;<br />simpleCart.akunbank2 = &#39;<b><span style="color: blue;">Bank B</span></b>&#39;;<br />simpleCart.norek2 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />simpleCart.namarek2 = &#39;<b><span style="color: blue;">Nama Pemilik Rekening Bank B</span></b>&#39;;<br />simpleCart.akunbank3 = &#39;<b><span style="color: blue;">Bank C</span></b>&#39;;<br />simpleCart.norek3 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />simpleCart.namarek3 = &#39;<span style="color: blue;"><b>Nama Pemilik Rekening Bank C</b></span>&#39;;<br />simpleCart.akunbank4 = &#39;<b><span style="color: blue;">Bank D</span></b>&#39;;<br />simpleCart.norek4 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />simpleCart.namarek4 = &#39;<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>&#39;;<br />simpleCart.akunbank5 = &#39;<b><span style="color: blue;">Bank E</span></b>&#39;;<br />simpleCart.norek5 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />simpleCart.namarek5 = &#39;<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>&#39;;<br />simpleCart.akunbank6 = &#39;<b><span style="color: blue;">Bank F</span></b>&#39;;<br />simpleCart.norek6 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />simpleCart.namarek6 = &#39;<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>&#39;;<br />simpleCart.urlReferrer = &#39;http://www.maskolis.com&#39;;<br />simpleCart.businessName = &#39;<b><span style="color: blue;">Nama Toko Online Anda</span></b>&#39;;<br />simpleCart.formatsmsKonfirmasi= &#39;(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)&#39;;<br />simpleCart.contohformatsmsKonfirmasi= &#39;Maskolis, email.maskolis@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 &#39;;<br />simpleCart.catatanTambahanInvoice= &#39;(Have a nice day for you and I hope you enjoy it)&#39;;<br />simpleCart.cartHeaders = [&quot;Name&quot;, &quot;thumb_image&quot; , &quot;Quantity_input&quot; , &quot;Total&quot;, &quot;remove&quot; ];</div>
</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Kode <b><span style="color: blue;">warna biru</span></b> diatas yang harus Anda ganti, sesuaikan dengan kebutuhan data Anda sehingga konsumen lebih percaya untuk membeli produk dari toko online yang Anda kelola.</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><span style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">Dan jika Anda ingin setting pembayaran dengan Paypal tinggal merubah kode berikut : </span><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><pre style="background-color: white; color: #222222; font-size: 12px; line-height: 18px; text-align: justify;">simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;</pre>
<span style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">Ganti email dengan Paypal dan rubah IDR dengan mata uang top currency yang Anda inginkan. Hapus data pada kode diatas yang tidak diperlukan.</span><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Untuk mengaktifkan fungsi reply komantar pada template ini, ganti <i><b>Blog ID</b></i> pada template ini pada <b>Edit HTML</b> (jangan lupa <i>centang expand widget template</i>) : <b><span style="color: #cc0000;">4486072018930286729</span></b> setelah ketemu ganti dengan blog ID anda</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><b style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;"><span style="font-size: large;">Johny Muantab</span></b><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Template ini modifikasi dari <a href="http://www.maskolis.com/2012/05/johny-magstore-template-magazine-untuk.html" style="color: #0956a8; text-decoration: none;" target="_blank">Johny Magstore</a>, bedanya template ini menggunakan satu sidebar di sebelah kiri. Cara membuat postingan dan memasang widget sama persis dengan <a href="http://www.maskolis.com/2012/05/johny-magstore-template-magazine-untuk.html" style="color: #0956a8; text-decoration: none;" target="_blank">Johny Magstore</a> template, untuk itu silahkan jika Anda ingin menggunakan template ini dibuka kembali artikel <b><a href="http://www.maskolis.com/2012/05/johny-magstore-template-magazine-untuk.html" style="color: #0956a8; text-decoration: none;" target="_blank">Johny Magstore, Template Magazine untuk Toko Online</a></b>.</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheee7Wp4jBxBu7VfmtGcWLicCgvTDkWZ747mw1vT7NZ5dbC1g7gEHMtYr5IMo2b6ynBp2H6Trru6_0jL0bmCHLOfslPhnypoLVLZDAvxAP1aDyoXALu2tosqVFyBwFgWMCrBe70XfA_N4/s1600/Johny+Mantuab.jpg" style="color: #0956a8; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheee7Wp4jBxBu7VfmtGcWLicCgvTDkWZ747mw1vT7NZ5dbC1g7gEHMtYr5IMo2b6ynBp2H6Trru6_0jL0bmCHLOfslPhnypoLVLZDAvxAP1aDyoXALu2tosqVFyBwFgWMCrBe70XfA_N4/s1600/Johny+Mantuab.jpg" style="border-width: 0px; margin: 0px; padding: 0px;" /></a></div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: blue; font-family: Arial; font-size: 12px; line-height: 18px; text-align: center;">
<b><span style="font-size: small;"><a href="http://johny-mantuab.blogspot.com/" style="color: #0956a8; text-decoration: none;" target="_blank">Demo</a> <span style="color: black;">|</span> <a href="http://www.mastemplate.com/2012/12/johny-muantab.html" style="color: #0956a8; text-decoration: none;" target="_blank">Download</a></span></b></div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><span style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">Simpan semua file javascript pada template ini pada Google Code sendiri, download filenya : </span><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: center;">
<b><a href="http://www.mediafire.com/?61f2epo0mt4k644" style="color: #0956a8; text-decoration: none;" target="_blank">Download Javascript</a></b></div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Template ini sama dengan template <b>Johny Sip Deh</b>, menggunakan invoice email payment method (sistem pembayaran lewat email). </div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><b style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">Setting Template</b><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><span style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">Cari kode di bawah ini pada </span><b style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">Edit HTML</b><span style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">, untuk mengoptimalkan data mengenai toko online yang Anda kelola :</span><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; margin: 5px; text-align: justify;">
<div class="bigfont" style="margin-bottom: 2px;">
<input style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div>
<div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
simpleCart.email = '<b><span style="color: blue;">ncmajid@gmail.com</span></b>';<br />simpleCart.checkoutTo = Email;<br />simpleCart.currency = IDR;<br />simpleCart.urlWebsite = '<b><span style="color: blue;">http://johny-mantuab.blogspot.com</span></b>';<br />simpleCart.alamatPemilik = '<b><span style="color: blue;">Alamat Anda</span></b> ';<br />simpleCart.noHP = '<b><span style="color: blue;">081 xxxx xxxx</span></b>';<br />simpleCart.urlFacebook = '<b><span style="color: blue;">http://www.facebook.com/pages/your facebook</span></b>';<br />simpleCart.urlTwitter = '<b><span style="color: blue;">https://twitter.com/your twitter</span></b>';<br />simpleCart.akunbank1 = '<b><span style="color: blue;">Bank A</span></b>';<br />simpleCart.norek1 = '<b><span style="color: blue;">No Rekening Bank A</span></b>';<br />simpleCart.namarek1 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank A</span></b>';<br />simpleCart.akunbank2 = '<b><span style="color: blue;">Bank B</span></b>';<br />simpleCart.norek2 = '<b><span style="color: blue;">No Rekening Bank B</span></b>';<br />simpleCart.namarek2 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank B</span></b>';<br />simpleCart.akunbank3 = '<b><span style="color: blue;">Bank C</span></b>';<br />simpleCart.norek3 = '<b><span style="color: blue;">No Rekening Bank C</span></b>';<br />simpleCart.namarek3 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank C</span></b>';<br />simpleCart.akunbank4 = '<b><span style="color: blue;">Bank D</span></b>';<br />simpleCart.norek4 = '<b><span style="color: blue;">No Rekening Bank D</span></b>';<br />simpleCart.namarek4 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>';<br />simpleCart.akunbank5 = '<b><span style="color: blue;">Bank E</span></b>';<br />simpleCart.norek5 = '<b><span style="color: blue;">No Rekening Bank E</span></b>';<br />simpleCart.namarek5 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>';<br />simpleCart.akunbank6 = '<b><span style="color: blue;">Bank F</span></b>';<br />simpleCart.norek6 = '<b><span style="color: blue;">No Rekening Bank F</span></b>';<br />simpleCart.namarek6 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>';<br />simpleCart.urlReferrer = 'http://www.maskolis.com';<br />simpleCart.businessName = '<b><span style="color: blue;">Nama Toko Online Anda</span></b>';<br />simpleCart.formatsmsKonfirmasi= '(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)';<br />simpleCart.contohformatsmsKonfirmasi= 'Maskolis, email.maskolis@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 ';<br />simpleCart.catatanTambahanInvoice= '(Have a nice day for you and I hope you enjoy it)';<br />simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];</div>
</div>
<span style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">Ganti kode </span><b style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;"><span style="color: blue;">warna biru</span></b><span style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;"> diatas dengan data Anda.</span><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Kekurangan dari sistem pembayaran dengan invoice email ini, Anda harus mempunyai hosting sendiri untuk menyimpan script email invoice yang berupa file PHP. Karena blogger belum support PHP dan tidak ada hosting gratis khusus untuk menyimpan file PHP. Untuk kedua template ini saya menggunakan hosting dari blog dimana saya berperan sebagai admin disitu. <b>Jika Anda ingin mengganti atau merubah kalimat dan bahasa yang ada di email invoice, syarat utama anda harus mempunyai file PHP invoice email dan hosting untuk menyimpannya</b>.</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
<b>Awalnya saya ragu untuk membagikan kedua template ini</b>, karena jika hosting yang saya pakai untuk menyimpan file PHP ini tidak diperpanjang bisa-bisa fitur invoice email yang saya pasang pada template itu tidak lagi berfungsi. Mengingat masih banyak pembuat toko online blogger berbayar yang menekuni bidang ini sebagai sumber mata pencaharian, tidak etis rasanya jika saya membuka semua rahasia pembuatan toko online blogger dengan invoice email payment method ini. Jadi silahkan Anda membuat sendiri file PHP dengan menggunakan dreamweaver, atau masuk ke situs <b>http://stackoverflow.com</b>disana banyak sekali dasar-dasar untuk membuat sebuah file PHP untuk email invoice.</div>
<br style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;" /><div style="background-color: white; color: #222222; font-family: Arial; font-size: 12px; line-height: 18px; text-align: justify;">
Demikian tadi dua template toko online dengan model pembayaran lewat invoice email, jika ada yang ingin ditanyakan silahkan tulis pesan Anda di kotak komentar. Selamat mencoba dan selamat menikmati Tahun Baru 2013 bagi yang merayakan.... semoga bermanfaat.<br /><br /><b>Penting untuk diperhatikan bagi pengguna kedua template diatas :</b><br /><ol>
<li>Buatlah sebuah page atau halaman statis dengan judul : <b><a href="http://johnysip-deh.blogspot.com/p/terima-kasih.html" style="color: #0956a8; text-decoration: none;" target="_blank">Terima Kasih</a></b>. </li>
<li>Isi terserah Anda, contoh bisa dilihat disini <a href="http://johnysip-deh.blogspot.com/p/terima-kasih.html" style="color: #0956a8; text-decoration: none;" target="_blank">http://johnysip-deh.blogspot.com/p/terima-kasih.html</a></li>
<li>Halaman ini digunakan untuk redirect URL setelah selesai pengisian formulir pemesanan.</li>
<li><b><a href="http://www.maskolis.com/2012/12/download-template-toko-online-dengan.html" style="color: #0956a8; text-decoration: none;" target="_blank">Download Template Toko Online Dengan Invoice Email</a> </b></li>
</ol>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-31266036598467653742013-08-17T05:08:00.002-07:002013-08-17T05:08:27.994-07:00Template Shopping Cart dengan Invoice Email<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;" trbidi="on">
Akhirnya, kesampaian juga <b>Tukang Toko Online</b> memodifikasi blogger template dengan melengkapi <b>shopping cartnya dengan invoice email dari email Checkout</b>.<br />Script shoppingcart dari template ini saya ambil dari script shoppingcartnya <b>maskolis.com</b> (terima kasih pada mas kolis - blogger favorit saya), yang sudah bersedia membaginya dengan gratis setelah melakukan beberapa riset dan <b>modifikasi script simplecart</b>nya the wojo.<br />Ada 2 template yang saya bagikan disini, yaitu <b>template mbledhos </b>dengan background gelap dan biru muda, serta <b>template mbledhos ijo </b>dengan background putih dan hijau muda.<br />Cukup basa-basinya, langsung aja silakan cek live demo dan link downloadnya serta juga panduan setting templatenya di bawah ini.<br /><a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b></b></a><a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b></b></a><a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b></b></a><br /><table border="1" style="width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhodssC-vxMozmd991LFBF2oWVG6WBacCXZZ8QpRn77VbW8vsxq8vPTGtRj0A1SAkcaBJzuRxc_2w0xS3jecyXvH_serZ0HabkDe8yQHSvWOAVRuUPgHQYgdcO-r4jd21E5GBpaUvsOP9fs/s1600/blue.gif" style="color: brown; text-decoration: none;"></a><br /><div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEbvPUpd8xNsWP6stCQBzLy_5dep5RIvWntuk6H9QlMq2HAgsU0XPgKr-tP58RiwQy7EAKWwcDlgVxZO-rnnhMrRxnG-5fImfBjT2JNudSIJ1t2MYJgX6sCQ2Ap0MXPiB4yxmxcLwNwRYO/s1600/template+mbledhos+homepage.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEbvPUpd8xNsWP6stCQBzLy_5dep5RIvWntuk6H9QlMq2HAgsU0XPgKr-tP58RiwQy7EAKWwcDlgVxZO-rnnhMrRxnG-5fImfBjT2JNudSIJ1t2MYJgX6sCQ2Ap0MXPiB4yxmxcLwNwRYO/s320/template+mbledhos+homepage.png" style="border-width: 0px; max-width: 100%;" width="320" /></a></div>
</th><td><a href="https://sites.google.com/site/airabusiness/filesdownload/templatembledhos.zip?attredirects=0&d=1" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></td></tr>
<tr><th><b>Nama Template</b></th><td class="item_name">template Mbledhos</td></tr>
<tr><th><b>Demo Template</b></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><a href="http://templatembledhos.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></td></tr>
<tr><th><b>Fitur</b></th><td class="item_Description">- blogger template free<br />- Label Slide Show<br />- Shopping cart<br />- IDR Currency<br />- grid Style<br />- Zoom post image, etc</td></tr>
<tr><th><br /><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4mIilMWSt0Yvg5xCNdn84JbpRfSM66-ETn3q0RQloPNuR-DGDs77-UdZzPXYwaM8lhWzzFLiL8bPhn47W8yBni1fLVN4BJrVOlHCOLU14l6hhdaOmxpZ-z7dDSngqSv_7LoyQpepJQ1Ov/s1600/template+mbledhos+ijo+homepage.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4mIilMWSt0Yvg5xCNdn84JbpRfSM66-ETn3q0RQloPNuR-DGDs77-UdZzPXYwaM8lhWzzFLiL8bPhn47W8yBni1fLVN4BJrVOlHCOLU14l6hhdaOmxpZ-z7dDSngqSv_7LoyQpepJQ1Ov/s200/template+mbledhos+ijo+homepage.png" style="border-width: 0px; max-width: 100%;" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">Home template mbledhos ijo</td></tr>
</tbody></table>
<br /><br /></th><td><br /><div style="text-align: center;">
<a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b>Live DEMO</b></a></div>
</td></tr>
</tbody></table>
<h3>
<a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"></a>Panduan Setting Template</h3>
<div>
Cara kerja dari template ini adalah, segera setelah pembeli melakukan checkout dari shoppingcart (keranjang belanja), akan muncul popup form seperti ini:</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BdNq5fdXKPDCvSBvsqaePH7ZNd6VMscvEHZxryQ6iYnMhYXiNc1RjmE4JuEdn8ijuQgDCZ5P-7FPwhKhesrLlz-howb0cBjFIdmxHHhVGJ9GNDAMgyGEIE0uuZgCF74Okq5_DHtlKCjv/s1600/pop+up+pemesan+1.jpg" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="form data pembeli" border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BdNq5fdXKPDCvSBvsqaePH7ZNd6VMscvEHZxryQ6iYnMhYXiNc1RjmE4JuEdn8ijuQgDCZ5P-7FPwhKhesrLlz-howb0cBjFIdmxHHhVGJ9GNDAMgyGEIE0uuZgCF74Okq5_DHtlKCjv/s200/pop+up+pemesan+1.jpg" style="border-width: 0px; max-width: 100%;" title="form data pembeli" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">form data pembeli</td></tr>
</tbody></table>
<div>
Ketika pengunjung mengklik OK, akan diteruskan denagn form isian selanjutnya, mulai dari nama, email, alamat dan no telpon.</div>
<div>
Jika sudah lengkap, pembeli akan diarahkan ke halaman terima kasih seperti ini :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbu-o_63KWegcIpK1fVL9uhGvGpNPHPF8fUDzQg8ClznJPR-qt6RtPrk-1c0FYvRf8Drv25V_kkazRJpmJBfK47Um0_xnO_aTMPJRsss-mdjPq0TeRLqrINpQsQVk9NcTDTyiSR4vQ-jR/s1600/halaman+terimakasih.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="halaman terima kasih" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbu-o_63KWegcIpK1fVL9uhGvGpNPHPF8fUDzQg8ClznJPR-qt6RtPrk-1c0FYvRf8Drv25V_kkazRJpmJBfK47Um0_xnO_aTMPJRsss-mdjPq0TeRLqrINpQsQVk9NcTDTyiSR4vQ-jR/s320/halaman+terimakasih.png" style="border-width: 0px; max-width: 100%;" title="halaman terima kasih" width="320" /></a></div>
<br />Selanjutnya, secara otomatis, email anda akan menemrima pemberitahuan seperti ini :<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ijXOcKGJay32k3l-6iR0vA7H0ZTobdxyG7EPUquQ0wc9Sn1adwvExD77TBPIZ9fzc9N4hIK1VlEG_yz6InhUVesLETOQthjPBjfjS7MeUhWekUePjEwcouFNYVMMwlPyZWEufhZv-E_r/s1600/email+penjual.jpg" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="notifikasi order email" border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ijXOcKGJay32k3l-6iR0vA7H0ZTobdxyG7EPUquQ0wc9Sn1adwvExD77TBPIZ9fzc9N4hIK1VlEG_yz6InhUVesLETOQthjPBjfjS7MeUhWekUePjEwcouFNYVMMwlPyZWEufhZv-E_r/s320/email+penjual.jpg" style="border-width: 0px; max-width: 100%;" title="notifikasi order email" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">notifikasi order di email anda</td></tr>
</tbody></table>
Sedangkan dari pihak pengunjung akan mendapatkan kiriman email invoice dengan format seperti berikut ini:<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQbdvUDgVqC84D4AE5DY5XUqJe88ddKviPXNcNH01_h2_i1_dwWZXg1aCN1qcHUJOG_-2Zccbr05bKkA1vQjnpYx_jnJliCvYGj_1-hDLHBvQbnpsul2aOuhkq0ZZLYnECow1bYH6u_Tw/s1600/email+pemesan.jpg" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="Invoice pembelian di email pembeli" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQbdvUDgVqC84D4AE5DY5XUqJe88ddKviPXNcNH01_h2_i1_dwWZXg1aCN1qcHUJOG_-2Zccbr05bKkA1vQjnpYx_jnJliCvYGj_1-hDLHBvQbnpsul2aOuhkq0ZZLYnECow1bYH6u_Tw/s320/email+pemesan.jpg" style="border-width: 0px; max-width: 100%;" title="Invoice pembelian di email pembeli" width="304" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">Invoice pembelian di email pembeli</td></tr>
</tbody></table>
Finalisasi tinggal anda lakukan setelah anda menerima data lengkap dari notifikasi pembeli di toko online anda.<br />Cukup simpel bukan..<br /><br /><h4>
<u><b>Setting Widget</b></u></h4>
<br />Saya asumsikan, template sudah anda upload di blog anda.<br /><br /><span style="color: red;"><u><b>1. Merubah header logo di widget header</b></u></span><br />Masuk ke menu layout/tata letak >> (cari widget header) klik edit >> Upload logo toko anda (usahakan ukurannya width x height = 250 x 80 pixel) >> simpan/save, lihat setingan seperti gambar di bawah.<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIeH5SG2uQecMrP7-Sj05vgVLsk-qeIY4QqepAHN1MSMIgI71zke_UdBnTr6p-y6DeZ1bh-a_A0Ov-5OijbPP6weKWGSFe26_aGSMv4YZUcwlLKfMdx7ClLz96pAzxzY2flwFVToSu02I2/s1600/ganti+logo+header.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="upload logo" border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIeH5SG2uQecMrP7-Sj05vgVLsk-qeIY4QqepAHN1MSMIgI71zke_UdBnTr6p-y6DeZ1bh-a_A0Ov-5OijbPP6weKWGSFe26_aGSMv4YZUcwlLKfMdx7ClLz96pAzxzY2flwFVToSu02I2/s320/ganti+logo+header.png" style="border-width: 0px; max-width: 100%;" title="upload logo" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">upload logo</td></tr>
</tbody></table>
<span style="color: red;"><u><b>2. Setting Menu Navigasi</b></u></span><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pRGjEy97lG69JA5hZPChxuN11zM1LCKNM6Xc6B5-1uvlwG7C9Q4xlHxYbX0M5J4NZDHaHhiIKsPVb_2B1kw7a1AutyyUf4KP0bhGfBLHymI72rcAFPrOwKd4BmFFMwVMABnYz2m0coon/s1600/menu+navigasi.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="menu navigasi" border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pRGjEy97lG69JA5hZPChxuN11zM1LCKNM6Xc6B5-1uvlwG7C9Q4xlHxYbX0M5J4NZDHaHhiIKsPVb_2B1kw7a1AutyyUf4KP0bhGfBLHymI72rcAFPrOwKd4BmFFMwVMABnYz2m0coon/s320/menu+navigasi.png" style="border-width: 0px; max-width: 100%;" title="menu navigasi" width="320" /></a></div>
Masih di menu layout/tata letak, cari widget HTML/Javascript (widget di bawah widget header), klik edit..<br />Lalu copy script di bawah ini ke dalam dalam widget HTML tersebut:<br /><br /><blockquote class="tr_bq">
<span style="background-color: #b6d7a8;"><b><ul> <li><a href="http://<span style="color: yellow;">alamatbloganda</span>.blogspot.com/"><span style="color: red;">Home</span></a></li> <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Kontak Kami</span></a></li> <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Cara Order</span></a></li> </ul></b></span></blockquote>
Keterangan:<br />- Ganti tulisan warna<span style="background-color: #b6d7a8;"> <span style="color: yellow;"><b>kuning </b></span></span>dengan alamat Blog Anda<br />- Ganti karakter <b><span style="color: blue;"># </span></b>berwarna biru dengan alamat link anda<br />- Ganti tulisan warna <span style="color: red;"><b>merah </b></span>dengan keterangan dari link.<br /><br />Anda juga bisa menambahkan menu lagi dengan menambahkan script berikut :<br /><blockquote class="tr_bq">
<b><span style="background-color: #b6d7a8;"><li><a href="#">keterangan</a></li></span></b></blockquote>
Sebelum kode<span style="background-color: #b6d7a8;"><b> </ul></b></span><br />Kemudian save widget tersebut.<br /><br /><span style="color: red;"><u><b>3. Mengaktifkan Slide Show</b></u></span><br />Klik edit pada widget dengan judul <b>feature content slider </b>di bawah widget navigasi (langkah 2).<br />Ketikkan label yang ingin anda tampilkan pada slide anda (perhatikan penulisan huruf besar dan huruf kecil pada label)<br /><b>Save widget </b>dan lihat hasilnya.<br /><br /><span style="color: red;"><u><b>4.Memasang widget recent post (produk terbaru)</b></u></span><br /><b>Hapus / delete </b>dulu widget recent post, lalu <b>add widget </b>dan cari widget recent post buatan blogger pluggins.<br />Ikuti petunjuk settingnya seperti gambar di bawah ini :<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZbANPNdDjFjK3Pmx5sjf-2nxp80C3gwLWP9MglQkv8qNm9nzJnizbFY4bLVhevXU4DcptU-GAoR0AE1_nGB37rfALRE1TiGMZ5UDLe8C5XeKVHhxa37pe6QGJ6yHI8ZkSuNp3fM9gUKI/s1600/setting+recent+post.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="setting widget recent post" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZbANPNdDjFjK3Pmx5sjf-2nxp80C3gwLWP9MglQkv8qNm9nzJnizbFY4bLVhevXU4DcptU-GAoR0AE1_nGB37rfALRE1TiGMZ5UDLe8C5XeKVHhxa37pe6QGJ6yHI8ZkSuNp3fM9gUKI/s640/setting+recent+post.png" style="border-width: 0px; max-width: 100%;" title="setting widget recent post" width="276" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">setting widget recent post</td></tr>
</tbody></table>
<br /><span style="color: red;"><b>5. Setting Widget Popular Post (Most View Product)</b></span><br />Klik edit pada widget popular, ikuti setingnya seperti di bawah ini :<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzP6FxQy9RQJjvvUgm02ZqM6KbEoyxAt1gSSGtaLHYMN50A_KoLhGjKzffYXgZNZ4Id3rf7A83Ht0MDgQMqj-8OFnOq0B-VfADwXD_GtXw1h-Dl1t3HT4b9vyx-peCoOa7bkJ92g5F7Za/s1600/setting+popular+post.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="setting widget popular post" border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzP6FxQy9RQJjvvUgm02ZqM6KbEoyxAt1gSSGtaLHYMN50A_KoLhGjKzffYXgZNZ4Id3rf7A83Ht0MDgQMqj-8OFnOq0B-VfADwXD_GtXw1h-Dl1t3HT4b9vyx-peCoOa7bkJ92g5F7Za/s320/setting+popular+post.png" style="border-width: 0px; max-width: 100%;" title="setting widget popular post" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">setting widget popular post</td></tr>
</tbody></table>
<h4>
<u><b>Setting Template</b></u></h4>
<span style="color: red;"><b>1. Mengedit data toko online Anda</b> </span><br />Masuk ke menu <b>template>>edit HTML</b>, cari script berikut ini :<br /><br /><div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
simpleCart.email = '<span style="color: blue;">bisnis.aira@gmail.com</span>';<br />simpleCart.checkoutTo = Email;<br />simpleCart.currency = IDR;<br />simpleCart.urlWebsite = '<span style="color: blue;">http://templatembledhos.blogspot.com/</span>';<br />simpleCart.alamatPemilik = '<span style="color: blue;">Alamat Anda</span> ';<br />simpleCart.noHP = '<span style="color: blue;">081 xxxx xxxx</span>';<br />simpleCart.urlFacebook = '<span style="color: blue;">http://www.facebook.com/pages/your facebook</span>';<br />simpleCart.urlTwitter = '<span style="color: blue;">https://twitter.com/your twitter</span>';<br />simpleCart.akunbank1 = '<span style="color: blue;">Bank A</span>';<br />simpleCart.norek1 = '<span style="color: blue;">No Rekening Bank A</span>';<br />simpleCart.namarek1 = '<span style="color: blue;">Nama Pemilik Rekening Bank A</span>';<br />simpleCart.akunbank2 = '<span style="color: blue;">Bank B</span>';<br />simpleCart.norek2 = '<span style="color: blue;">No Rekening Bank B</span>';<br />simpleCart.namarek2 = '<span style="color: blue;">Nama Pemilik Rekening Bank B</span>';<br />simpleCart.akunbank3 = '<span style="color: blue;">Bank C</span>';<br />simpleCart.norek3 = '<span style="color: blue;">No Rekening Bank C</span>';<br />simpleCart.namarek3 = '<span style="color: blue;">Nama Pemilik Rekening Bank C</span>';<br />simpleCart.akunbank4 = '<span style="color: blue;">Bank D</span>';<br />simpleCart.norek4 = '<span style="color: blue;">No Rekening Bank D</span>';<br />simpleCart.namarek4 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.akunbank5 = '<span style="color: blue;">Bank E</span>';<br />simpleCart.norek5 = '<span style="color: blue;">No Rekening Bank E</span>';<br />simpleCart.namarek5 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.akunbank6 = '<span style="color: blue;">Bank F</span>';<br />simpleCart.norek6 = '<span style="color: blue;">No Rekening Bank F</span>';<br />simpleCart.namarek6 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.urlReferrer = '<span style="color: blue;">http://templatembledhos.blogspot.com/</span>';<br />simpleCart.businessName = '<span style="color: blue;">contoh toko online</span>';<br />simpleCart.formatsmsKonfirmasi= '(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)';<br />simpleCart.contohformatsmsKonfirmasi= 'namalengkap, emailanda@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 ';<br />simpleCart.catatanTambahanInvoice= '(Untuk proses lebih cepat, silakan konfirmasi via SMS)';<br />simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];</div>
</div>
Tulisan warna biru di atas adalah yang harus anda ganti dan sesuaikan dengan data anda.<br /><br /><div style="color: red;">
<u><b>2. Mengganti Banner 729x90 pada bagian header.</b></u></div>
Cari kode script berikut :<br /><blockquote class="tr_bq">
<b><span style="background-color: #b6d7a8;"><a href="<span style="color: red;">http://tesmembuattemplate.blogspot.com</span>/" target="_blank"><img src="<span style="color: blue;">http://i1093.photobucket.com/albums/i440/hugetarifianto/728.gif</span>" alt="Photobucket" border="0"></a></span></b></blockquote>
<i>Keterangan :</i><br /><ul>
<li>Alamat URL warna merah anda ganti dengan link yang akan anda tuju saat gambar diklik</li>
<li>Alamat URL warna biru anda ganti dengan alamat URL gambar anda</li>
</ul>
<br />Selanjutnya preview dulu template, jika sudah tidak ada masalah, <b>Save </b>Template<br /><br /><div style="color: red;">
<u><b>3. Membuat halaman Terima Kasih</b></u></div>
Langkah terakhir adalah membuat halmaan terimakasih<br />buka menu laman/page, buat halaman baru dengan Judul <b>Terima Kasih</b><br />Kemudian pada mode HTML paste script berikut ke dalamnya:<br /><br /><div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div dir="ltr" style="text-align: left;" trbidi="on"> <b>Terima Kasih atas order Anda</b> pada <b><span class="simpleCart_quantity">0</span></b> produk dengan jumlah <b><span class="simpleCart_total">Rp&nbsp;0.00</span></b> dari Toko Online kami. E-mail Anda akan menerima Invoice pemesanan dari Kami sesuai dengan pesanan yang sudah anda lakukan sebelumnya. Anda bisa memeriksa e-mail invoice dari toko kami lalu ikuti prosedur order secara detail, berupa cara pembayaran, pengiriman dan beberapa infromasi lainnya. Anda juga bisa mengontak kami dengan langsung membalas e-mail tersebut atau melalui info kontak lainnya yang tertera pada e-mail Kami.<br /> <br /> Total order yang harus Anda bayarkan melalui transfer Bank adalah sejumlah <b><span class="simpleCart_total">Rp&nbsp;0.00</span></b> diluar biaya ekspedisi/kirim. Biaya kirim bisa anda cek dari<b> <a href="http://www.jne.co.id/" target="_blank">SINI</a>. </b><br /> <br /> Terima kasih, atas kepercayaan dan kesediaan Anda berbelanja di Toko Online Kami dan Kami tunggu kedatangan Anda kembali.</div></div>
</div>
Anda bisa mengedit beberapa kalimat di atas sesuai dengan keinginan anda. lalu publish page tersebut.<br />Pastikan bahwa alamat URL halaman terima kasih ini adalah :<br /><blockquote class="tr_bq">
<b>http://namatokoanda.blogspot.com/p/terima-kasih.html</b></blockquote>
<div style="color: red;">
<u><b>4. Memasang Entry Post Template</b></u></div>
<br /><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;">Copy kode script di bawah ini dan letakkan pada bagian menu <b><i>Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) </i></b>pada blog anda<i><br /></i></span></span></span></span><br /><div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b></b><input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<table border="1" style="width: 660px;"><br /><tbody><br /><tr><br /> <th class="item_thumb" id="thumb" width="45%">Pasang Gambar Produk Anda DISINI</th><br /> <td><input class="item_add" type="button" value="Add to Cart" /></td><br /></tr><br /><tr><br /> <th><b>Kode Barang</b></th><br /> <td class="item_name">Kode produk taruh disini!</td><br /></tr><br /><tr><br /> <th><b>Harga</b></th><br /> <td class="item_price">Rp 99,000</td><br /> </tr><br /><tr><br /> <th><b>Keterangan</b></th><br /> <td class="item_Description">Fitur produk!</td><br /> </tr><br /><tr><br /> <th><b>Stok Barang</b></th><br /> <td>Stok barang anda!</td><br /></tr><br /><tr><br /> <th><b>Gambar Tambahan</b></th><br /> <td>tempatkan gambar produk tambahan di sini</td><br /></tr><br /></tbody><br /></table></div>
</div>
</div>
<i style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><b>Semoga bermanfaat </b></i><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftukangtokoonline&width=292&height=62&colorscheme=light&show_faces=false&border_color&stream=false&header=false" style="border-style: none; font-family: Arial, Verdana, sans-serif; font-size: 14px; height: 62px; line-height: 22px; overflow: hidden; width: 292px;"></iframe><span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2013/01/template-shopping-cart-dengan-invoice.html#ixzz2cEAX57R8" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2013/01/template-shopping-cart-dengan-invoice.html#ixzz2cEAX57R8</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-40482883608050162282013-08-17T05:06:00.002-07:002013-08-17T05:06:30.974-07:00Template RedesignCart dengan Shopping Cart Rupiah<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" trbidi="on">
<span style="font-family: Georgia, 'Times New Roman', serif;">Ini adalah kesekian kalinya <b>Tukang Toko Online </b>membagikan secara cuma-cuma template hasil oprekan. Template ini adalah hasil coding (sedikit) dari <a href="http://pasartokoonline.blogspot.com/2012/12/design-cart-blogger-template-gratis.html" style="color: brown; text-decoration: none;" target="_blank"><b>Template Design Cart</b> </a>yang sudah saya bagikan sebelumnya.</span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span style="font-family: Georgia, 'Times New Roman', serif;">Agar bisa lebih nyaman dipakai secara lokal, ada beberapa perubahan yang saya tambahkan di template ini.</span><br /><span style="font-family: Georgia, 'Times New Roman', serif;">Yang paling utama adalah dengan <b>merubah currency menjadi rupiah</b> dan tombol checkout yang melalui email (meski masih secara manual, karena melalui form yang harus diisi di halaman checkout).</span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span style="font-family: Georgia, 'Times New Roman', serif;">Karena template ini tujuannya adalah untuk menjual produk desain semacam, gambar, photo, lukisan atau hasil desain seorang desainer, maka dari pengembang aslinya, checkout keranjang belanjanya hanya berisi image (gambar produk), qty serta total order. Bisa dikatakan ini adalah sedikit kekurangannya jika template ini dipakai untukmenjual produk di luar yang saya sebutkan tadi.</span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span style="font-family: Georgia, 'Times New Roman', serif;">Solusinya adalah anda bisa menambahkan kode produk di setiap Gambar produk yang akan anda upload (anda bisa mengedit gambar produk anda dulu di Photoshop atau coreldraw, contohnya).</span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span style="font-family: Georgia, 'Times New Roman', serif;">Ada satu lagi yang saya sebut kekurangan dari template ini, yaitu, script shopping card tidak bekerja di statis page, sehingga untuk membuat halaman checkout harus dari halaman post biasa (bisa jadi ini juga karena keterbatasan dan kemalasan saya juga untuk melakukan coding lebih jauhdari template ini hehe..).</span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span style="font-family: Georgia, 'Times New Roman', serif;">Oke, cukup segini saja basa-basinya, silakan langsung anda simak fitur dan panduan instalasinya di bawah ini. Jika berminat, silakan download, jika tidak berminat, silakan lewati saja. </span><br /><table border="1" style="width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><br /><div class="separator" style="clear: both;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiro9Xs8Uazw1HhOHr-YwdCtmUt2V4QNnOGP1-pm3761wffk_H-rXyHy3pVRX5AawjOcUhCKCKdyka8HFdTKghUkOQ5U3GTyUlyVKOJsnuh56-rQQO2wjwhU0MmZqON9Jb6nK62FCVJkaRn/s1600/redesigncart+template.jpg" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiro9Xs8Uazw1HhOHr-YwdCtmUt2V4QNnOGP1-pm3761wffk_H-rXyHy3pVRX5AawjOcUhCKCKdyka8HFdTKghUkOQ5U3GTyUlyVKOJsnuh56-rQQO2wjwhU0MmZqON9Jb6nK62FCVJkaRn/s320/redesigncart+template.jpg" style="border-width: 0px; max-width: 100%;" width="272" /></a></span></div>
</th><td><span style="font-family: Georgia, 'Times New Roman', serif;"><a href="https://sites.google.com/site/airabusiness/filesdownload/Redesigncardwithslide.xml?attredirects=0&d=1" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></span></td></tr>
<tr><th><span style="font-family: Georgia, 'Times New Roman', serif;">Nama Template</span></th><td class="item_name"><span style="font-family: Georgia, 'Times New Roman', serif;">Redesigncart</span></td></tr>
<tr><th><span style="font-family: Georgia, 'Times New Roman', serif;">Demo Template</span></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><span style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://redesigncart.blogspot.com/" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></span></td></tr>
<tr><th><span style="font-family: Georgia, 'Times New Roman', serif;">Deskripsi</span></th><td class="item_Description"><ul>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Free Premium Blogger Templates</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Slide Show</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">3 columns</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">right sidebar widget</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">footer widget</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">grid style </span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Shopping Cart w/ Rp Currency</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Checkout by email (manual)</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">White Background</span></li>
<li><span style="font-family: Georgia, 'Times New Roman', serif;">Social site share button ready</span></li>
</ul>
</td></tr>
<tr><th><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><span style="font-family: Georgia, 'Times New Roman', serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPxKjvuRD5W-5om3e21z7LsepzifYsVirHrhySpouFvwOHiQMjMkXucDBZeNkyNDtJ8YaKRWBahZ_k-RY9ychTvPCHqP9EVOFFOpqjxPvGRI2-hAfv69E8tH_Qj9KbQRvELv8Puv_nI6W7/s1600/Checkout+page+redesign+cart.jpg" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPxKjvuRD5W-5om3e21z7LsepzifYsVirHrhySpouFvwOHiQMjMkXucDBZeNkyNDtJ8YaKRWBahZ_k-RY9ychTvPCHqP9EVOFFOpqjxPvGRI2-hAfv69E8tH_Qj9KbQRvELv8Puv_nI6W7/s320/Checkout+page+redesign+cart.jpg" style="border-width: 0px; max-width: 100%;" width="150" /></a></span></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;"><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: xx-small;">klik utk memperbesar</span></span></td></tr>
</tbody></table>
</th><td><span style="font-family: Georgia, 'Times New Roman', serif;"><span style="color: red;"><b>Ribet settingnya..##$#??</b><br />Pakai Jasa Bikin Toko Online <a href="http://pasartokoonline.blogspot.com/2011/10/jasa-bikin-blog-atau-toko-online.html" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b>DISINI</b></a></span></span></td></tr>
</tbody></table>
</div>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><u><b>Panduan setting Template RedesignCart:</b></u></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="font-family: Georgia, 'Times New Roman', serif;">1. Unduh File Template dari Link Download di Atas.</span></b><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="font-family: Georgia, 'Times New Roman', serif;">2. Upload File Template ke Blogger Anda.</span></b><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="font-family: Georgia, 'Times New Roman', serif;">3. Buat sebuah Post dengan Judul "CHECKOUT"</span></b><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Masukkan kode script di bawah ini (masukkan melalui mode HTML)</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Anda bisa mengganti huruf warna merah sesuai dengan keinginan Anda. </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<div style="border: 1px solid rgb(238, 238, 238); height: 200px; overflow: auto; padding: 10px; width: 450px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><h2 style="text-align: center;"></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;">Keranjang Belanja Anda</h2></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><h2 style="font-weight: normal; text-align: center;"></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><span style="font-size: x-small;">"<span style="color: red;">Mohon Lengkapi Form dan Copy Paste Semua Order di Kolom Message. .!</span>"</span></h2></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><div class="simpleCart_items"></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"></div></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><div class="clear"></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><br /></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><br /></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><table border="1" style="width: 680px;"><tbody></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><tr><td class="odd">Total Items: </td><td class="even"><span class="simpleCart_quantity">0</span></td></tr></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><tr><td class="odd">SubTotal: </td><td class="even"><span class="simpleCart_total">Rp0.00</span></td></tr></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><tr><td class="odd">Tax Cost: </td><td class="even"><span class="simpleCart_taxCost">Rp0.00</span></td></tr></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><tr><td class="odd">Biaya Kirim: </td><td><a href="http://jne.co.id/" rel="nofollow" target="_blank">Cek di Sini</a></td></tr></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"><tr><td class="odd">Final Total: </td><td class="even"><span class="simpleCart_finalTotal">Rp0.00</span></td></tr></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"></tbody></table></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #b6d7a8;"></div></span></b></span></div>
</blockquote>
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Masih di menu post tersebut, Anda bisa menambahkan script Form kontak. Script ini bisa anda dapatkan dari Kontactr atau akan lebih baik jika anda membuatnya sendiri melalui <b>Google Form</b> (google.com/docs), yang bisa anda set agar ada pemberitahuan setiap kali ada kiriman order dari form tsb ke email anda.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Jika sudah selesai dan Anda publish, maka tampilan halaman checkout Anda akan seperti <b><a href="http://redesigncart.blogspot.com/2012/12/checkout.html" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank">DISINI</a></b></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Kemudian dapatkan copy URL dari halaman checkout tersebut.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="font-family: Georgia, 'Times New Roman', serif;">4. Mengedit tombol checkout pada widget shopping cart</span></b><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Cari Kode berikut ini dari HTML template anda, lalu ganti url checkout yang berwarna merah tersebut dengan url dari halmaan checkout yang sudah anda bikin tadi.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<div style="border: 1px solid rgb(238, 238, 238); height: 200px; overflow: auto; padding: 10px; width: 450px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><b:if cond='data:blog.url != &quot;<span style="color: red;">http://redesigncart.blogspot.com/2012/12/checkout.html</span>&quot;'><br /><!-- add-to-cart-widget --> <br /><div id='add-to-cart-widget'><br /><!-- carttotal --> <br /><div id='cartTotal'><br /><strong>Total:</strong><span class='simpleCart_total'/><br /></div><!-- END "div#cartTotal" --><br /><div class='simpleCart_items'/><br /><div class='clear'/><br /><a class='simpleCart_empty' href='javascript:;'>Empty Cart</a><br /><a class='simpleCart_checkout' href='<span style="color: red;">http://redesigncart.blogspot.com/2012/12/checkout.html</span>'>Checkout</a><br /><!--End #demoContainer--><br /></div><!-- END "div#add-to-cart-widget" --></b:if></span></b></span></div>
</blockquote>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><b>5.</b> <span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;"><b>Memasang Kode Template Entry Post</b></span></span></span></span> </span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;"></span></span></span></span></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;"><br /></span></span></span></span><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;">Copy kode script di bawah ini dan letakkan pada bagian menu <b><i>Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) </i></b>pada blog anda. </span></span></span></span></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Anda bisa mengganti beberapa text di bawah yang berwarna merah sesuai dengan kebutuhan toko anda.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;"><i><br /></i></span></span></span></span></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<div style="border: 1px solid rgb(238, 238, 238); height: 200px; overflow: auto; padding: 10px; width: 450px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;"><i><b><span style="background-color: #93c47d;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfCqcruFx_pyglmWOLe0DSfGXB0vNrNak29frjHYqhncWHXbsush9Mi7Ewq_Vi5lYHwoueJrTxvTqn_ZANHeONYkiElZM2RfJuG90S7945KPyjM-SxTvmh341WCuK-kUoRBmJk0NwOwcl/s1600/Image_2.jpg"/><br /><div class="datapost"><br /><ul><br /><li class="name"><br /><span style="color: red;">Nama produk : This Is A Product Title Section</span><br /></li><br /><li class="designer"><br /><span style="color: red;">Author Name : Tukang toko online</span><br /></li><br /><li class="site-link"><br /><span style="color: red;">Pembuat :</span> <a href="http://pasartokoonline.blogspot.com/" target="blank"><span style="color: red;">tukang toko online</span></a><br /></li><br /><li class="categ"><br /><span style="color: red;">Deskripsi: Suited for print advertisement, stock artist, digital painter, etc</span><br /></li><br /><li class="posttag"><br /><span style="color: red;">Variasi Produk : Red textured and blue textured</span><br /></li></ul></div><br /><span class="item_price">Rp199,999</span></span></b></i></span></span></span></span></span></div>
</blockquote>
<b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="font-family: Georgia, 'Times New Roman', serif;">6. Mengganti Gambar Slide Show</span></b><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Cari script berikut ini dan ganti URL gambar dengan URL gambar produk anda. Link juga bisa anda tambahkan sendiri dengan link posting produk anda.</span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<div style="border: 1px solid rgb(238, 238, 238); height: 200px; overflow: auto; padding: 10px; width: 450px;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><!-- slider --></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><div id='slider'></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><!-- slider_container --> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><div class='slider_container' id='slider_container'> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><!-- slider_area --></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><div class='slider_area slider_area1'> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 1 Image 1' class='slider_visible' src='<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwZhN0ak1O4o83cz6kKBg4AbHyuTstEc8ewodseFwlgua6Z7ZrLd9hODWeSpjfkXJHWROMmz3BsiCXrSKBr0mMhXZoPZSBenRc3ytLWuYOmBOC7b8NcWvwEFD9n703j7a8UnhFv8B0rc8/s1600/Meningkatkan+performa+gadget.jpg</span>'/></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 1 Image 2' src='<span style="color: red;">http://kerendanunik.files.wordpress.com/2012/01/ragam_gadget__techcoctail-com.gif</span>'/> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 1 Image 3' src='<span style="color: red;">http://vima.co.id/userfiles/images/Apple-Gadgets.png'/> </span></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><span style="color: red;"></div><!-- END "div.slider_area1</span>" --> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><div class='slider_area slider_area2'> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 2 Image1' class='slider_visible' src='<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOVuJ2J1OYSJDpd9261NfMWXp9TtWqQ9nbq6Nmq7iUBa3WmalEuCiOmJRqCsloETj_y87OLE1FcGLSvG1oXvXh3tDBYY3vSIXXcilUZio8NORQUd9KioeG_UcZuot9Dx2kAcm6ZyHVZo/s1600/smartphones2.jpg</span>'/></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 2 Image 2' src='<span style="color: red;">http://graphics8.nytimes.com/images/2011/03/29/technology/bits-smartphones/bits-smartphones-blog480.jpg</span>'/> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 2 Image 3' src='<span style="color: red;">http://www.indogamers.com/system/upload/media/pictures/50b2c19de12461353892253smartphones.jpg</span>'/></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"></div><!-- END "div.slider_area2" --> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><div class='slider_area slider_area3'> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 3 Image 1' class='slider_visible' src='<span style="color: red;">http://vinayakgoodlink.com/images/banner_computer-accessories.png</span>'/> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 3 Image 2' src='<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKquqsf0nI2FhZXh3-rldZvbBmsBDvVFain5fiHiZJIanRN6cyYjjsRsLNqXBmOoVA3VDhYI8v8u2oZOwLmrJpa34SRgJ-8MDvmKtdTzNzCNd5HhyMgyGFZHChTo6g9Uztt0x0PiYnmDi/s400/laptop-parts.jpg</span>'/> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 3 Image 3' src='<span style="color: red;">http://pc.toshiba-asia.com/includes/images/accessories/promoads/s30_banner.png</span>'/></span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"></div><!-- END "div.slider_area3" --> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><br /></span></b></span><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><div class='slider_area slider_area4'> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 4 Image 1' class='slider_visible' src='<span style="color: red;">http://www.trade2save.com/blog/wp-content/uploads/2011/08/game_consoles.gif</span>'/> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 4 Image 2' src='<span style="color: red;">http://www.trade2save.com/blog/wp-content/uploads/2011/08/game_consoles.gif</span>'/> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 4 Image 3' src='<span style="color: red;">http://obsoletegamer.com/wp-content/uploads/2011/12/gaming-consoles.jpg</span>'/> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"></div><!-- END "div.slider_area4" --> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><div class='slider_area slider_area5'> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 5 Image 1' class='slider_visible' src='<span style="color: red;">http://cache.g4tv.com/ImageDb3/314183_S/mad-catz-announces-strike-5-professional-gaming-keyboard.jpg</span>'/> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><br /></span></b></span><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 5 Image 2' src='<span style="color: red;">http://www.hexcs.com/assets/Uploads/steelseries-zboard-A.jpg</span>'/> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"><img alt='Box 5 Image 3' src='<span style="color: red;">http://www.everythingusb.com/images/list/logitech-g19-full.jpg</span>'/> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"></div><!-- END "div.slider_area5" --> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"></div><!-- END "div.slider_container" --> </span></b></span><br /><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="background-color: #93c47d;"></div><!-- END "div#slider" --></span></b></span></div>
</blockquote>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><b><i>Selamat Mencoba </i></b></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftukangtokoonline&width=292&height=62&colorscheme=light&show_faces=false&border_color&stream=false&header=false" style="border-style: none; font-family: Arial, Verdana, sans-serif; font-size: 14px; height: 62px; line-height: 22px; overflow: hidden; width: 292px;"></iframe><span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2012/12/template-redesigncart-dengan-shopping-cart-rupiah.html#ixzz2cEA1p01x" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2012/12/template-redesigncart-dengan-shopping-cart-rupiah.html#ixzz2cEA1p01x</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-72326935921870443482013-08-17T05:05:00.002-07:002013-08-17T05:05:19.260-07:00Template Shopping Cart dengan Invoice Email<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;" trbidi="on">
Akhirnya, kesampaian juga <b>Tukang Toko Online</b> memodifikasi blogger template dengan melengkapi <b>shopping cartnya dengan invoice email dari email Checkout</b>.<br />Script shoppingcart dari template ini saya ambil dari script shoppingcartnya <b>maskolis.com</b> (terima kasih pada mas kolis - blogger favorit saya), yang sudah bersedia membaginya dengan gratis setelah melakukan beberapa riset dan <b>modifikasi script simplecart</b>nya the wojo.<br />Ada 2 template yang saya bagikan disini, yaitu <b>template mbledhos </b>dengan background gelap dan biru muda, serta <b>template mbledhos ijo </b>dengan background putih dan hijau muda.<br />Cukup basa-basinya, langsung aja silakan cek live demo dan link downloadnya serta juga panduan setting templatenya di bawah ini.<br /><a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b></b></a><a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b></b></a><a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b></b></a><br /><table border="1" style="width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhodssC-vxMozmd991LFBF2oWVG6WBacCXZZ8QpRn77VbW8vsxq8vPTGtRj0A1SAkcaBJzuRxc_2w0xS3jecyXvH_serZ0HabkDe8yQHSvWOAVRuUPgHQYgdcO-r4jd21E5GBpaUvsOP9fs/s1600/blue.gif" style="color: brown; text-decoration: none;"></a><br /><div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEbvPUpd8xNsWP6stCQBzLy_5dep5RIvWntuk6H9QlMq2HAgsU0XPgKr-tP58RiwQy7EAKWwcDlgVxZO-rnnhMrRxnG-5fImfBjT2JNudSIJ1t2MYJgX6sCQ2Ap0MXPiB4yxmxcLwNwRYO/s1600/template+mbledhos+homepage.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEbvPUpd8xNsWP6stCQBzLy_5dep5RIvWntuk6H9QlMq2HAgsU0XPgKr-tP58RiwQy7EAKWwcDlgVxZO-rnnhMrRxnG-5fImfBjT2JNudSIJ1t2MYJgX6sCQ2Ap0MXPiB4yxmxcLwNwRYO/s320/template+mbledhos+homepage.png" style="border-width: 0px; max-width: 100%;" width="320" /></a></div>
</th><td><a href="https://sites.google.com/site/airabusiness/filesdownload/templatembledhos.zip?attredirects=0&d=1" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></td></tr>
<tr><th><b>Nama Template</b></th><td class="item_name">template Mbledhos</td></tr>
<tr><th><b>Demo Template</b></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><a href="http://templatembledhos.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></td></tr>
<tr><th><b>Fitur</b></th><td class="item_Description">- blogger template free<br />- Label Slide Show<br />- Shopping cart<br />- IDR Currency<br />- grid Style<br />- Zoom post image, etc</td></tr>
<tr><th><br /><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4mIilMWSt0Yvg5xCNdn84JbpRfSM66-ETn3q0RQloPNuR-DGDs77-UdZzPXYwaM8lhWzzFLiL8bPhn47W8yBni1fLVN4BJrVOlHCOLU14l6hhdaOmxpZ-z7dDSngqSv_7LoyQpepJQ1Ov/s1600/template+mbledhos+ijo+homepage.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4mIilMWSt0Yvg5xCNdn84JbpRfSM66-ETn3q0RQloPNuR-DGDs77-UdZzPXYwaM8lhWzzFLiL8bPhn47W8yBni1fLVN4BJrVOlHCOLU14l6hhdaOmxpZ-z7dDSngqSv_7LoyQpepJQ1Ov/s200/template+mbledhos+ijo+homepage.png" style="border-width: 0px; max-width: 100%;" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">Home template mbledhos ijo</td></tr>
</tbody></table>
<br /><br /></th><td><br /><div style="text-align: center;">
<a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b>Live DEMO</b></a></div>
</td></tr>
</tbody></table>
<h3>
<a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"></a>Panduan Setting Template</h3>
<div>
Cara kerja dari template ini adalah, segera setelah pembeli melakukan checkout dari shoppingcart (keranjang belanja), akan muncul popup form seperti ini:</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BdNq5fdXKPDCvSBvsqaePH7ZNd6VMscvEHZxryQ6iYnMhYXiNc1RjmE4JuEdn8ijuQgDCZ5P-7FPwhKhesrLlz-howb0cBjFIdmxHHhVGJ9GNDAMgyGEIE0uuZgCF74Okq5_DHtlKCjv/s1600/pop+up+pemesan+1.jpg" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="form data pembeli" border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BdNq5fdXKPDCvSBvsqaePH7ZNd6VMscvEHZxryQ6iYnMhYXiNc1RjmE4JuEdn8ijuQgDCZ5P-7FPwhKhesrLlz-howb0cBjFIdmxHHhVGJ9GNDAMgyGEIE0uuZgCF74Okq5_DHtlKCjv/s200/pop+up+pemesan+1.jpg" style="border-width: 0px; max-width: 100%;" title="form data pembeli" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">form data pembeli</td></tr>
</tbody></table>
<div>
Ketika pengunjung mengklik OK, akan diteruskan denagn form isian selanjutnya, mulai dari nama, email, alamat dan no telpon.</div>
<div>
Jika sudah lengkap, pembeli akan diarahkan ke halaman terima kasih seperti ini :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbu-o_63KWegcIpK1fVL9uhGvGpNPHPF8fUDzQg8ClznJPR-qt6RtPrk-1c0FYvRf8Drv25V_kkazRJpmJBfK47Um0_xnO_aTMPJRsss-mdjPq0TeRLqrINpQsQVk9NcTDTyiSR4vQ-jR/s1600/halaman+terimakasih.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="halaman terima kasih" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbu-o_63KWegcIpK1fVL9uhGvGpNPHPF8fUDzQg8ClznJPR-qt6RtPrk-1c0FYvRf8Drv25V_kkazRJpmJBfK47Um0_xnO_aTMPJRsss-mdjPq0TeRLqrINpQsQVk9NcTDTyiSR4vQ-jR/s320/halaman+terimakasih.png" style="border-width: 0px; max-width: 100%;" title="halaman terima kasih" width="320" /></a></div>
<br />Selanjutnya, secara otomatis, email anda akan menemrima pemberitahuan seperti ini :<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ijXOcKGJay32k3l-6iR0vA7H0ZTobdxyG7EPUquQ0wc9Sn1adwvExD77TBPIZ9fzc9N4hIK1VlEG_yz6InhUVesLETOQthjPBjfjS7MeUhWekUePjEwcouFNYVMMwlPyZWEufhZv-E_r/s1600/email+penjual.jpg" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="notifikasi order email" border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ijXOcKGJay32k3l-6iR0vA7H0ZTobdxyG7EPUquQ0wc9Sn1adwvExD77TBPIZ9fzc9N4hIK1VlEG_yz6InhUVesLETOQthjPBjfjS7MeUhWekUePjEwcouFNYVMMwlPyZWEufhZv-E_r/s320/email+penjual.jpg" style="border-width: 0px; max-width: 100%;" title="notifikasi order email" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">notifikasi order di email anda</td></tr>
</tbody></table>
Sedangkan dari pihak pengunjung akan mendapatkan kiriman email invoice dengan format seperti berikut ini:<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQbdvUDgVqC84D4AE5DY5XUqJe88ddKviPXNcNH01_h2_i1_dwWZXg1aCN1qcHUJOG_-2Zccbr05bKkA1vQjnpYx_jnJliCvYGj_1-hDLHBvQbnpsul2aOuhkq0ZZLYnECow1bYH6u_Tw/s1600/email+pemesan.jpg" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="Invoice pembelian di email pembeli" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQbdvUDgVqC84D4AE5DY5XUqJe88ddKviPXNcNH01_h2_i1_dwWZXg1aCN1qcHUJOG_-2Zccbr05bKkA1vQjnpYx_jnJliCvYGj_1-hDLHBvQbnpsul2aOuhkq0ZZLYnECow1bYH6u_Tw/s320/email+pemesan.jpg" style="border-width: 0px; max-width: 100%;" title="Invoice pembelian di email pembeli" width="304" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">Invoice pembelian di email pembeli</td></tr>
</tbody></table>
Finalisasi tinggal anda lakukan setelah anda menerima data lengkap dari notifikasi pembeli di toko online anda.<br />Cukup simpel bukan..<br /><br /><h4>
<u><b>Setting Widget</b></u></h4>
<br />Saya asumsikan, template sudah anda upload di blog anda.<br /><br /><span style="color: red;"><u><b>1. Merubah header logo di widget header</b></u></span><br />Masuk ke menu layout/tata letak >> (cari widget header) klik edit >> Upload logo toko anda (usahakan ukurannya width x height = 250 x 80 pixel) >> simpan/save, lihat setingan seperti gambar di bawah.<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIeH5SG2uQecMrP7-Sj05vgVLsk-qeIY4QqepAHN1MSMIgI71zke_UdBnTr6p-y6DeZ1bh-a_A0Ov-5OijbPP6weKWGSFe26_aGSMv4YZUcwlLKfMdx7ClLz96pAzxzY2flwFVToSu02I2/s1600/ganti+logo+header.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="upload logo" border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIeH5SG2uQecMrP7-Sj05vgVLsk-qeIY4QqepAHN1MSMIgI71zke_UdBnTr6p-y6DeZ1bh-a_A0Ov-5OijbPP6weKWGSFe26_aGSMv4YZUcwlLKfMdx7ClLz96pAzxzY2flwFVToSu02I2/s320/ganti+logo+header.png" style="border-width: 0px; max-width: 100%;" title="upload logo" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">upload logo</td></tr>
</tbody></table>
<span style="color: red;"><u><b>2. Setting Menu Navigasi</b></u></span><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pRGjEy97lG69JA5hZPChxuN11zM1LCKNM6Xc6B5-1uvlwG7C9Q4xlHxYbX0M5J4NZDHaHhiIKsPVb_2B1kw7a1AutyyUf4KP0bhGfBLHymI72rcAFPrOwKd4BmFFMwVMABnYz2m0coon/s1600/menu+navigasi.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="menu navigasi" border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pRGjEy97lG69JA5hZPChxuN11zM1LCKNM6Xc6B5-1uvlwG7C9Q4xlHxYbX0M5J4NZDHaHhiIKsPVb_2B1kw7a1AutyyUf4KP0bhGfBLHymI72rcAFPrOwKd4BmFFMwVMABnYz2m0coon/s320/menu+navigasi.png" style="border-width: 0px; max-width: 100%;" title="menu navigasi" width="320" /></a></div>
Masih di menu layout/tata letak, cari widget HTML/Javascript (widget di bawah widget header), klik edit..<br />Lalu copy script di bawah ini ke dalam dalam widget HTML tersebut:<br /><br /><blockquote class="tr_bq">
<span style="background-color: #b6d7a8;"><b><ul> <li><a href="http://<span style="color: yellow;">alamatbloganda</span>.blogspot.com/"><span style="color: red;">Home</span></a></li> <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Kontak Kami</span></a></li> <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Cara Order</span></a></li> </ul></b></span></blockquote>
Keterangan:<br />- Ganti tulisan warna<span style="background-color: #b6d7a8;"> <span style="color: yellow;"><b>kuning </b></span></span>dengan alamat Blog Anda<br />- Ganti karakter <b><span style="color: blue;"># </span></b>berwarna biru dengan alamat link anda<br />- Ganti tulisan warna <span style="color: red;"><b>merah </b></span>dengan keterangan dari link.<br /><br />Anda juga bisa menambahkan menu lagi dengan menambahkan script berikut :<br /><blockquote class="tr_bq">
<b><span style="background-color: #b6d7a8;"><li><a href="#">keterangan</a></li></span></b></blockquote>
Sebelum kode<span style="background-color: #b6d7a8;"><b> </ul></b></span><br />Kemudian save widget tersebut.<br /><br /><span style="color: red;"><u><b>3. Mengaktifkan Slide Show</b></u></span><br />Klik edit pada widget dengan judul <b>feature content slider </b>di bawah widget navigasi (langkah 2).<br />Ketikkan label yang ingin anda tampilkan pada slide anda (perhatikan penulisan huruf besar dan huruf kecil pada label)<br /><b>Save widget </b>dan lihat hasilnya.<br /><br /><span style="color: red;"><u><b>4.Memasang widget recent post (produk terbaru)</b></u></span><br /><b>Hapus / delete </b>dulu widget recent post, lalu <b>add widget </b>dan cari widget recent post buatan blogger pluggins.<br />Ikuti petunjuk settingnya seperti gambar di bawah ini :<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZbANPNdDjFjK3Pmx5sjf-2nxp80C3gwLWP9MglQkv8qNm9nzJnizbFY4bLVhevXU4DcptU-GAoR0AE1_nGB37rfALRE1TiGMZ5UDLe8C5XeKVHhxa37pe6QGJ6yHI8ZkSuNp3fM9gUKI/s1600/setting+recent+post.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="setting widget recent post" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZbANPNdDjFjK3Pmx5sjf-2nxp80C3gwLWP9MglQkv8qNm9nzJnizbFY4bLVhevXU4DcptU-GAoR0AE1_nGB37rfALRE1TiGMZ5UDLe8C5XeKVHhxa37pe6QGJ6yHI8ZkSuNp3fM9gUKI/s640/setting+recent+post.png" style="border-width: 0px; max-width: 100%;" title="setting widget recent post" width="276" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">setting widget recent post</td></tr>
</tbody></table>
<br /><span style="color: red;"><b>5. Setting Widget Popular Post (Most View Product)</b></span><br />Klik edit pada widget popular, ikuti setingnya seperti di bawah ini :<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzP6FxQy9RQJjvvUgm02ZqM6KbEoyxAt1gSSGtaLHYMN50A_KoLhGjKzffYXgZNZ4Id3rf7A83Ht0MDgQMqj-8OFnOq0B-VfADwXD_GtXw1h-Dl1t3HT4b9vyx-peCoOa7bkJ92g5F7Za/s1600/setting+popular+post.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="setting widget popular post" border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzP6FxQy9RQJjvvUgm02ZqM6KbEoyxAt1gSSGtaLHYMN50A_KoLhGjKzffYXgZNZ4Id3rf7A83Ht0MDgQMqj-8OFnOq0B-VfADwXD_GtXw1h-Dl1t3HT4b9vyx-peCoOa7bkJ92g5F7Za/s320/setting+popular+post.png" style="border-width: 0px; max-width: 100%;" title="setting widget popular post" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">setting widget popular post</td></tr>
</tbody></table>
<h4>
<u><b>Setting Template</b></u></h4>
<span style="color: red;"><b>1. Mengedit data toko online Anda</b> </span><br />Masuk ke menu <b>template>>edit HTML</b>, cari script berikut ini :<br /><br /><div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
simpleCart.email = '<span style="color: blue;">bisnis.aira@gmail.com</span>';<br />simpleCart.checkoutTo = Email;<br />simpleCart.currency = IDR;<br />simpleCart.urlWebsite = '<span style="color: blue;">http://templatembledhos.blogspot.com/</span>';<br />simpleCart.alamatPemilik = '<span style="color: blue;">Alamat Anda</span> ';<br />simpleCart.noHP = '<span style="color: blue;">081 xxxx xxxx</span>';<br />simpleCart.urlFacebook = '<span style="color: blue;">http://www.facebook.com/pages/your facebook</span>';<br />simpleCart.urlTwitter = '<span style="color: blue;">https://twitter.com/your twitter</span>';<br />simpleCart.akunbank1 = '<span style="color: blue;">Bank A</span>';<br />simpleCart.norek1 = '<span style="color: blue;">No Rekening Bank A</span>';<br />simpleCart.namarek1 = '<span style="color: blue;">Nama Pemilik Rekening Bank A</span>';<br />simpleCart.akunbank2 = '<span style="color: blue;">Bank B</span>';<br />simpleCart.norek2 = '<span style="color: blue;">No Rekening Bank B</span>';<br />simpleCart.namarek2 = '<span style="color: blue;">Nama Pemilik Rekening Bank B</span>';<br />simpleCart.akunbank3 = '<span style="color: blue;">Bank C</span>';<br />simpleCart.norek3 = '<span style="color: blue;">No Rekening Bank C</span>';<br />simpleCart.namarek3 = '<span style="color: blue;">Nama Pemilik Rekening Bank C</span>';<br />simpleCart.akunbank4 = '<span style="color: blue;">Bank D</span>';<br />simpleCart.norek4 = '<span style="color: blue;">No Rekening Bank D</span>';<br />simpleCart.namarek4 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.akunbank5 = '<span style="color: blue;">Bank E</span>';<br />simpleCart.norek5 = '<span style="color: blue;">No Rekening Bank E</span>';<br />simpleCart.namarek5 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.akunbank6 = '<span style="color: blue;">Bank F</span>';<br />simpleCart.norek6 = '<span style="color: blue;">No Rekening Bank F</span>';<br />simpleCart.namarek6 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.urlReferrer = '<span style="color: blue;">http://templatembledhos.blogspot.com/</span>';<br />simpleCart.businessName = '<span style="color: blue;">contoh toko online</span>';<br />simpleCart.formatsmsKonfirmasi= '(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)';<br />simpleCart.contohformatsmsKonfirmasi= 'namalengkap, emailanda@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 ';<br />simpleCart.catatanTambahanInvoice= '(Untuk proses lebih cepat, silakan konfirmasi via SMS)';<br />simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];</div>
</div>
Tulisan warna biru di atas adalah yang harus anda ganti dan sesuaikan dengan data anda.<br /><br /><div style="color: red;">
<u><b>2. Mengganti Banner 729x90 pada bagian header.</b></u></div>
Cari kode script berikut :<br /><blockquote class="tr_bq">
<b><span style="background-color: #b6d7a8;"><a href="<span style="color: red;">http://tesmembuattemplate.blogspot.com</span>/" target="_blank"><img src="<span style="color: blue;">http://i1093.photobucket.com/albums/i440/hugetarifianto/728.gif</span>" alt="Photobucket" border="0"></a></span></b></blockquote>
<i>Keterangan :</i><br /><ul>
<li>Alamat URL warna merah anda ganti dengan link yang akan anda tuju saat gambar diklik</li>
<li>Alamat URL warna biru anda ganti dengan alamat URL gambar anda</li>
</ul>
<br />Selanjutnya preview dulu template, jika sudah tidak ada masalah, <b>Save </b>Template<br /><br /><div style="color: red;">
<u><b>3. Membuat halaman Terima Kasih</b></u></div>
Langkah terakhir adalah membuat halmaan terimakasih<br />buka menu laman/page, buat halaman baru dengan Judul <b>Terima Kasih</b><br />Kemudian pada mode HTML paste script berikut ke dalamnya:<br /><br /><div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div dir="ltr" style="text-align: left;" trbidi="on"> <b>Terima Kasih atas order Anda</b> pada <b><span class="simpleCart_quantity">0</span></b> produk dengan jumlah <b><span class="simpleCart_total">Rp&nbsp;0.00</span></b> dari Toko Online kami. E-mail Anda akan menerima Invoice pemesanan dari Kami sesuai dengan pesanan yang sudah anda lakukan sebelumnya. Anda bisa memeriksa e-mail invoice dari toko kami lalu ikuti prosedur order secara detail, berupa cara pembayaran, pengiriman dan beberapa infromasi lainnya. Anda juga bisa mengontak kami dengan langsung membalas e-mail tersebut atau melalui info kontak lainnya yang tertera pada e-mail Kami.<br /> <br /> Total order yang harus Anda bayarkan melalui transfer Bank adalah sejumlah <b><span class="simpleCart_total">Rp&nbsp;0.00</span></b> diluar biaya ekspedisi/kirim. Biaya kirim bisa anda cek dari<b> <a href="http://www.jne.co.id/" target="_blank">SINI</a>. </b><br /> <br /> Terima kasih, atas kepercayaan dan kesediaan Anda berbelanja di Toko Online Kami dan Kami tunggu kedatangan Anda kembali.</div></div>
</div>
Anda bisa mengedit beberapa kalimat di atas sesuai dengan keinginan anda. lalu publish page tersebut.<br />Pastikan bahwa alamat URL halaman terima kasih ini adalah :<br /><blockquote class="tr_bq">
<b>http://namatokoanda.blogspot.com/p/terima-kasih.html</b></blockquote>
<div style="color: red;">
<u><b>4. Memasang Entry Post Template</b></u></div>
<br /><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;">Copy kode script di bawah ini dan letakkan pada bagian menu <b><i>Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) </i></b>pada blog anda<i><br /></i></span></span></span></span><br /><div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b></b><input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<table border="1" style="width: 660px;"><br /><tbody><br /><tr><br /> <th class="item_thumb" id="thumb" width="45%">Pasang Gambar Produk Anda DISINI</th><br /> <td><input class="item_add" type="button" value="Add to Cart" /></td><br /></tr><br /><tr><br /> <th><b>Kode Barang</b></th><br /> <td class="item_name">Kode produk taruh disini!</td><br /></tr><br /><tr><br /> <th><b>Harga</b></th><br /> <td class="item_price">Rp 99,000</td><br /> </tr><br /><tr><br /> <th><b>Keterangan</b></th><br /> <td class="item_Description">Fitur produk!</td><br /> </tr><br /><tr><br /> <th><b>Stok Barang</b></th><br /> <td>Stok barang anda!</td><br /></tr><br /><tr><br /> <th><b>Gambar Tambahan</b></th><br /> <td>tempatkan gambar produk tambahan di sini</td><br /></tr><br /></tbody><br /></table></div>
</div>
</div>
<i style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><b>Semoga bermanfaat </b></i><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftukangtokoonline&width=292&height=62&colorscheme=light&show_faces=false&border_color&stream=false&header=false" style="border-style: none; font-family: Arial, Verdana, sans-serif; font-size: 14px; height: 62px; line-height: 22px; overflow: hidden; width: 292px;"></iframe><span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2013/01/template-shopping-cart-dengan-invoice.html#ixzz2cE9iSL00" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2013/01/template-shopping-cart-dengan-invoice.html#ixzz2cE9iSL00</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-87387431190102303072013-08-17T05:00:00.000-07:002013-08-17T05:03:50.718-07:00Template Shopping Cart dengan Invoice Email<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;" trbidi="on">
Akhirnya, kesampaian juga <b>Tukang Toko Online</b> memodifikasi blogger template dengan melengkapi <b>shopping cartnya dengan invoice email dari email Checkout</b>.<br />Script shoppingcart dari template ini saya ambil dari script shoppingcartnya <b>maskolis.com</b> (terima kasih pada mas kolis - blogger favorit saya), yang sudah bersedia membaginya dengan gratis setelah melakukan beberapa riset dan <b>modifikasi script simplecart</b>nya the wojo.<br />Ada 2 template yang saya bagikan disini, yaitu <b>template mbledhos </b>dengan background gelap dan biru muda, serta <b>template mbledhos ijo </b>dengan background putih dan hijau muda.<br />Cukup basa-basinya, langsung aja silakan cek live demo dan link downloadnya serta juga panduan setting templatenya di bawah ini.<br /><a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b></b></a><a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b></b></a><a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b></b></a><br /><table border="1" style="width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhodssC-vxMozmd991LFBF2oWVG6WBacCXZZ8QpRn77VbW8vsxq8vPTGtRj0A1SAkcaBJzuRxc_2w0xS3jecyXvH_serZ0HabkDe8yQHSvWOAVRuUPgHQYgdcO-r4jd21E5GBpaUvsOP9fs/s1600/blue.gif" style="color: brown; text-decoration: none;"></a><br /><div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEbvPUpd8xNsWP6stCQBzLy_5dep5RIvWntuk6H9QlMq2HAgsU0XPgKr-tP58RiwQy7EAKWwcDlgVxZO-rnnhMrRxnG-5fImfBjT2JNudSIJ1t2MYJgX6sCQ2Ap0MXPiB4yxmxcLwNwRYO/s1600/template+mbledhos+homepage.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEbvPUpd8xNsWP6stCQBzLy_5dep5RIvWntuk6H9QlMq2HAgsU0XPgKr-tP58RiwQy7EAKWwcDlgVxZO-rnnhMrRxnG-5fImfBjT2JNudSIJ1t2MYJgX6sCQ2Ap0MXPiB4yxmxcLwNwRYO/s320/template+mbledhos+homepage.png" style="border-width: 0px; max-width: 100%;" width="320" /></a></div>
</th><td><a href="https://sites.google.com/site/airabusiness/filesdownload/templatembledhos.zip?attredirects=0&d=1" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></td></tr>
<tr><th><b>Nama Template</b></th><td class="item_name">template Mbledhos</td></tr>
<tr><th><b>Demo Template</b></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><a href="http://templatembledhos.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></td></tr>
<tr><th><b>Fitur</b></th><td class="item_Description">- blogger template free<br />- Label Slide Show<br />- Shopping cart<br />- IDR Currency<br />- grid Style<br />- Zoom post image, etc</td></tr>
<tr><th><br /><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4mIilMWSt0Yvg5xCNdn84JbpRfSM66-ETn3q0RQloPNuR-DGDs77-UdZzPXYwaM8lhWzzFLiL8bPhn47W8yBni1fLVN4BJrVOlHCOLU14l6hhdaOmxpZ-z7dDSngqSv_7LoyQpepJQ1Ov/s1600/template+mbledhos+ijo+homepage.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4mIilMWSt0Yvg5xCNdn84JbpRfSM66-ETn3q0RQloPNuR-DGDs77-UdZzPXYwaM8lhWzzFLiL8bPhn47W8yBni1fLVN4BJrVOlHCOLU14l6hhdaOmxpZ-z7dDSngqSv_7LoyQpepJQ1Ov/s200/template+mbledhos+ijo+homepage.png" style="border-width: 0px; max-width: 100%;" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">Home template mbledhos ijo</td></tr>
</tbody></table>
<br /><br /></th><td><br /><div style="text-align: center;">
<a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b>Live DEMO</b></a></div>
</td></tr>
</tbody></table>
<h3>
<a href="http://templatembledhosijo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"></a>Panduan Setting Template</h3>
<div>
Cara kerja dari template ini adalah, segera setelah pembeli melakukan checkout dari shoppingcart (keranjang belanja), akan muncul popup form seperti ini:</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BdNq5fdXKPDCvSBvsqaePH7ZNd6VMscvEHZxryQ6iYnMhYXiNc1RjmE4JuEdn8ijuQgDCZ5P-7FPwhKhesrLlz-howb0cBjFIdmxHHhVGJ9GNDAMgyGEIE0uuZgCF74Okq5_DHtlKCjv/s1600/pop+up+pemesan+1.jpg" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="form data pembeli" border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BdNq5fdXKPDCvSBvsqaePH7ZNd6VMscvEHZxryQ6iYnMhYXiNc1RjmE4JuEdn8ijuQgDCZ5P-7FPwhKhesrLlz-howb0cBjFIdmxHHhVGJ9GNDAMgyGEIE0uuZgCF74Okq5_DHtlKCjv/s200/pop+up+pemesan+1.jpg" style="border-width: 0px; max-width: 100%;" title="form data pembeli" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">form data pembeli</td></tr>
</tbody></table>
<div>
Ketika pengunjung mengklik OK, akan diteruskan denagn form isian selanjutnya, mulai dari nama, email, alamat dan no telpon.</div>
<div>
Jika sudah lengkap, pembeli akan diarahkan ke halaman terima kasih seperti ini :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbu-o_63KWegcIpK1fVL9uhGvGpNPHPF8fUDzQg8ClznJPR-qt6RtPrk-1c0FYvRf8Drv25V_kkazRJpmJBfK47Um0_xnO_aTMPJRsss-mdjPq0TeRLqrINpQsQVk9NcTDTyiSR4vQ-jR/s1600/halaman+terimakasih.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="halaman terima kasih" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbu-o_63KWegcIpK1fVL9uhGvGpNPHPF8fUDzQg8ClznJPR-qt6RtPrk-1c0FYvRf8Drv25V_kkazRJpmJBfK47Um0_xnO_aTMPJRsss-mdjPq0TeRLqrINpQsQVk9NcTDTyiSR4vQ-jR/s320/halaman+terimakasih.png" style="border-width: 0px; max-width: 100%;" title="halaman terima kasih" width="320" /></a></div>
<br />Selanjutnya, secara otomatis, email anda akan menemrima pemberitahuan seperti ini :<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ijXOcKGJay32k3l-6iR0vA7H0ZTobdxyG7EPUquQ0wc9Sn1adwvExD77TBPIZ9fzc9N4hIK1VlEG_yz6InhUVesLETOQthjPBjfjS7MeUhWekUePjEwcouFNYVMMwlPyZWEufhZv-E_r/s1600/email+penjual.jpg" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="notifikasi order email" border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ijXOcKGJay32k3l-6iR0vA7H0ZTobdxyG7EPUquQ0wc9Sn1adwvExD77TBPIZ9fzc9N4hIK1VlEG_yz6InhUVesLETOQthjPBjfjS7MeUhWekUePjEwcouFNYVMMwlPyZWEufhZv-E_r/s320/email+penjual.jpg" style="border-width: 0px; max-width: 100%;" title="notifikasi order email" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">notifikasi order di email anda</td></tr>
</tbody></table>
Sedangkan dari pihak pengunjung akan mendapatkan kiriman email invoice dengan format seperti berikut ini:<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQbdvUDgVqC84D4AE5DY5XUqJe88ddKviPXNcNH01_h2_i1_dwWZXg1aCN1qcHUJOG_-2Zccbr05bKkA1vQjnpYx_jnJliCvYGj_1-hDLHBvQbnpsul2aOuhkq0ZZLYnECow1bYH6u_Tw/s1600/email+pemesan.jpg" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="Invoice pembelian di email pembeli" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQbdvUDgVqC84D4AE5DY5XUqJe88ddKviPXNcNH01_h2_i1_dwWZXg1aCN1qcHUJOG_-2Zccbr05bKkA1vQjnpYx_jnJliCvYGj_1-hDLHBvQbnpsul2aOuhkq0ZZLYnECow1bYH6u_Tw/s320/email+pemesan.jpg" style="border-width: 0px; max-width: 100%;" title="Invoice pembelian di email pembeli" width="304" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">Invoice pembelian di email pembeli</td></tr>
</tbody></table>
Finalisasi tinggal anda lakukan setelah anda menerima data lengkap dari notifikasi pembeli di toko online anda.<br />Cukup simpel bukan..<br /><br /><h4>
<u><b>Setting Widget</b></u></h4>
<br />Saya asumsikan, template sudah anda upload di blog anda.<br /><br /><span style="color: red;"><u><b>1. Merubah header logo di widget header</b></u></span><br />Masuk ke menu layout/tata letak >> (cari widget header) klik edit >> Upload logo toko anda (usahakan ukurannya width x height = 250 x 80 pixel) >> simpan/save, lihat setingan seperti gambar di bawah.<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIeH5SG2uQecMrP7-Sj05vgVLsk-qeIY4QqepAHN1MSMIgI71zke_UdBnTr6p-y6DeZ1bh-a_A0Ov-5OijbPP6weKWGSFe26_aGSMv4YZUcwlLKfMdx7ClLz96pAzxzY2flwFVToSu02I2/s1600/ganti+logo+header.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="upload logo" border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIeH5SG2uQecMrP7-Sj05vgVLsk-qeIY4QqepAHN1MSMIgI71zke_UdBnTr6p-y6DeZ1bh-a_A0Ov-5OijbPP6weKWGSFe26_aGSMv4YZUcwlLKfMdx7ClLz96pAzxzY2flwFVToSu02I2/s320/ganti+logo+header.png" style="border-width: 0px; max-width: 100%;" title="upload logo" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">upload logo</td></tr>
</tbody></table>
<span style="color: red;"><u><b>2. Setting Menu Navigasi</b></u></span><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pRGjEy97lG69JA5hZPChxuN11zM1LCKNM6Xc6B5-1uvlwG7C9Q4xlHxYbX0M5J4NZDHaHhiIKsPVb_2B1kw7a1AutyyUf4KP0bhGfBLHymI72rcAFPrOwKd4BmFFMwVMABnYz2m0coon/s1600/menu+navigasi.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="menu navigasi" border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pRGjEy97lG69JA5hZPChxuN11zM1LCKNM6Xc6B5-1uvlwG7C9Q4xlHxYbX0M5J4NZDHaHhiIKsPVb_2B1kw7a1AutyyUf4KP0bhGfBLHymI72rcAFPrOwKd4BmFFMwVMABnYz2m0coon/s320/menu+navigasi.png" style="border-width: 0px; max-width: 100%;" title="menu navigasi" width="320" /></a></div>
Masih di menu layout/tata letak, cari widget HTML/Javascript (widget di bawah widget header), klik edit..<br />Lalu copy script di bawah ini ke dalam dalam widget HTML tersebut:<br /><br /><blockquote class="tr_bq">
<span style="background-color: #b6d7a8;"><b><ul> <li><a href="http://<span style="color: yellow;">alamatbloganda</span>.blogspot.com/"><span style="color: red;">Home</span></a></li> <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Kontak Kami</span></a></li> <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Cara Order</span></a></li> </ul></b></span></blockquote>
Keterangan:<br />- Ganti tulisan warna<span style="background-color: #b6d7a8;"> <span style="color: yellow;"><b>kuning </b></span></span>dengan alamat Blog Anda<br />- Ganti karakter <b><span style="color: blue;"># </span></b>berwarna biru dengan alamat link anda<br />- Ganti tulisan warna <span style="color: red;"><b>merah </b></span>dengan keterangan dari link.<br /><br />Anda juga bisa menambahkan menu lagi dengan menambahkan script berikut :<br /><blockquote class="tr_bq">
<b><span style="background-color: #b6d7a8;"><li><a href="#">keterangan</a></li></span></b></blockquote>
Sebelum kode<span style="background-color: #b6d7a8;"><b> </ul></b></span><br />Kemudian save widget tersebut.<br /><br /><span style="color: red;"><u><b>3. Mengaktifkan Slide Show</b></u></span><br />Klik edit pada widget dengan judul <b>feature content slider </b>di bawah widget navigasi (langkah 2).<br />Ketikkan label yang ingin anda tampilkan pada slide anda (perhatikan penulisan huruf besar dan huruf kecil pada label)<br /><b>Save widget </b>dan lihat hasilnya.<br /><br /><span style="color: red;"><u><b>4.Memasang widget recent post (produk terbaru)</b></u></span><br /><b>Hapus / delete </b>dulu widget recent post, lalu <b>add widget </b>dan cari widget recent post buatan blogger pluggins.<br />Ikuti petunjuk settingnya seperti gambar di bawah ini :<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZbANPNdDjFjK3Pmx5sjf-2nxp80C3gwLWP9MglQkv8qNm9nzJnizbFY4bLVhevXU4DcptU-GAoR0AE1_nGB37rfALRE1TiGMZ5UDLe8C5XeKVHhxa37pe6QGJ6yHI8ZkSuNp3fM9gUKI/s1600/setting+recent+post.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="setting widget recent post" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZbANPNdDjFjK3Pmx5sjf-2nxp80C3gwLWP9MglQkv8qNm9nzJnizbFY4bLVhevXU4DcptU-GAoR0AE1_nGB37rfALRE1TiGMZ5UDLe8C5XeKVHhxa37pe6QGJ6yHI8ZkSuNp3fM9gUKI/s640/setting+recent+post.png" style="border-width: 0px; max-width: 100%;" title="setting widget recent post" width="276" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">setting widget recent post</td></tr>
</tbody></table>
<br /><span style="color: red;"><b>5. Setting Widget Popular Post (Most View Product)</b></span><br />Klik edit pada widget popular, ikuti setingnya seperti di bawah ini :<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzP6FxQy9RQJjvvUgm02ZqM6KbEoyxAt1gSSGtaLHYMN50A_KoLhGjKzffYXgZNZ4Id3rf7A83Ht0MDgQMqj-8OFnOq0B-VfADwXD_GtXw1h-Dl1t3HT4b9vyx-peCoOa7bkJ92g5F7Za/s1600/setting+popular+post.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="setting widget popular post" border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzP6FxQy9RQJjvvUgm02ZqM6KbEoyxAt1gSSGtaLHYMN50A_KoLhGjKzffYXgZNZ4Id3rf7A83Ht0MDgQMqj-8OFnOq0B-VfADwXD_GtXw1h-Dl1t3HT4b9vyx-peCoOa7bkJ92g5F7Za/s320/setting+popular+post.png" style="border-width: 0px; max-width: 100%;" title="setting widget popular post" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">setting widget popular post</td></tr>
</tbody></table>
<h4>
<u><b>Setting Template</b></u></h4>
<span style="color: red;"><b>1. Mengedit data toko online Anda</b> </span><br />Masuk ke menu <b>template>>edit HTML</b>, cari script berikut ini :<br /><br /><div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
simpleCart.email = '<span style="color: blue;">bisnis.aira@gmail.com</span>';<br />simpleCart.checkoutTo = Email;<br />simpleCart.currency = IDR;<br />simpleCart.urlWebsite = '<span style="color: blue;">http://templatembledhos.blogspot.com/</span>';<br />simpleCart.alamatPemilik = '<span style="color: blue;">Alamat Anda</span> ';<br />simpleCart.noHP = '<span style="color: blue;">081 xxxx xxxx</span>';<br />simpleCart.urlFacebook = '<span style="color: blue;">http://www.facebook.com/pages/your facebook</span>';<br />simpleCart.urlTwitter = '<span style="color: blue;">https://twitter.com/your twitter</span>';<br />simpleCart.akunbank1 = '<span style="color: blue;">Bank A</span>';<br />simpleCart.norek1 = '<span style="color: blue;">No Rekening Bank A</span>';<br />simpleCart.namarek1 = '<span style="color: blue;">Nama Pemilik Rekening Bank A</span>';<br />simpleCart.akunbank2 = '<span style="color: blue;">Bank B</span>';<br />simpleCart.norek2 = '<span style="color: blue;">No Rekening Bank B</span>';<br />simpleCart.namarek2 = '<span style="color: blue;">Nama Pemilik Rekening Bank B</span>';<br />simpleCart.akunbank3 = '<span style="color: blue;">Bank C</span>';<br />simpleCart.norek3 = '<span style="color: blue;">No Rekening Bank C</span>';<br />simpleCart.namarek3 = '<span style="color: blue;">Nama Pemilik Rekening Bank C</span>';<br />simpleCart.akunbank4 = '<span style="color: blue;">Bank D</span>';<br />simpleCart.norek4 = '<span style="color: blue;">No Rekening Bank D</span>';<br />simpleCart.namarek4 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.akunbank5 = '<span style="color: blue;">Bank E</span>';<br />simpleCart.norek5 = '<span style="color: blue;">No Rekening Bank E</span>';<br />simpleCart.namarek5 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.akunbank6 = '<span style="color: blue;">Bank F</span>';<br />simpleCart.norek6 = '<span style="color: blue;">No Rekening Bank F</span>';<br />simpleCart.namarek6 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.urlReferrer = '<span style="color: blue;">http://templatembledhos.blogspot.com/</span>';<br />simpleCart.businessName = '<span style="color: blue;">contoh toko online</span>';<br />simpleCart.formatsmsKonfirmasi= '(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)';<br />simpleCart.contohformatsmsKonfirmasi= 'namalengkap, emailanda@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 ';<br />simpleCart.catatanTambahanInvoice= '(Untuk proses lebih cepat, silakan konfirmasi via SMS)';<br />simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];</div>
</div>
Tulisan warna biru di atas adalah yang harus anda ganti dan sesuaikan dengan data anda.<br /><br /><div style="color: red;">
<u><b>2. Mengganti Banner 729x90 pada bagian header.</b></u></div>
Cari kode script berikut :<br /><blockquote class="tr_bq">
<b><span style="background-color: #b6d7a8;"><a href="<span style="color: red;">http://tesmembuattemplate.blogspot.com</span>/" target="_blank"><img src="<span style="color: blue;">http://i1093.photobucket.com/albums/i440/hugetarifianto/728.gif</span>" alt="Photobucket" border="0"></a></span></b></blockquote>
<i>Keterangan :</i><br /><ul>
<li>Alamat URL warna merah anda ganti dengan link yang akan anda tuju saat gambar diklik</li>
<li>Alamat URL warna biru anda ganti dengan alamat URL gambar anda</li>
</ul>
<br />Selanjutnya preview dulu template, jika sudah tidak ada masalah, <b>Save </b>Template<br /><br /><div style="color: red;">
<u><b>3. Membuat halaman Terima Kasih</b></u></div>
Langkah terakhir adalah membuat halmaan terimakasih<br />buka menu laman/page, buat halaman baru dengan Judul <b>Terima Kasih</b><br />Kemudian pada mode HTML paste script berikut ke dalamnya:<br /><br /><div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div dir="ltr" style="text-align: left;" trbidi="on"> <b>Terima Kasih atas order Anda</b> pada <b><span class="simpleCart_quantity">0</span></b> produk dengan jumlah <b><span class="simpleCart_total">Rp&nbsp;0.00</span></b> dari Toko Online kami. E-mail Anda akan menerima Invoice pemesanan dari Kami sesuai dengan pesanan yang sudah anda lakukan sebelumnya. Anda bisa memeriksa e-mail invoice dari toko kami lalu ikuti prosedur order secara detail, berupa cara pembayaran, pengiriman dan beberapa infromasi lainnya. Anda juga bisa mengontak kami dengan langsung membalas e-mail tersebut atau melalui info kontak lainnya yang tertera pada e-mail Kami.<br /> <br /> Total order yang harus Anda bayarkan melalui transfer Bank adalah sejumlah <b><span class="simpleCart_total">Rp&nbsp;0.00</span></b> diluar biaya ekspedisi/kirim. Biaya kirim bisa anda cek dari<b> <a href="http://www.jne.co.id/" target="_blank">SINI</a>. </b><br /> <br /> Terima kasih, atas kepercayaan dan kesediaan Anda berbelanja di Toko Online Kami dan Kami tunggu kedatangan Anda kembali.</div></div>
</div>
Anda bisa mengedit beberapa kalimat di atas sesuai dengan keinginan anda. lalu publish page tersebut.<br />Pastikan bahwa alamat URL halaman terima kasih ini adalah :<br /><blockquote class="tr_bq">
<b>http://namatokoanda.blogspot.com/p/terima-kasih.html</b></blockquote>
<div style="color: red;">
<u><b>4. Memasang Entry Post Template</b></u></div>
<br /><span style="background-color: #93c47d;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;">Copy kode script di bawah ini dan letakkan pada bagian menu <b><i>Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) </i></b>pada blog anda<i><br /></i></span></span></span></span><br /><div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b></b><input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<table border="1" style="width: 660px;"><br /><tbody><br /><tr><br /> <th class="item_thumb" id="thumb" width="45%">Pasang Gambar Produk Anda DISINI</th><br /> <td><input class="item_add" type="button" value="Add to Cart" /></td><br /></tr><br /><tr><br /> <th><b>Kode Barang</b></th><br /> <td class="item_name">Kode produk taruh disini!</td><br /></tr><br /><tr><br /> <th><b>Harga</b></th><br /> <td class="item_price">Rp 99,000</td><br /> </tr><br /><tr><br /> <th><b>Keterangan</b></th><br /> <td class="item_Description">Fitur produk!</td><br /> </tr><br /><tr><br /> <th><b>Stok Barang</b></th><br /> <td>Stok barang anda!</td><br /></tr><br /><tr><br /> <th><b>Gambar Tambahan</b></th><br /> <td>tempatkan gambar produk tambahan di sini</td><br /></tr><br /></tbody><br /></table></div>
</div>
</div>
<i style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><b>Semoga bermanfaat </b></i><span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2013/01/template-shopping-cart-dengan-invoice.html#ixzz2cE9ACR6s" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2013/01/template-shopping-cart-dengan-invoice.html#ixzz2cE9ACR6s</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com4tag:blogger.com,1999:blog-8420093930969352868.post-70543736216573615742013-08-17T04:55:00.002-07:002013-08-17T04:58:13.745-07:00Gratis Premium Blogger Template Toko Online dengan Shopping Cart <div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Ada lagi template hasil modifikasi dari</span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> <a href="http://pasartokoonline.blogspot.com/2012/12/design-cart-blogger-template-gratis.html" style="color: brown; text-decoration: none;" target="_blank">Template Designer Cart</a></b><a href="http://pasartokoonline.blogspot.com/2012/12/design-cart-blogger-template-gratis.html" style="color: brown; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-decoration: none;" target="_blank"> </a><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">yang ingin saya bagikan secara gratis kepada Anda. Template ini sudah bisa melakukan </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">checkout via email secara otomatis </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">dengan memberikan invoice langsung kealamat email pembeli. Dan pada email Anda pun akan ada </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">notifikasi pembelian (PO/Purchase Order) dari Customer </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">yang membeli produk Anda, juga secara otomatis.</span><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Untuk lebih jelasnya silakan cek sendiri Live Demonya di bawah ini, dan jika anda berminat, silakan mendownloadnya langsung.</span><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<table border="1" style="color: black; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px; width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyCAOE0_SmXh9scpo4APOChDAJZ5o1pkeVDaetGVlDW3-MJx0rgjTC9bb9cocUYBC5dBj3LnA74jkKNXJ7BRePNridIjnu8kQlr2haZrOs-Teae2kyTlKYDec2h4ONKUiMMKqLpK8S7aqg/s1600/template+kanggo+blonjo+1.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="homepage template kanggo blonjo" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyCAOE0_SmXh9scpo4APOChDAJZ5o1pkeVDaetGVlDW3-MJx0rgjTC9bb9cocUYBC5dBj3LnA74jkKNXJ7BRePNridIjnu8kQlr2haZrOs-Teae2kyTlKYDec2h4ONKUiMMKqLpK8S7aqg/s320/template+kanggo+blonjo+1.png" style="border-width: 0px; max-width: 100%;" title="homepage template kanggo blonjo" width="210" /></a></div>
</th><td><a href="https://sites.google.com/site/airabusiness/filesdownload/template%20kanggo%20blonjo.zip?attredirects=0&d=1" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></td></tr>
<tr><th><b>Nama Template</b></th><td class="item_name">Template Kanggo Blonjo</td></tr>
<tr><th><b>Demo Template</b></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><a href="http://templatekanggoblonjo.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></td></tr>
<tr><th><b>Fitur</b></th><td class="item_Description"><ul>
<li>Premium Blogger Template</li>
<li>Slider in Homepage</li>
<li>Grid Style</li>
<li>Shopping Cart w/ Rp Currency (IDR)</li>
<li>Auto checkout w/ email invoice</li>
<li>Share button</li>
<li>Disqus Comment</li>
<li>Brown and White Background</li>
</ul>
</td></tr>
<tr><th><div class="separator" style="clear: both;">
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; text-align: left;">Males atau Bingung cara settingnya...? </span></div>
<div>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; text-align: left;">Pake </span><b style="font-family: Arial, Verdana, sans-serif; text-align: left;">JASA TOKO ONLINE </b></div>
<div>
<b style="font-family: Arial, Verdana, sans-serif; text-align: left;"> </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; text-align: left;">dari </span><b style="font-family: Arial, Verdana, sans-serif; text-align: left;">Tukang Toko Online </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; text-align: left;">Saja</span><b style="font-family: Arial, Verdana, sans-serif; text-align: left;">...</b></div>
<div>
<span style="font-family: Arial, Verdana, sans-serif; text-align: left;"><span style="color: red;"><b><a href="http://www.tukangtokoonline.web.id/2011/10/jasa-bikin-blog-atau-toko-online.html" style="color: brown; text-decoration: none;" target="_blank">KLIK DISINI</a></b></span></span></div>
</th><td><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKIIngOyYdwUQPkJH_Zysqrsx5n4UveO0WbJBU_nPk2znqM6V1m1QVt2g6kRHC4pzm8H4zwuGMCuV3RTbpzeOf-hRoMpb-kE78JNxXNOeHEgEjzKPJVaqFbrNlkKP8pOScxeMxYKKaYUuB/s1600/template+kanggo+blonjo+2.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Post page template kanggo blonjo" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKIIngOyYdwUQPkJH_Zysqrsx5n4UveO0WbJBU_nPk2znqM6V1m1QVt2g6kRHC4pzm8H4zwuGMCuV3RTbpzeOf-hRoMpb-kE78JNxXNOeHEgEjzKPJVaqFbrNlkKP8pOScxeMxYKKaYUuB/s320/template+kanggo+blonjo+2.png" style="border-width: 0px; max-width: 100%;" title="Post page template kanggo blonjo" width="210" /></a></div>
</td></tr>
</tbody></table>
<br />
<h3 style="font-family: Arial, Verdana, sans-serif;">
<u>Panduan Setting Template</u></h3>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
Cara kerja dari template ini adalah, segera setelah pembeli melakukan checkout dari shoppingcart (keranjang belanja), kemudian akan muncul popup form seperti ini:</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="color: black; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BdNq5fdXKPDCvSBvsqaePH7ZNd6VMscvEHZxryQ6iYnMhYXiNc1RjmE4JuEdn8ijuQgDCZ5P-7FPwhKhesrLlz-howb0cBjFIdmxHHhVGJ9GNDAMgyGEIE0uuZgCF74Okq5_DHtlKCjv/s1600/pop+up+pemesan+1.jpg" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="form data pembeli" border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BdNq5fdXKPDCvSBvsqaePH7ZNd6VMscvEHZxryQ6iYnMhYXiNc1RjmE4JuEdn8ijuQgDCZ5P-7FPwhKhesrLlz-howb0cBjFIdmxHHhVGJ9GNDAMgyGEIE0uuZgCF74Okq5_DHtlKCjv/s200/pop+up+pemesan+1.jpg" style="border-width: 0px; max-width: 100%;" title="form data pembeli" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">form data pembeli</td></tr>
</tbody></table>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
Ketika pengunjung mengklik OK, akan diteruskan denagn form isian selanjutnya, mulai dari nama, email, alamat dan no telpon.</div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
</div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
Jika sudah terisi semua, pembeli akan diarahkan ke halaman terima kasih seperti ini :</div>
<div class="separator" style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ApvWd0R4OmAh-QsEZ6I0wjUdyhdognL-e-RJI_BpZNUbjBd5o4FwS2YDZVoONv5sYpzSSkayAnmCybWfLJs7iLz3WVUJslHqgIPLa33DgYEc7oqr8MjLMIK4jEet2wnSF7i_AI4psSJR/s1600/template+kanggo+blonjo+3.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Halaman terima kasih" border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ApvWd0R4OmAh-QsEZ6I0wjUdyhdognL-e-RJI_BpZNUbjBd5o4FwS2YDZVoONv5sYpzSSkayAnmCybWfLJs7iLz3WVUJslHqgIPLa33DgYEc7oqr8MjLMIK4jEet2wnSF7i_AI4psSJR/s320/template+kanggo+blonjo+3.png" style="border-width: 0px; max-width: 100%;" title="Halaman terima kasih" width="320" /></a></div>
<div class="separator" style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
</div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Selanjutnya, secara otomatis, email anda akan menerima </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">PO (Purchase Order) pemberitahuan</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> seperti ini :</span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="color: black; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ijXOcKGJay32k3l-6iR0vA7H0ZTobdxyG7EPUquQ0wc9Sn1adwvExD77TBPIZ9fzc9N4hIK1VlEG_yz6InhUVesLETOQthjPBjfjS7MeUhWekUePjEwcouFNYVMMwlPyZWEufhZv-E_r/s1600/email+penjual.jpg" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="notifikasi order email" border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ijXOcKGJay32k3l-6iR0vA7H0ZTobdxyG7EPUquQ0wc9Sn1adwvExD77TBPIZ9fzc9N4hIK1VlEG_yz6InhUVesLETOQthjPBjfjS7MeUhWekUePjEwcouFNYVMMwlPyZWEufhZv-E_r/s320/email+penjual.jpg" style="border-width: 0px; max-width: 100%;" title="notifikasi order email" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">notifikasi order di email anda</td></tr>
</tbody></table>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Sedangkan dari pihak pengunjung akan mendapatkan kiriman </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">email invoice </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">dengan format seperti berikut ini:</span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="color: black; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQbdvUDgVqC84D4AE5DY5XUqJe88ddKviPXNcNH01_h2_i1_dwWZXg1aCN1qcHUJOG_-2Zccbr05bKkA1vQjnpYx_jnJliCvYGj_1-hDLHBvQbnpsul2aOuhkq0ZZLYnECow1bYH6u_Tw/s1600/email+pemesan.jpg" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="Invoice pembelian di email pembeli" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQbdvUDgVqC84D4AE5DY5XUqJe88ddKviPXNcNH01_h2_i1_dwWZXg1aCN1qcHUJOG_-2Zccbr05bKkA1vQjnpYx_jnJliCvYGj_1-hDLHBvQbnpsul2aOuhkq0ZZLYnECow1bYH6u_Tw/s320/email+pemesan.jpg" style="border-width: 0px; max-width: 100%;" title="Invoice pembelian di email pembeli" width="304" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 11px;">Invoice pembelian di email pembeli</td></tr>
</tbody></table>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Terakhir yang anda lakukan adalah melakukan finalisasi setelah anda menerima data lengkap dari notifikasi pembeli melalui email di toko online anda tersebut.</span><br />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Sederhana dan cukup efisien bukan.</span><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><u><span style="color: red;">Mengganti Meta Tag</span></u></b><br />
<span style="color: red; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="color: black;">Masuk ke Tab <b>Template </b>>> Edit HTML >> Cari kode script berikut (ada di bagian atas) :</span></span><br />
<blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="background-color: #b6d7a8;"><title><data:blog.pageName/> | <span style="color: red;">contoh template dari tukang toko online</span></title><br /><b:else/><br /><title><data:blog.pageTitle/> | <span style="color: red;">contoh template dari tukang toko online</span></title></span></blockquote>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Ganti tulisan berwarna merah dengan Judul Blog Anda.</span><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Masih di opsi Edit HTML, cari kode script berikut Di bawah Kode script di atas):</span><br />
<blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="background-color: #b6d7a8;"><meta content='<span style="color: red;">your description here</span>' name='description'/><br /><meta content='<span style="color: red;">keyowrd1, keyowrd1, etc..</span>' name='keywords'/></span></blockquote>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Ganti tulisan </span><span style="color: red; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">your description here <span style="color: black;">dengan <b>deskripsi Toko Online Anda</b></span></span><br />
<span style="color: red; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="color: black;">Ganti tulisan </span></span><span style="color: red; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="color: black;"><span style="color: red;">keyowrd1, keyowrd1, etc.. <span style="color: black;"><span style="background-color: white;">dengan<b> kata kunci toko online Anda</b></span></span></span></span></span><br />
<br />
<b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><u><span style="color: red;">Merubah Logo di bagian header</span></u></b><br />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">1. Masuk ke Template >> EDIT HTML >> Centang Expand Widget Template >> cari kode beirkut ini :</span><br />
<blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<b><span style="background-color: #b6d7a8;"><img src='<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_6BcSF8aAWQtfuR_P0TKyCf54vNzsTX0wk-86NLC9aLmoJPZ9ol2lRXkp8xlhPsyj7Pc67U8fu_PHC4iDciVS64NbTKtk_ydCtB8B0dEw4xlaSpY08CcM7TgV-7sc6PD5M1CoeHoaExE/s1600/logo+toko+online.png</span>'/></span></b></blockquote>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">2. Selanjutnya ganti alamat URL gambar logo yang berwarna merah di atas dengan alamat logo gambar toko anda sendiri (Anda bisa menyimpan Gambar secara gratis di </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">picasaweb.com</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> atau </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">photobucket.com</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">).</span><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">3. Lalu klik </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Pratinjau</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">, jika sudah benar, </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Simpan template</b><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<h4 style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="color: red;"><u><b>Setting Menu Navigasi</b></u></span></h4>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">1. Menuju</span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">ke opsi </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Tata Letak/Layout >> Cari Widget berjudul Daftar Link >> Klik Edit >> </b><br />
<div class="separator" style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhefa4AyaJ_MN2JegrU6K9L7NQ547MGSh5B2gyV-DM9o1efgiQP5KnLvkASzKpnuv4wJyZ5uR9-rczKRYqRqjenwL0bRVVkstCnBEzv0W1jhsTld4-UXRSKK7ovGJ0o1qUjG8bOKfpKl8ee/s1600/setting+widget.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Setting Widget Daftar Link" border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhefa4AyaJ_MN2JegrU6K9L7NQ547MGSh5B2gyV-DM9o1efgiQP5KnLvkASzKpnuv4wJyZ5uR9-rczKRYqRqjenwL0bRVVkstCnBEzv0W1jhsTld4-UXRSKK7ovGJ0o1qUjG8bOKfpKl8ee/s640/setting+widget.png" style="border-width: 0px; max-width: 100%;" title="Setting Widget Daftar Link" width="640" /></a></div>
<b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /></b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">2.</span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Tambahkan Link yang ingin Anda Tampilkan di menu navigasi header toko Anda</span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> >> Save Widget</b><br />
<b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /></b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span>
<span style="color: red; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><u><b>3. Mengaktifkan Slide Show</b></u></span><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">1. Klik edit pada widget dengan judul </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">feature content slider </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">di bawah widget navigasi (langkah 2).</span><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhefa4AyaJ_MN2JegrU6K9L7NQ547MGSh5B2gyV-DM9o1efgiQP5KnLvkASzKpnuv4wJyZ5uR9-rczKRYqRqjenwL0bRVVkstCnBEzv0W1jhsTld4-UXRSKK7ovGJ0o1qUjG8bOKfpKl8ee/s1600/setting+widget.png" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Setting Widget Slider" border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhefa4AyaJ_MN2JegrU6K9L7NQ547MGSh5B2gyV-DM9o1efgiQP5KnLvkASzKpnuv4wJyZ5uR9-rczKRYqRqjenwL0bRVVkstCnBEzv0W1jhsTld4-UXRSKK7ovGJ0o1qUjG8bOKfpKl8ee/s640/setting+widget.png" style="border-width: 0px; max-width: 100%;" title="Setting Widget Slider" width="640" /></a></div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">2. Ketikkan label yang ingin anda tampilkan pada slide anda (perhatikan penulisan huruf besar dan huruf kecil pada label)</span><br />
<div class="separator" style="clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivVmOwlwlye-7cgxHJrk8WIpxEDixDd3K-RUwu9hdouuLtKPTPYrMeYrdaIlHbka96MIth5KuYncxdLPPq7N_a_YeRkwOUNdG-1QhKJqDEBXOPCHARqlVzIV5tAvKhgb7KhKlPGjI9o49i/s1600/Widget+slider.png" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Setting widget slider" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivVmOwlwlye-7cgxHJrk8WIpxEDixDd3K-RUwu9hdouuLtKPTPYrMeYrdaIlHbka96MIth5KuYncxdLPPq7N_a_YeRkwOUNdG-1QhKJqDEBXOPCHARqlVzIV5tAvKhgb7KhKlPGjI9o49i/s320/Widget+slider.png" style="border-width: 0px; max-width: 100%;" title="Setting widget slider" width="304" /></a></div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">3. </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Save widget </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">dan lihat hasilnya.</span><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<h4 style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<u><span style="color: red;">Setting Widget Popular Post (Most View Product)</span></u></h4>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">1. Klik edit pada widget popular,</span><br />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">2. Ikuti setingnya seperti di bawah ini :</span><br />
<div style="background-color: white; border: medium none; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; overflow: hidden;">
</div>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 2px;">
<br />
<div style="margin-top: 5px; text-align: center;">
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzP6FxQy9RQJjvvUgm02ZqM6KbEoyxAt1gSSGtaLHYMN50A_KoLhGjKzffYXgZNZ4Id3rf7A83Ht0MDgQMqj-8OFnOq0B-VfADwXD_GtXw1h-Dl1t3HT4b9vyx-peCoOa7bkJ92g5F7Za/s1600/setting+popular+post.png" imageanchor="1" style="color: brown; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="setting widget popular post" border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzP6FxQy9RQJjvvUgm02ZqM6KbEoyxAt1gSSGtaLHYMN50A_KoLhGjKzffYXgZNZ4Id3rf7A83Ht0MDgQMqj-8OFnOq0B-VfADwXD_GtXw1h-Dl1t3HT4b9vyx-peCoOa7bkJ92g5F7Za/s320/setting+popular+post.png" style="border-width: 0px; max-width: 100%;" title="setting widget popular post" width="320" /></a><br />
<h4 style="text-align: left;">
<u><span style="color: red;">Mengedit data toko online Anda</span></u></h4>
</div>
</div>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Masuk ke menu </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">template>>edit HTML</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">, cari script berikut ini :</span><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<br />
<br />
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
simpleCart.email = '<span style="color: blue;">bisnis.aira@gmail.com</span>';<br />simpleCart.checkoutTo = Email;<br />simpleCart.currency = IDR;<br />simpleCart.urlWebsite = '<span style="color: blue;">http://templatembledhos.blogspot.com/</span>';<br />simpleCart.alamatPemilik = '<span style="color: blue;">Alamat Anda</span> ';<br />simpleCart.noHP = '<span style="color: blue;">081 xxxx xxxx</span>';<br />simpleCart.urlFacebook = '<span style="color: blue;">http://www.facebook.com/pages/your facebook</span>';<br />simpleCart.urlTwitter = '<span style="color: blue;">https://twitter.com/your twitter</span>';<br />simpleCart.akunbank1 = '<span style="color: blue;">Bank A</span>';<br />simpleCart.norek1 = '<span style="color: blue;">No Rekening Bank A</span>';<br />simpleCart.namarek1 = '<span style="color: blue;">Nama Pemilik Rekening Bank A</span>';<br />simpleCart.akunbank2 = '<span style="color: blue;">Bank B</span>';<br />simpleCart.norek2 = '<span style="color: blue;">No Rekening Bank B</span>';<br />simpleCart.namarek2 = '<span style="color: blue;">Nama Pemilik Rekening Bank B</span>';<br />simpleCart.akunbank3 = '<span style="color: blue;">Bank C</span>';<br />simpleCart.norek3 = '<span style="color: blue;">No Rekening Bank C</span>';<br />simpleCart.namarek3 = '<span style="color: blue;">Nama Pemilik Rekening Bank C</span>';<br />simpleCart.akunbank4 = '<span style="color: blue;">Bank D</span>';<br />simpleCart.norek4 = '<span style="color: blue;">No Rekening Bank D</span>';<br />simpleCart.namarek4 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.akunbank5 = '<span style="color: blue;">Bank E</span>';<br />simpleCart.norek5 = '<span style="color: blue;">No Rekening Bank E</span>';<br />simpleCart.namarek5 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.akunbank6 = '<span style="color: blue;">Bank F</span>';<br />simpleCart.norek6 = '<span style="color: blue;">No Rekening Bank F</span>';<br />simpleCart.namarek6 = '<span style="color: blue;">Nama Pemilik Rekening Bank D</span>';<br />simpleCart.urlReferrer = '<span style="color: blue;">http://templatembledhos.blogspot.com/</span>';<br />simpleCart.businessName = '<span style="color: blue;">contoh toko online</span>';<br />simpleCart.formatsmsKonfirmasi= '(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)';<br />simpleCart.contohformatsmsKonfirmasi= 'namalengkap, emailanda@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 ';<br />simpleCart.catatanTambahanInvoice= '(Untuk proses lebih cepat, silakan konfirmasi via SMS)';<br />simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];</div>
</div>
<br /></div>
</div>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Tulisan warna biru di atas adalah yang harus anda ganti dan sesuaikan dengan data anda.</span><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<div style="color: red; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<u><b>Memasang Entry Post Template</b></u></div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<span style="background-color: #93c47d; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="color: red;"><span style="background-color: white;"><span style="color: black;">Copy kode script di bawah ini dan letakkan pada bagian menu <b><i>Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) </i></b>pada blog anda</span></span></span></span><br />
<div style="background-color: white; border: medium none; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; overflow: hidden;">
</div>
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /><span style="background-color: black;"></span></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
Ganti dengan Gambar Produk Anda<br />
<div class="datapost"><br />
<ul> <li class="name"> Nama Produk : Test Produk 6 </li><br />
<li class="categ">Deskripsi : Isi dengan deskripsi produk </li><br />
<li class="posttag"> Produk variasi : Red textured and blue textured </li> </ul> </div><br />
<span class="item_price">Rp 19,999</span></div>
</div>
<u style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="color: red;"><b>Membuat halaman Terima Kasih </b> </span></u><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">1. Langkah terakhir adalah membuat halmaan terimakasih</span><br />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">2. Buka menu laman/page, buat halaman baru dengan Judul </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Terima Kasih</b><br />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">3. Kemudian pada mode HTML paste script berikut ke dalamnya:</span><br />
<br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div dir="ltr" style="text-align: left;" trbidi="on"> <b>Terima Kasih atas order Anda di Toko Online kami. E-mail Anda akan menerima Invoice pemesanan dari Kami sesuai dengan pesanan yang sudah anda lakukan sebelumnya. Anda bisa memeriksa e-mail invoice dari toko kami lalu ikuti prosedur order secara detail, berupa cara pembayaran, pengiriman dan beberapa infromasi lainnya. Anda juga bisa mengontak kami dengan langsung membalas e-mail tersebut atau melalui info kontak lainnya yang tertera pada e-mail Kami.<br /> <br /> Total order yang Anda terima melalui invoice email diluar biaya ekspedisi/kirim. Biaya kirim bisa anda cek dari<b> <a href="http://www.jne.co.id/" target="_blank">SINI</a>. </b><br /> <br /> Kami secepatnya akan memberikan konfirmasi melalui SMS ke no telpon Anda<br /> Terima kasih, atas kepercayaan dan kesediaan Anda berbelanja di Toko Online Kami dan Kami tunggu kedatangan Anda kembali.</div></div>
</div>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">4. Anda bisa mengedit beberapa kalimat di atas sesuai dengan keinginan anda. lalu publish page tersebut. </span><br />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Pastikan bahwa alamat URL halaman terima kasih ini adalah :</span><br />
<blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<b>http://namatokoanda.blogspot.com/p/terima-kasih.html</b></blockquote>
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<h3>
<span style="background-color: #cccccc;"><span style="color: white;"><a href="http://pasartokoonline.blogspot.com/2011/10/jasa-bikin-blog-atau-toko-online.html" style="color: brown; text-decoration: none;" target="_blank"><u><i><b><span style="color: black;">"</span>Kesulitan Setting Template..? Serahkan pada Tukang Toko Online DISINI</b></i></u></a></span>"</span></h3>
</div>
<span style="color: red; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><b>UPDATE: </b></span><br />
<hr style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<span style="color: red; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><b></b></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><span style="color: red; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><span style="color: black;">Un</span><span style="color: black;">tuk mengganti ukuran gambar pada posting agar gambar tidak stretch dan bisa tampil otomatis sesuai dengan di entry post, cari kode berikut :</span></span><br />
<blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
<span style="color: red;"><span style="color: black;">.entry img {<br /> padding:15px;<br />background:#fff;<br /> border:1px solid #efefef;<br /> -moz-border-radius:5px;<br /> -webkit-border-radius:5px;<br /> <b><span style="color: red;">width:560px;</span></b><br /> margin: 0 10px 10px 0;);<br />}</span></span></blockquote>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Ganti script warna merah dengan :</span><br />
<blockquote class="tr_bq" style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">
width:auto; height:auto;<span style="color: red;"><b> </b></span></blockquote>
<b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Preview </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">template dulu lalu </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Save</b><br />
<hr style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" />
<b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"></span><i style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><b>Karena adanya permintaan dari pengunjung di Malaysia untuk currency RM (Ringgit Malaysia) dari Template ini, berikut ini Link Download untuk Template yg sudah saya edit dengan currency RM</b></i><br />
<div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-align: center;">
<b><i><a href="https://sites.google.com/site/airabusiness/filesdownload/TemplatekanggoblonjocurrencyRM.xml?attredirects=0&d=1" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank">DOWNLOAD TEMPLATE CURRENCY RM DISINI</a></i></b></div>
<span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2013/01/gratis-premium-blogger-template-toko-online-dengan-shopping-cart.html#ixzz2cE7FlJQJ" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2013/01/gratis-premium-blogger-template-toko-online-dengan-shopping-cart.html#ixzz2cE7FlJQJ</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com1tag:blogger.com,1999:blog-8420093930969352868.post-74396215853005748592013-08-17T04:54:00.001-07:002013-08-17T04:54:12.503-07:00Blogger Template Shopping Cart from Creating Website<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">This template come from creating website with shopping cart widget and </span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Rupiah currency</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">. Special feature is checkout by email invoice, just like other </span><a href="http://pasartokoonline.blogspot.com/2013/01/gratis-premium-blogger-template-toko-online-dengan-shopping-cart.html" style="color: brown; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; text-decoration: none;" target="_blank"><b>Blogger Template from Tukang Toko Online. </b></a><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">Please</span><b style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"> </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;">do not remove credit links footer from this template if you want to install it in your blog. </span><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><br style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;" /><table border="1" style="color: black; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px; width: 660px;"><tbody>
<tr><th class="item_thumb" id="thumb" style="padding: 10px;" width="45%"><div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GdE5XPU_sKEoL_7CWXjBB3sSZa9iGJKsQFYIjcnnfaqapcfIK-8IHxqrWlHgPyLYlBKQWM3fE-f16dxDbbjQ8HWIVxQPmYCQJsCmFoiSZZuECgcuv-_cIui59lbJqppl4U1YVc78Qxg/s1600/Johny+Sip+Deh.jpg" imageanchor="1" style="color: brown; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Template Johny Sip Deh" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GdE5XPU_sKEoL_7CWXjBB3sSZa9iGJKsQFYIjcnnfaqapcfIK-8IHxqrWlHgPyLYlBKQWM3fE-f16dxDbbjQ8HWIVxQPmYCQJsCmFoiSZZuECgcuv-_cIui59lbJqppl4U1YVc78Qxg/s320/Johny+Sip+Deh.jpg" style="border-width: 0px; max-width: 100%;" title="Template Johny Sip Deh" width="230" /></a></div>
</th><td><a href="http://www.mastemplate.com/2012/12/johny-sip-deh.html" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Download" /></a></td></tr>
<tr><th><b>Template Name</b></th><td class="item_name">Johny Sip Deh</td></tr>
<tr><th><b>Demo</b></th><td class="item_price" style="border: 0px none; bottom: 0px; display: block; font-size: 13px; height: auto; left: 0px; margin-top: 5px; padding: 0px; position: relative; top: 0px; width: 100px;"><a href="http://johnysip-deh.blogspot.com/" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><input class="item_add" style="bottom: 9px; font-size: 17px; height: 40px; margin: 5px 0px 0px 140px; position: relative; right: 15px; width: 120px;" type="button" value="Live Demo" /></a></td></tr>
<tr><th><b>Features</b></th><td class="item_Description">Created by Maskolis.com<br /><ul>
<li>email checkout</li>
<li>shopping cart</li>
<li>Auto Checkout</li>
<li>Grid view</li>
<li>Slide Show by label</li>
<li>4 columns</li>
<li>Order email notification</li>
<li>2 Drop-down navigation menu bar</li>
<li>Black Background</li>
</ul>
</td></tr>
<tr><th>Template Setting</th><td> <a href="http://www.maskolis.com/2012/12/2-toko-online-modifikasi-dengan-invoice.html" rel="nofollow" style="color: brown; text-decoration: none;" target="_blank"><b>Click Here</b></a></td></tr>
</tbody></table>
<span style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px;"><br /><br />Read more: <a href="http://www.tukangtokoonline.web.id/2013/03/blogger-template-shopping-cart-from-creating-website.html#ixzz2cE6vGAjk" style="color: #003399; text-decoration: none;">http://www.tukangtokoonline.web.id/2013/03/blogger-template-shopping-cart-from-creating-website.html#ixzz2cE6vGAjk</a></span></div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-42593485456517289272013-08-15T03:07:00.001-07:002013-08-15T03:07:11.682-07:00/* Blogger Template Blogger Dashboards Premium <div dir="ltr" style="text-align: left;" trbidi="on">
<b>/* Blogger <span style="font-size: x-small;">Template Blogger Dashboards Premium </span></b><br />
================================================*/<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqD91hyCSSQe4Ra8E3bJ4COKxY6GhdSJ1m3hs95Lo2p85aARWiLIELpwTD_8WdiZjOT_wrRStnGZkbw3HVYn-XO9XZ7sxReGOgdVMYAZl23y2dLbg1j2Gna46CfFUvPtVs1VL3ZyQJL4ms/s1600/Template+Premium+Blogger+Dashboards.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqD91hyCSSQe4Ra8E3bJ4COKxY6GhdSJ1m3hs95Lo2p85aARWiLIELpwTD_8WdiZjOT_wrRStnGZkbw3HVYn-XO9XZ7sxReGOgdVMYAZl23y2dLbg1j2Gna46CfFUvPtVs1VL3ZyQJL4ms/s400/Template+Premium+Blogger+Dashboards.png" width="400" /></a></div>
<div style="text-align: center;">
<i>Template Premium Mirip Blogger Dhasboard</i></div>
<br />
<div style="text-align: justify;">
<b>Blogger Dashboards Premium Blogger Themplate </b>adalah Theme yang dengan tampilan layaknya <b>Dashboard</b>s blogger blogspot.Seperti konsep <b>Dashboard</b>s
blogspot yang sederhana tetapi tetap menarik karena terlihat rapi,
bersih, yang menurut saya fokus pada desain yang simpel,minimalis, &
logis, serta mengutamakan keindahan tipografi. Selain itu, tetap pada
prinsip Usability & Accessibility sehingga website mudah digunakan
& sesuai dengan standarisasi.<br />
<br />
Dimana konsep desain 2 kolom, sidebar di sebelah kiri berukuran 160,
yang cukup untuk menampilkan Arsip blog berdasarkan Bulan, atau untuk
ukuran iklan 160x600. breadcrumb Pada halaman single atau posting, dan 2
banner tepat di bawah artikel dengan ukuran 60x649, Form komentar
dengan desain seperti gaya dhasboard blogger. Untuk selebihnya lihat
demonya berikut. </div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<br />
<b><span style="font-size: medium;">DEMO</span></b><br />
<b><span style="font-size: medium;"><a href="http://blogger-dashboards.blogspot.com/" target="_blank">http://blogger-dashboards.blogspot.com</a> </span></b><br />
<br />
<br />
<b>/* Fitur inti </b><br />
================================================*/<br />
- Ads ready 160x600<br />
- Tombol media sosial<br />
- Kategori Dropdown<br />
- Header Fixed 2 kolom<br />
- Sidebar kiri 160 px<br />
- Form Pencarian<br />
- Bonus halaman Arsip // Hanya untuk Full Lisensi<br />
- Halaman About<br />
- Halaman Kontak<br />
<br />
<b>/* Browser suport</b><br />
================================================*/<br />
- Internet Explorer 9.0<br />
- Firefox 11.0<br />
- Safari 5.1<br />
- Chrome 18.0<br />
<br />
Jika anda ingin Kontak langsung di fanspagenya <a href="https://www.facebook.com/Badsext0r" target="_blank">Blogger-dashboards</a><br />
</div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-63686705612574156412013-08-11T15:39:00.000-07:002013-08-11T15:39:05.147-07:002 Template Toko Online Modifikasi dengan Invoice Email<h1 class="post-title entry-title">
2 Template Toko Online Modifikasi dengan Invoice Email
</h1>
<div style="text-align: justify;">
<span class="awal">D</span>ari beberapa template Toko Online dengan
shopping cart yang saya bagikan sebelumnya, banyak kendala yang
dihadapi, khususnya bagi mereka yang menggunakan mata uang non top
currency (<b>dollar, Euro dan Pounds</b>). Khusus untuk kali ini, saya akan membagikan 2 buah template Toko Online Cart dengan menggunakan fasilitas <b>Invoice Email</b>.
Singkatnya begini, jika ada pesanan lewat fitur shopping cart Anda akan
menerima langsung lewat email tanpa harus membuat form order, dan
pesanan pembeli sesuai dengan produk yang di order lewat fitur shopping
cart. Kelebihan lain adalah seorang pemesan pun juga akan menerima email
dari barang yang dibelinya.</div>
<br />
<div style="text-align: justify;">
Untuk kali ini, saya memodifikasi 2 buah template yang pernah saya bagikan sebelumnya, yaitu <a href="http://www.maskolis.com/2012/05/johny-blackstore-template-toko-online.html" target="_blank">Johny Blackstore</a> dan <a href="http://www.maskolis.com/2012/05/johny-magstore-template-magazine-untuk.html" target="_blank">Johny Magstore</a> khusus untuk mata uang <b>Rupiah (Rp)</b>. Oke langsung saja ya</div>
<br />
<b><span style="font-size: medium;">Johny Sip Deh</span></b><br />
<br />
<div style="text-align: justify;">
Template ini persis sama dengan <a href="http://www.maskolis.com/2012/05/johny-blackstore-template-toko-online.html" target="_blank">Johny Blackstore</a>, hanya beda warnanya saja dan tambahan fitur <i>related post</i>
di bawah postingan. Untuk tutorial cara membuat postingan dan
pemasangan widget yang ada pada template ini, silahkan dibuka artikel <b><a href="http://www.maskolis.com/2012/05/johny-blackstore-template-toko-online.html" target="_blank">Johny Blackstore, Template Toko Online Asal Jadi</a></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GdE5XPU_sKEoL_7CWXjBB3sSZa9iGJKsQFYIjcnnfaqapcfIK-8IHxqrWlHgPyLYlBKQWM3fE-f16dxDbbjQ8HWIVxQPmYCQJsCmFoiSZZuECgcuv-_cIui59lbJqppl4U1YVc78Qxg/s1600/Johny+Sip+Deh.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GdE5XPU_sKEoL_7CWXjBB3sSZa9iGJKsQFYIjcnnfaqapcfIK-8IHxqrWlHgPyLYlBKQWM3fE-f16dxDbbjQ8HWIVxQPmYCQJsCmFoiSZZuECgcuv-_cIui59lbJqppl4U1YVc78Qxg/s1600/Johny+Sip+Deh.jpg" /></a></div>
<br />
<div style="color: blue; text-align: center;">
<b><span style="font-size: small;"><a href="http://johnysip-deh.blogspot.com/" target="_blank">Demo</a> <span style="color: black;">|</span> <a href="http://www.mastemplate.com/2012/12/johny-sip-deh.html" target="_blank">Download</a></span></b></div>
<br />
Simpan semua file javascript pada template ini pada Google Code sendiri, download filenya :
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.mediafire.com/?bdytbeeb5e5211e" target="_blank">Download Javascript</a></b></div>
<br />
<div style="text-align: justify;">
Saya akan menjelaskan cara kerja shopping cart dengan menggunakan fitur
email invoice secara sistematis disini. Sebagai contoh kasus, saya
memesan barang lewat cart pada demo template diatas seperti gambar
berikut ini :</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipfJTvJjQ675DozJGoRPx_YiKtccUe6Z6kQ2F4ppeqp9sQxImSEzQwOAQ5yCMFd4xQjReSdzjjEjSZdOKLtgXLgcOzjaEplr_wbiIslOWDRChn6rhvGy8yNVtl1DCNmVrDe7YziZmbHso/s1600/pesan+produk.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipfJTvJjQ675DozJGoRPx_YiKtccUe6Z6kQ2F4ppeqp9sQxImSEzQwOAQ5yCMFd4xQjReSdzjjEjSZdOKLtgXLgcOzjaEplr_wbiIslOWDRChn6rhvGy8yNVtl1DCNmVrDe7YziZmbHso/s1600/pesan+produk.jpg" /></a></div>
<br />
<div style="text-align: justify;">
Setelah klik "<b>Order Email</b>", si pemesan diharuskan untuk mengisi formulir yang muncul seperti <i>pop up </i>berikut ini :</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfBd-bvpsfkVGqspC6Y73Xva3csoAmtR2l__DeGohX2kECxcnnO0HWCFdiHqcjtI-y4W_ZM5XaINCXLFvRNxBwEDcp0-ChzSSqJDvbs5DPX8H9nCcVPVqvgEjyAL7snvhNwI00R2s0XVU/s1600/pop+up+pemesan.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfBd-bvpsfkVGqspC6Y73Xva3csoAmtR2l__DeGohX2kECxcnnO0HWCFdiHqcjtI-y4W_ZM5XaINCXLFvRNxBwEDcp0-ChzSSqJDvbs5DPX8H9nCcVPVqvgEjyAL7snvhNwI00R2s0XVU/s1600/pop+up+pemesan.jpg" /></a></div>
<br />
<div style="text-align: justify;">
Kemudian klik <b>OK</b> button, setelah itu si pemesan akan diarahkan untuk mengisi <b>email, nama, alamat, nomer telepon</b> yang bisa dihubungi. Setelah semuanya diisi, pemesan akan mendapatkan notifikasi email seperti gambar berikut ini :</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzcBfTy1b8jK_p2hiMk2eITI838ga8QuDTNGJVVpNkkRwLcBLtrRRAEZQfrRnk72Sop8uqIub83-bRQuChRYldJoRaKrNMd98i7XsA72VtDHQiVdYqXV9KaKeSpdZYZny4QVIGToBKpek/s1600/email+pemesan.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzcBfTy1b8jK_p2hiMk2eITI838ga8QuDTNGJVVpNkkRwLcBLtrRRAEZQfrRnk72Sop8uqIub83-bRQuChRYldJoRaKrNMd98i7XsA72VtDHQiVdYqXV9KaKeSpdZYZny4QVIGToBKpek/s1600/email+pemesan.jpg" /></a></div>
<br />
<div style="text-align: justify;">
<b>Perhatikan produk-produk yang dipesan, sama dengan barang yang dipesan lewat shopping cart</b>.
Dan si pemilik toko online, dalam hal ini sebagai penjual pasti juga
akan menerima notifikasi email dari pembeli atau pemesan produk seperti
gambar berikut ini :</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGqWvJ0TMrsVXiGwW2PeugCye3RjEjtZ6nU67nF87-zfAopfv0JfGN-Z7BvdKtHFMr3G7ee-O9Gg5qJhXhFnDUXt_yh6BSLOjQqzC6ellxLZtqSFVU7s0wDt9RfyeIip9e_yLOE8jSYs8/s1600/email+penjual.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGqWvJ0TMrsVXiGwW2PeugCye3RjEjtZ6nU67nF87-zfAopfv0JfGN-Z7BvdKtHFMr3G7ee-O9Gg5qJhXhFnDUXt_yh6BSLOjQqzC6ellxLZtqSFVU7s0wDt9RfyeIip9e_yLOE8jSYs8/s1600/email+penjual.jpg" /></a></div>
<br />
<div style="text-align: justify;">
Setelah proses diatas, pemesan dan penjual tinggal melakukan finalisasi
proses transaksi melalui data-data yang sudah tercantum dalam email
yang dikirim.</div>
<br />
<b>Setting Template</b><br />
<br />
Untuk merubah setelan transaksi online pada template ini, cari kode berikut ini pada <b>Edit HTML</b> :<br />
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;">
</div>
<div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
<div>
simpleCart.email = &#39;<b><span style="color: blue;">ncmajid@gmail.com</span></b>&#39;;<br />
simpleCart.checkoutTo = Email;<br />
simpleCart.currency = IDR;<br />
simpleCart.urlWebsite = &#39;<span style="color: blue;"><b>http://johnysip-deh.blogspot.com</b></span>&#39;;<br />
simpleCart.taxRate = <b><span style="color: blue;">0.02</span></b>;<br />
simpleCart.shippingFlatRate = <b><span style="color: blue;">3.25</span></b>;<br />
simpleCart.shippingQuantityRate = <b><span style="color: blue;">1.00</span></b>;<br />
simpleCart.alamatPemilik = &#39;<b><span style="color: blue;">Alamat Anda</span></b> &#39;;<br />
simpleCart.noHP = &#39;<b><span style="color: blue;">081 xxxx xxxx</span></b>&#39;;<br />
simpleCart.urlFacebook = &#39;<b><span style="color: blue;">http://www.facebook.com/pages/your faceboo</span></b>k&#39;;<br />
simpleCart.urlTwitter = &#39;<b><span style="color: blue;">https://twitter.com/your twitter</span></b>&#39;;<br />
simpleCart.akunbank1 = &#39;<b><span style="color: blue;">Bank A</span></b>&#39;;<br />
simpleCart.norek1 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />
simpleCart.namarek1 = &#39;<b><span style="color: blue;">Nama Pemilik Rekening Bank A</span></b>&#39;;<br />
simpleCart.akunbank2 = &#39;<b><span style="color: blue;">Bank B</span></b>&#39;;<br />
simpleCart.norek2 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />
simpleCart.namarek2 = &#39;<b><span style="color: blue;">Nama Pemilik Rekening Bank B</span></b>&#39;;<br />
simpleCart.akunbank3 = &#39;<b><span style="color: blue;">Bank C</span></b>&#39;;<br />
simpleCart.norek3 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />
simpleCart.namarek3 = &#39;<span style="color: blue;"><b>Nama Pemilik Rekening Bank C</b></span>&#39;;<br />
simpleCart.akunbank4 = &#39;<b><span style="color: blue;">Bank D</span></b>&#39;;<br />
simpleCart.norek4 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />
simpleCart.namarek4 = &#39;<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>&#39;;<br />
simpleCart.akunbank5 = &#39;<b><span style="color: blue;">Bank E</span></b>&#39;;<br />
simpleCart.norek5 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />
simpleCart.namarek5 = &#39;<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>&#39;;<br />
simpleCart.akunbank6 = &#39;<b><span style="color: blue;">Bank F</span></b>&#39;;<br />
simpleCart.norek6 = &#39;<b><span style="color: blue;">No Rekening</span></b>&#39;;<br />
simpleCart.namarek6 = &#39;<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>&#39;;<br />
simpleCart.urlReferrer = &#39;http://www.maskolis.com&#39;;<br />
simpleCart.businessName = &#39;<b><span style="color: blue;">Nama Toko Online Anda</span></b>&#39;;<br />
simpleCart.formatsmsKonfirmasi= &#39;(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)&#39;;<br />
simpleCart.contohformatsmsKonfirmasi= &#39;Maskolis,
email.maskolis@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 &#39;;<br />
simpleCart.catatanTambahanInvoice= &#39;(Have a nice day for you and I hope you enjoy it)&#39;;<br />
simpleCart.cartHeaders = [&quot;Name&quot;,
&quot;thumb_image&quot; , &quot;Quantity_input&quot; ,
&quot;Total&quot;, &quot;remove&quot; ];</div>
</div>
</div>
<br />
<div style="text-align: justify;">
Kode <b><span style="color: blue;">warna biru</span></b> diatas yang
harus Anda ganti, sesuaikan dengan kebutuhan data Anda sehingga konsumen
lebih percaya untuk membeli produk dari toko online yang Anda kelola.</div>
<br />
Dan jika Anda ingin setting pembayaran dengan Paypal tinggal merubah kode berikut :
<br />
<pre>simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;</pre>
Ganti email dengan Paypal dan rubah IDR dengan mata uang top currency
yang Anda inginkan. Hapus data pada kode diatas yang tidak diperlukan.<br />
<br />
<div style="text-align: justify;">
Untuk mengaktifkan fungsi reply komantar pada template ini, ganti <i><b>Blog ID</b></i> pada template ini pada <b>Edit HTML</b> (jangan lupa <i>centang expand widget template</i>) : <b><span style="color: #cc0000;">4486072018930286729</span></b> setelah ketemu ganti dengan blog ID anda</div>
<br />
<b><span style="font-size: large;">Johny Muantab</span></b><br />
<br />
<div style="text-align: justify;">
Template ini modifikasi dari <a href="http://www.maskolis.com/2012/05/johny-magstore-template-magazine-untuk.html" target="_blank">Johny Magstore</a>, bedanya template ini menggunakan satu sidebar di sebelah kiri. Cara membuat postingan dan memasang widget sama persis dengan <a href="http://www.maskolis.com/2012/05/johny-magstore-template-magazine-untuk.html" target="_blank">Johny Magstore</a> template, untuk itu silahkan jika Anda ingin menggunakan template ini dibuka kembali artikel <b><a href="http://www.maskolis.com/2012/05/johny-magstore-template-magazine-untuk.html" target="_blank">Johny Magstore, Template Magazine untuk Toko Online</a></b>.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheee7Wp4jBxBu7VfmtGcWLicCgvTDkWZ747mw1vT7NZ5dbC1g7gEHMtYr5IMo2b6ynBp2H6Trru6_0jL0bmCHLOfslPhnypoLVLZDAvxAP1aDyoXALu2tosqVFyBwFgWMCrBe70XfA_N4/s1600/Johny+Mantuab.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="toko online blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheee7Wp4jBxBu7VfmtGcWLicCgvTDkWZ747mw1vT7NZ5dbC1g7gEHMtYr5IMo2b6ynBp2H6Trru6_0jL0bmCHLOfslPhnypoLVLZDAvxAP1aDyoXALu2tosqVFyBwFgWMCrBe70XfA_N4/s1600/Johny+Mantuab.jpg" /></a></div>
<br />
<div style="color: blue; text-align: center;">
<b><span style="font-size: small;"><a href="http://johny-mantuab.blogspot.com/" target="_blank">Demo</a> <span style="color: black;">|</span> <a href="http://www.mastemplate.com/2012/12/johny-muantab.html" target="_blank">Download</a></span></b></div>
<br />
Simpan semua file javascript pada template ini pada Google Code sendiri, download filenya :
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.mediafire.com/?61f2epo0mt4k644" target="_blank">Download Javascript</a></b></div>
<br />
<div style="text-align: justify;">
Template ini sama dengan template <b>Johny Sip Deh</b>, menggunakan invoice email payment method (sistem pembayaran lewat email). </div>
<br />
<b>Setting Template</b><br />
<br />
Cari kode di bawah ini pada <b>Edit HTML</b>, untuk mengoptimalkan data mengenai toko online yang Anda kelola :<br />
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;">
</div>
<div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
<div>
simpleCart.email = '<b><span style="color: blue;">ncmajid@gmail.com</span></b>';<br />
simpleCart.checkoutTo = Email;<br />
simpleCart.currency = IDR;<br />
simpleCart.urlWebsite = '<b><span style="color: blue;">http://johny-mantuab.blogspot.com</span></b>';<br />
simpleCart.alamatPemilik = '<b><span style="color: blue;">Alamat Anda</span></b> ';<br />
simpleCart.noHP = '<b><span style="color: blue;">081 xxxx xxxx</span></b>';<br />
simpleCart.urlFacebook = '<b><span style="color: blue;">http://www.facebook.com/pages/your facebook</span></b>';<br />
simpleCart.urlTwitter = '<b><span style="color: blue;">https://twitter.com/your twitter</span></b>';<br />
simpleCart.akunbank1 = '<b><span style="color: blue;">Bank A</span></b>';<br />
simpleCart.norek1 = '<b><span style="color: blue;">No Rekening Bank A</span></b>';<br />
simpleCart.namarek1 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank A</span></b>';<br />
simpleCart.akunbank2 = '<b><span style="color: blue;">Bank B</span></b>';<br />
simpleCart.norek2 = '<b><span style="color: blue;">No Rekening Bank B</span></b>';<br />
simpleCart.namarek2 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank B</span></b>';<br />
simpleCart.akunbank3 = '<b><span style="color: blue;">Bank C</span></b>';<br />
simpleCart.norek3 = '<b><span style="color: blue;">No Rekening Bank C</span></b>';<br />
simpleCart.namarek3 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank C</span></b>';<br />
simpleCart.akunbank4 = '<b><span style="color: blue;">Bank D</span></b>';<br />
simpleCart.norek4 = '<b><span style="color: blue;">No Rekening Bank D</span></b>';<br />
simpleCart.namarek4 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>';<br />
simpleCart.akunbank5 = '<b><span style="color: blue;">Bank E</span></b>';<br />
simpleCart.norek5 = '<b><span style="color: blue;">No Rekening Bank E</span></b>';<br />
simpleCart.namarek5 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>';<br />
simpleCart.akunbank6 = '<b><span style="color: blue;">Bank F</span></b>';<br />
simpleCart.norek6 = '<b><span style="color: blue;">No Rekening Bank F</span></b>';<br />
simpleCart.namarek6 = '<b><span style="color: blue;">Nama Pemilik Rekening Bank D</span></b>';<br />
simpleCart.urlReferrer = 'http://www.maskolis.com';<br />
simpleCart.businessName = '<b><span style="color: blue;">Nama Toko Online Anda</span></b>';<br />
simpleCart.formatsmsKonfirmasi= '(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)';<br />
simpleCart.contohformatsmsKonfirmasi= 'Maskolis, email.maskolis@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 ';<br />
simpleCart.catatanTambahanInvoice= '(Have a nice day for you and I hope you enjoy it)';<br />
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];</div>
</div>
</div>
Ganti kode <b><span style="color: blue;">warna biru</span></b> diatas dengan data Anda.<br />
<br />
<div style="text-align: justify;">
Kekurangan dari sistem pembayaran dengan invoice email ini, Anda harus
mempunyai hosting sendiri untuk menyimpan script email invoice yang
berupa file PHP. Karena blogger belum support PHP dan tidak ada hosting
gratis khusus untuk menyimpan file PHP. Untuk kedua template ini saya
menggunakan hosting dari blog dimana saya berperan sebagai admin disitu.
<b>Jika Anda ingin mengganti atau merubah kalimat dan bahasa yang ada
di email invoice, syarat utama anda harus mempunyai file PHP invoice
email dan hosting untuk menyimpannya</b>.</div>
<br />
<div style="text-align: justify;">
<b>Awalnya saya ragu untuk membagikan kedua template ini</b>, karena
jika hosting yang saya pakai untuk menyimpan file PHP ini tidak
diperpanjang bisa-bisa fitur invoice email yang saya pasang pada
template itu tidak lagi berfungsi. Mengingat masih banyak pembuat toko
online blogger berbayar yang menekuni bidang ini sebagai sumber mata
pencaharian, tidak etis rasanya jika saya membuka semua rahasia
pembuatan toko online blogger dengan invoice email payment method ini.
Jadi silahkan Anda membuat sendiri file PHP dengan menggunakan
dreamweaver, atau masuk ke situs <b>http://stackoverflow.com</b> disana banyak sekali dasar-dasar untuk membuat sebuah file PHP untuk email invoice.</div>
<br />
<div style="text-align: justify;">
Demikian tadi dua template toko online dengan model pembayaran lewat
invoice email, jika ada yang ingin ditanyakan silahkan tulis pesan Anda
di kotak komentar. Selamat mencoba dan selamat menikmati Tahun Baru 2013
bagi yang merayakan.... semoga bermanfaat.<br />
<br />
<b>Penting untuk diperhatikan bagi pengguna kedua template diatas :</b>
<br />
<ol>
<li>Buatlah sebuah page atau halaman statis dengan judul : <b><a href="http://johnysip-deh.blogspot.com/p/terima-kasih.html" target="_blank">Terima Kasih</a></b>. </li>
<li>Isi terserah Anda, contoh bisa dilihat disini <a href="http://johnysip-deh.blogspot.com/p/terima-kasih.html" target="_blank">http://johnysip-deh.blogspot.com/p/terima-kasih.html</a></li>
<li>Halaman ini digunakan untuk redirect URL setelah selesai pengisian formulir pemesanan.</li>
<li><b><a href="http://www.maskolis.com/2012/12/download-template-toko-online-dengan.html" target="_blank">Download Template Toko Online Dengan Invoice Email</a>
</b></li>
</ol>
</div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-64355108179409065392013-08-11T15:21:00.002-07:002013-08-11T15:21:40.939-07:00Johny Magstore<h1 class="post-title entry-title">
Johny Magstore
</h1>
<div class="post-header">
</div>
<h3 class="date-header">
<br /></h3>
<div style="float: left; margin-right: 35px; padding-top: 10px;">
<div style="padding-left: 95px; padding-top: 15px; position: absolute;">
</div>
</div>
<div align="center">
</div>
<div class="badge sblogger">
</div>
<img class="latest_img" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7DIzjhOlgwYWFIEySR8yuJ8avxTYRe4OKEXv76d1gOBL26P5XOAwXlyQ060s-bAa5k9ahb55Wu79mE28XfeTrv3VYbg-1GgqNI5IKGxDiiY2cMlvVsJw36Q5zl63Ycocw2ZcNw7GgAuaX/s1600/Johny+Magstore.jpg" width="310" /><br />
<div class="fullpost">
<ul class="postbuttons">
<li><a class="livedemo" href="http://johny-magstore.blogspot.com/" rel="nofollow" target="_blank">Live Demo</a> </li>
<li><a href="http://www.mediafire.com/?ro2n1or4jq6f91u" target="_blank">Download Theme</a></li>
</ul>
</div>
<b>TEMPLATE FEATURES</b><br />
<br />
<div style="text-align: justify;">
Another template blogger for your online store from <a href="http://creatingwebsite-maskolis.blogspot.com/" target="_blank">Creating Website</a>. Names <b>Johny Magstore,</b>
magazine template that was made especially for online store. Design
with magazine style blogger template with 3/5 column blogger template
and 2 column siderbar in left and right, 4 column footer, shopping cart
for e-commerce blogger platform, automatic featured content slider, ads
468 x 60 px ready, pagination for blogger ready, dropdown menu, zooming
image, clean design template, and more. This template designed for
online store only with daily updates. For more detail <a href="http://creatingwebsite-maskolis.blogspot.com/2012/05/johny-magstore-template-magazine-untuk.html" target="_blank">visit this link</a> to see how to manage this template<br />
<br />
<b>Template Name</b> : Johny Magstore<br />
<b>Author</b> : Maskolis<br />
<b>Url Instruction</b> : <a href="http://creatingwebsite-maskolis.blogspot.com/2012/05/johny-magstore-template-magazine-untuk.html" target="_blank">Creating Website</a><br />
<b>Designer</b> : Creating Website<br />
<b>Url Designer</b> : <a href="http://creatingwebsite-maskolis.blogspot.com/" target="_blank">creatingwebsite-maskolis.blogspot.com</a></div>
<br />
<b><span style="color: red; font-size: medium;">Update Templates</span></b><br />
<br />
<div style="text-align: justify;">
My Google Code was banned, there's so many script that I put in there
can't be opened. But I already fixed it with the updates ones, you can
re-download this template or <a href="http://www.maskolis.com/2012/12/pengumuman-penting.html" target="_blank">you can change some script in this post</a>,
and I suggest you to save any javascript in this template with your own
Google Code or another file hosting for better result. <a href="http://creatingwebsite-maskolis.blogspot.com/2012/05/mengatasi-loading-blog-dengan-google.html" target="_blank">Read this tutorial to save Javascript in to your own Google Code</a>.</div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-44404775868615559852013-08-11T15:19:00.002-07:002013-08-11T15:19:37.845-07:00MyExtraNews Responsive Blogger Template by MKR <div class="separator" style="clear: both; text-align: center;">
<a class="colorbox" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgReOP7vi10IAr-NAvbEobTI-tNJKi2OOMtr1B3LHLW5HQOUR05WmfAOHUVnwIK1itHx_awWIcw8KHcwzuFHqKEV11vY-uM60-H_roi6G0XsCZluAwFnu9keb2Z67Rt296ui7O7uPqty3za/s1600/MyExtraNews-cover.jpg" title="MyExtraNews Responsive Blogger Template by MKR"><img alt="MyExtraNews Responsive Blogger Template by MKR" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgReOP7vi10IAr-NAvbEobTI-tNJKi2OOMtr1B3LHLW5HQOUR05WmfAOHUVnwIK1itHx_awWIcw8KHcwzuFHqKEV11vY-uM60-H_roi6G0XsCZluAwFnu9keb2Z67Rt296ui7O7uPqty3za/s500/MyExtraNews-cover.jpg" style="display: inline;" /></a></div>
<br />
Template kali ini bisa dikatakan mirip dengan template responsive
blogger yang sebelumnya yaitu ExtraNews atau mungkin juga bisa dikatakan
versi kedua dari <a class="intrn tooltipmkr" href="http://mkr-site.blogspot.com/2012/12/extranews-responsive-blogger-template.html" title="<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHvXBb_pmDfW41FhhyphenhyphenlqYLPqzxaih1sdVTA59_RahmLEZ-Mf5rxO3s15rWEBYvthuczeSMorzCSr6vbRtr3aT2sHAcXmp9m0KYnsjrNHZ2qdrP_Tkl7nhvcBOPyAmMCfR9bEJUyLQcOjGF/s72-c/Extra_News_Cover.jpg'/><h6>Extra News Responsive Blogger Template by MKR</h6><p>Extra News merupakan template blogger responsif yang di adaptasi dari themes wordpress yang di buat oleh ThemeWich. Pada versi blogger ini terdapat 8 pilihan warna, dan dengan banyak fitur seperti random post, artikel terbaru, komentar terbaru, emoticon, lighbox Colorbox, dan masih banyak lagi....</p>">ExtraNews</a> karena tampilannya yang hampir sama.<br />
Berbeda dengan ExtraNews, template ini tidak menggunakan masonry/isotope
dalam menyusun tampilannya. Dan pada MyExtraNews terdapat satu fitur
yang belum pernah ada pada template yang saya buat, yaitu pada saat
menekan tombol <strong>load more post</strong> artikel akan bertambah
tanpa pinda kehalaman yang baru. Sebenarnya saya mau membuat versi yang
ketika discroll maka artikelnya bertambah. Tapi karena ini merupakan
template responsive dengan sidebar dan footer saya rasa fitur seperti
itu tidak akan sesuai.<br /><br />
Nah bagi yang berminat silahkan download.<br /><br />
<h2>
Fitur-Fitur dari MyExtraNews Blogger Template</h2>
<ol>
<li>Responsive blogger Template.</li>
<li>JSON Search Result pada bagian menu.</li>
<li>Sidebar dikanan dan 3 kolom untuk footernya.</li>
<li>Tab Widget pada sidebarnya.</li>
<li>Ajax load post pada bagian selain item dan page.</li>
<li>Related Post/Artikel terkait dengan Ajax sehingga loadingnya agak
cepat(script dari moretechtips saya modifikasi sesuai templatenya). </li>
<li>Emoticon pada bagian komentar.</li>
<li>2 jenis Menu yaitu Normal Menu dan Mobile Menu</li>
<li>Ajax Random Post yang dapat dijadikan sebagai recent post atau
memunculkan artikel berdasarkan label baik itu secara acak maupun
berurutan(dari yang terbaru)</li>
<li>Ajax Recent Comments / Komentar terbaru dengan fitur untuk menghilangkan komentar Admin blog(dengan Animasi)</li>
<li>Optimasi SEO.</li>
<li>Support modern browser IE9, Mozilla, Chrome</li>
<li>Warna Biru.</li>
</ol>
<div class="mkrbut-grup">
<a class="button demo" href="http://myextranews-mkr.blogspot.com/" rel="nofollow" target="_blank">Demo MyExtraNews</a></div>
<div class="box">
<div class="gambarnya">
<a class="colorbox" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggR2NniExDIg_10TwkYv9vW0wgJrzPTID8AlUkHcSvb-DUCta6yIYBbcAI8oSGRPANin4hm4by-rkFPdiPEq5wJML7H6Cl0VZb8JViYOB_rbK-DMkfDLoqs-DPu0LsypfNKwjf9ivCqC4V/s1600/MyExtraNews-Screenshot.png" title="MyExtraNews Responsive Blogger Template Screenshot"><img alt="MyExtraNews Responsive Blogger Template Screenshot" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggR2NniExDIg_10TwkYv9vW0wgJrzPTID8AlUkHcSvb-DUCta6yIYBbcAI8oSGRPANin4hm4by-rkFPdiPEq5wJML7H6Cl0VZb8JViYOB_rbK-DMkfDLoqs-DPu0LsypfNKwjf9ivCqC4V/w250/MyExtraNews-Screenshot.png" /></a></div>
<div class="mkrbut-grup">
<a class="button download" href="https://ivy-hosting.googlecode.com/files/MyExtraNews.zip">Download MyExtraNews</a></div>
</div>
<div class="notexx">
<strong>NB:</strong> Jika ingin merubah warna birunya dengan warna yang lain silahkan ganti kode warna <strong>#1295C9</strong> dengan kode warna Heksa yang anda inginkan menggunakan tool ini <a class="intrn" href="http://mkr-site.blogspot.com/p/tool-untuk-melihat-kode-warna-hex.html" rel="nofollow">Generator Kode Warna Heksa</a>. Kode warna <strong>#1295C9</strong> ada 24 jadi harus diganti semua.</div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-10687959737563975852013-08-11T14:35:00.000-07:002013-08-11T14:35:07.311-07:00Aware Responsive Blogger Template by MKR <div class="separator" style="clear: both; text-align: center;">
<a class="colorbox" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM9dcLA3Gh_bT5xIrnsfg3QQlf3gWm8EnNZuXn301Hx7Uv5oKhQ5-YRiA4B80aoM8BNJr8fyDd6aSohFipGO5xhyphenhyphentWUGMyZxaIpKftrcKsNoM5lCCld6DjM54x-zc6A88l5jirPsU1FanR/s1600/AwareResponsiveTemplate_cover.jpg" title="Aware Responsive Blogger Template by MKR"><img alt="Aware Responsive Blogger Template by MKR" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM9dcLA3Gh_bT5xIrnsfg3QQlf3gWm8EnNZuXn301Hx7Uv5oKhQ5-YRiA4B80aoM8BNJr8fyDd6aSohFipGO5xhyphenhyphentWUGMyZxaIpKftrcKsNoM5lCCld6DjM54x-zc6A88l5jirPsU1FanR/s500/AwareResponsiveTemplate_cover.jpg" /></a></div>
<br />
Seperti template responsive blogger yang sebelumnya ExtraNews, Aware
juga merupakan template yang bisa dikatakan adaptasi dari wordpress.
Seperti halnya <a class="intrn tooltipmkr" href="http://mkr-site.blogspot.com/2012/12/extranews-responsive-blogger-template.html" title="<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHvXBb_pmDfW41FhhyphenhyphenlqYLPqzxaih1sdVTA59_RahmLEZ-Mf5rxO3s15rWEBYvthuczeSMorzCSr6vbRtr3aT2sHAcXmp9m0KYnsjrNHZ2qdrP_Tkl7nhvcBOPyAmMCfR9bEJUyLQcOjGF/s72-c/Extra_News_Cover.jpg'/><h6>Extra News Responsive Blogger Template by MKR</h6><p>Extra News merupakan template blogger responsif yang di adaptasi dari themes wordpress yang di buat oleh ThemeWich. Pada versi blogger ini terdapat 8 pilihan warna, dan dengan banyak fitur seperti random post, artikel terbaru, komentar terbaru, emoticon, lighbox Colorbox, dan masih banyak lagi....</p>">ExtraNews</a> template ini juga dari desainer yang sama yaitu ThemeWich (dalam hal ini saya cuma mengambil desain tampilannya).<br />
Nah mungkin itu sedikit info tentang template yang saya buah ini.<br /><br />
Aware blogger template ini saya buat dengan 5 pilihan warna. Nah bagi yang berminat silahkan download.<br /><br />
<h2>
Fitur-Fitur dari Aware Blogger Template</h2>
<ol>
<li>Responsive blogger Template.</li>
<li>JSON Search Result dengan jQuery Ajax sehingga loadingnya lebih cepat.</li>
<li>Costum CSS lightbox blogger.</li>
<li>Sidebar dikanan dan 3 kolom untuk footernya (tombol toggle pada untuk menampilkan footer).</li>
<li>Tab Widget pada sidebarnya</li>
<li>Related Post/Artikel terkait dengan Ajax sehingga loadingnya agak
cepat(script dari moretechtips saya modifikasi sesuai templatenya). </li>
<li>Emoticon pada bagian komentar.</li>
<li>2 jenis Menu yaitu Normal Menu dan Mobile Menu (pada mobile menu menggunakan SelectNav)</li>
<li>Ajax Recent post / Artikel (dengan Animasi) dan News Ticker di atas Menu</li>
<li>Ajax Recent Comments / Komentar terbaru dengan fitur untuk menghilangkan komentar Admin blog(dengan Animasi)</li>
<li>Auto Slider dalam bentuk carausel "carouFredSel-6.1.0" dengan fitur
(bisa random post, recent post, random post bedasarkan tag/label dan
recent berdasarkan tag/label)</li>
<li>Optimasi SEO.</li>
<li>Support modern browser IE9, Mozilla, Chrome</li>
<li>Ada 5 Pilihan warna yaitu Biru, Hijau, Merah, Orange, Biru Kehijauan (Turquoise).</li>
</ol>
<div class="mkrbut-grup">
<a class="button demo" href="http://aware-ivythemes.blogspot.com/" rel="nofollow" target="_blank">Demo (Aware Turquoise)</a></div>
<div class="box" style="text-align: center;">
<div class="gambarnya">
<a class="colorbox" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdxqJ7BJgYwiKpdBayftTg-MSoRk4SidKIqwlanZ9ubGhAsBya7DuMtnQ6Av158ZBDQ5j9dhUTbVKhyphenhyphenCP2okoan2TDojm4iyyDXwxP9bWQpPSxl-8JQTJJCD7mYc_qckzFIw9VJMsTRomd/s1600/Aware_SS.png" title="Aware Turquoise Blogger Template ScreenShot"><img alt="JPStation Blue RTL Blogger Template" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdxqJ7BJgYwiKpdBayftTg-MSoRk4SidKIqwlanZ9ubGhAsBya7DuMtnQ6Av158ZBDQ5j9dhUTbVKhyphenhyphenCP2okoan2TDojm4iyyDXwxP9bWQpPSxl-8JQTJJCD7mYc_qckzFIw9VJMsTRomd/w300/Aware_SS.png" /></a></div>
</div>
<br /><br />
<div class="box cnter">
<div class="mkrbut-grup">
<a class="button download" href="http://ivy-hosting.googlecode.com/files/Aware_Blue.zip">Download Aware Blue</a></div>
</div>
<div class="box cnter">
<div class="mkrbut-grup">
<a class="button download" href="http://ivy-hosting.googlecode.com/files/Aware_Green.zip">Download Aware Green</a></div>
</div>
<div class="box cnter">
<div class="mkrbut-grup">
<a class="button download" href="http://ivy-hosting.googlecode.com/files/Aware_Red.zip">Download Aware Red</a></div>
</div>
<div class="box cnter">
<div class="mkrbut-grup">
<a class="button download" href="http://ivy-hosting.googlecode.com/files/Aware_Orange.zip">Download Aware Orange</a></div>
</div>
<div class="box cnter">
<div class="mkrbut-grup">
<a class="button download" href="http://ivy-hosting.googlecode.com/files/Aware_Turquoise.zip">Download Aware Turquoise</a></div>
</div>
<div class="box cnter">
<div class="mkrbut-grup">
<a class="button download" href="http://ivy-hosting.googlecode.com/files/Aware_TurquoiseRTL.zip">Download Aware Turquoise RTL</a></div>
</div>
Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0tag:blogger.com,1999:blog-8420093930969352868.post-43980998812802197172013-08-11T14:33:00.000-07:002013-08-11T14:35:44.379-07:00Johny Blackstore<h1 class="post-title entry-title">
Johny Blackstore
</h1>
<div class="post-header">
</div>
<h3 class="date-header">
</h3>
<div style="float: left; margin-right: 35px; padding-top: 10px;">
<div style="padding-left: 95px; padding-top: 15px; position: absolute;">
</div>
</div>
<div align="center">
</div>
<div class="badge sblogger">
</div>
<img class="latest_img" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbkuTkZGEx2-XqCHtvaoDJKLhNRAOljobGyxPZdERVULODT1AacCIoIv5WDnJ-YhOMCLnajfcJ7RMyPJkAVdA1JiyQ8t4jImGz3uKOAyhszuKagevQ4tskPSsS2E-xX0Cabjb-NPypEwYY/s1600/Johny+Blackstore.jpg" width="310" /><br />
<div class="fullpost">
<br /></div>
<h1 class="post-title entry-title">
Johny Blackstore, Template Toko Online Asal Jadi
</h1>
<div style="text-align: justify;">
<span class="awal">T</span>emplate ini adalah permintaan teman blogger via email, <b>Abu Dzaky</b>
atau siapa ya? lupa saya namanya. Intinya dia meminta untuk dibuatkan
sebuah template untuk jualan online. Sebenarnya saya tidak begitu bisa
untuk membuat template toko online, disamping kesibukan saya di dunia
nyata yang belakangan ini banyak menyita waktu juga karena keterbatasan
kemampuan saya dalam membuat <i>shopping cart</i> untuk memudahkan transaksi online via Paypal. Template ini namanya <b>Johny Blackstore</b>, nggak cocok ya...? hehehehe. <b><a href="http://collectortemplate.blogspot.com/" target="_blank">Bodo amat... yang penting ada store nya</a></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://collectortemplate.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img alt="johny blackstore" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje4gpZ2ksHW-0nBR1Q8xXu4x5ci4B5leOkY4PtMduGYRwgioU7XdzhZTIIYrF5i6ZKT5n0yGCNeS7gEDovQar5Ps5Mkto3zAydMWYs5b47faVZyg2OPCqtfdh0KPpVxFHUXk-BKw3NqGU/s1600/Johny+Blackstore.jpg" /></a></div>
<br />
<div style="text-align: justify;">
Shopping cart yang saya gunakan disini adalah <b>simplecart</b> made in <a href="http://wojodesign.com/">wojodesign.com</a>.
Sudah saya masukkan currency IDR atau rupiah pada script tersebut tapi
tetap saja tidak bisa digunakan untuk transaksi langsung via paypal,
karena Paypal belum menerima rupiah sebagai alat pembayaran. Jadi jika
Anda ingin memakai template ini untuk jualan online, barangnya dinilai
pakai dollar aja ya...??. Sekarang saya akan menjelaskan instalasi
template dan beberapa fitur yang terdapat pada template ini :</div>
<br />
<b><span style="font-size: medium;">Posting Artikel</span></b><br />
<br />
Dalam membuat artikel baru, perhatikan struktur kode di bawah ini :
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
<div class="product_image"></div>
<div style="text-align: left;">
<a class="cloud-zoom" href="<b><span style="color: red;">url-image.jpg</span></b>" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="<b><span style="color: red;">url-image.jpg</span></b>" /></a></div>
<div style="text-align: left;">
<span class="item_price"><span style="color: #f1c232;"><b>$00.00</b></span></span></div></div>
<div style="text-align: left;">
<div class="product_describe"></div>
<span style="color: blue;"><b>Description your product.............</b></span><br />
</div></blockquote>
<i><u>Keterangan :</u></i><br />
Warna <b><span style="color: red;">merah</span></b> : masukkan url
gambar produk anda pada kedua kode warna merah diatas. Usahakan gambar
yang Anda upload ukuran panjang dan lebar sama, misalnya 300 x 300 px<br />
Warna <b><span style="color: #f1c232;">kuning</span></b> : harga produk<br />
Warna <b><span style="color: blue;">biru</span></b> : deskripsi dari produk<br />
<br />
Kode diatas adalah kode yang harus anda awali dalam membuat postingan
terbaru, dan untuk memudahkan agar Anda tidak berulang kali copy paste
kode tersebut sewaktu membuat artikel terbaru, masukkan kode tersebut
pada kolom post template. Masuk ke <b>setting</b>, pilih <b>posts and comments</b> >> <b>post template</b>. Klik add, setelah itu masukkan kode diatas pada kotak kosong seperti gambar dibawah, terakhir <b>save setting</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP14j3ZSoG4M0cqDwETroRChMgbubcOKsj2Sc5xaOqEX_IZk1SYb0t8OGWcjAKWi2A8qfrAukm2kcQRTEGuhZhFzJkhfTDFGF4B3H1hyWkIAEb1JpHR3_-BtmHoTr1hpu4kq6dPCTVmWA/s1600/New+Picture.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP14j3ZSoG4M0cqDwETroRChMgbubcOKsj2Sc5xaOqEX_IZk1SYb0t8OGWcjAKWi2A8qfrAukm2kcQRTEGuhZhFzJkhfTDFGF4B3H1hyWkIAEb1JpHR3_-BtmHoTr1hpu4kq6dPCTVmWA/s1600/New+Picture.jpg" /></a></div>
<br />
<b><span style="font-size: medium;">Shopping Cart</span></b><br />
<br />
<div style="text-align: justify;">
Fitur Shopping Cart disini digunakan untuk memudahkan pengelola toko
online dalam transaksi via Paypal. Tapi karena Paypal belum menerima
pembayaran Rupiah, jadi setting untuk currency masih dalam dollar. Untuk
mengganti akun Paypal yang terdapat pada blog demo ini dengan akun
Paypal Anda, cari kode dibawah ini :</div>
<blockquote class="tr_bq">
<div style="text-align: left;">
<script type='text/javascript'></div>
<div style="text-align: left;">
simpleCart.email = &quot;<b><span style="color: #cc0000;">johnytemplate@gmail.com</span></b>&quot;;</div>
<div style="text-align: left;">
simpleCart.checkoutTo = PayPal;</div>
<div style="text-align: left;">
simpleCart.currency = USD;</div>
<div style="text-align: left;">
simpleCart.taxRate = 0.02;</div>
<div style="text-align: left;">
simpleCart.shippingFlatRate = 3.25;</div>
<div style="text-align: left;">
simpleCart.shippingQuantityRate = 1.00;</div>
<div style="text-align: left;">
simpleCart.cartHeaders = [&quot;thumb_image&quot; ,
&quot;Quantity_input&quot; , &quot;Total&quot;,
&quot;remove&quot; ];</div>
<div style="text-align: left;">
</script></div>
</blockquote>
Ganti email warna <b><span style="color: #cc0000;">merah</span></b> diatas dengan email Anda (email yang sudah didaftarkan di Paypal)<br />
<br />
<b><span style="font-size: medium;">Fitur Pendukung</span></b><br />
<ol>
<li><span style="text-align: justify;">Slider yang saya pasang disini
bekerja otomatis, menampilkan artikel terbaru anda dengan jumlah 8
postingan. Jika Anda ingin menampilkan per kategori atau label, cari
kode ini pada </span><b style="text-align: justify;">Edit HTML</b><span style="text-align: justify;"> (jangan lupa centang </span><b style="text-align: justify;">expand widget templates</b><span style="text-align: justify;">) :</span><br />
<blockquote class="tr_bq">
<div style="text-align: left;">
<script></div>
<div style="text-align: left;">
document.write(&quot; &lt;script
src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);</div>
<div style="text-align: left;">
</script></div>
</blockquote>
Ganti dengan kode berikut :<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
<script><br />
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/<b><span style="color: blue;">your label</span></b>?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);<br />
</script></div>
</blockquote>
Ganti kode warna <b><span style="color: blue;">biru</span></b> dengan label yang ingin Anda tampilkan pada slider.<br />
</li>
<li>Untuk mengganti <b>email berlangganan</b> yang ada di bawah navigasi, cari kode dibawah ini pada <b>Edit HTML</b> (jangan lupa untuk mencentang kotak expand widget templates) :<br />
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;">
</div>
<div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
<div>
<form action='http://feedburner.google.com/fb/a/mailverify'
id='subscribe' method='post'
onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=<b><span style="color: blue;">blogspot/htbgh</span></b>&apos;,
&apos;popupwindow&apos;,
&apos;scrollbars=yes,width=550,height=520&apos;);return true'
target='popupwindow'><input id='subbox' name='email' onblur='if
(this.value == &apos;&apos;) {this.value = &apos;Enter your
email address...&apos;;}' onfocus='if (this.value == &apos;Enter
your email address...&apos;) {this.value = &apos;&apos;;}'
type='text' value='Enter your email address...'/><input name='uri'
type='hidden' value='<b><span style="color: blue;">blogspot/htbgh</span></b>'/><input
name='loc' type='hidden' value='en_US'/><input id='subbutton'
type='submit' value='Enter'/></form></div>
</div>
</div>
<b><i>Keterangan :</i></b><br />
Warna <span style="color: blue;">biru</span> : ganti dengan alamat feed anda.<br />
</li>
<li><b>Widget Contact Online</b><br />
Masukan kode berikut pada kotak HTML/Javascript
<br />
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;">
</div>
<div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
<div>
<table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'><br />
<tbody><br />
<tr><br />
<td height='1'>Customer Service A</td><br />
<br />
<td align='right' height='1'><a href='ymsgr:sendIM?<b style="color: red;">youryahoousername1</b>'><img border='0' height='16' src='http://opi.yahoo.com/online?u=<b style="color: red;">youryahoousername1</b>&m=g&t=1' style='padding-top:3px' width='64'/></a></td><br />
</tr><br />
</tbody><br />
</table><br />
<br />
<div style='display: block;'><br />
<table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'><br />
<tbody><br />
<tr><br />
<td align='left' height='1'>Custumer Service B</td><br />
<td align='right' height='1'><a href='ymsgr:sendIM?<b style="color: red;">youryahoousername2</b>'><img border='0' height='16' src='http://opi.yahoo.com/online?u=<b style="color: red;">youryahoousername2</b>&m=g&t=1' style='padding-top:3px' width='64'/></a></td><br />
</tr><br />
</tbody><br />
</table></div><br />
<br />
<p align="center"><a
href="http://mas-template.blogspot.com/"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHZRKm-O_U8cdod-eBeqm3aU8M8z9OSMvfY-hG5x3BVxnZX4BfOsQr-TDcPHDbWFRzcaUbXJ8KD-bS_TK82-Wlyf2Bg2lu85LY3LpXyXhXVHeyoey9IzO6pbHUlFT654D1ITQJKTkE8gU/s1600/donate.png"
alt="twitter maskolis" /></a></p></div>
</div>
</div>
Ganti <b style="color: red;">youryahoousername1</b> dan <b style="color: red;">youryahoousername2</b> dengan ID yahoo Anda.
</li>
<li>Template ini menggunakan model kotak komentar yang sudah
dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode
dibawah ini pada <b>Edit HTML</b>, sekali lagi jangan lupa untuk centang kotak <b>expand widget templates</b> :<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=<b style="color: #cc0000;">2440873145683465163</b>&amp;postID=&quot;
+ data:post.id +
&quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot;
+ data:comment.anchorName + &quot;%22%3E&quot; +
data:comment.author + &quot;%3C%2F%61%3E#form&quot;'
onclick='javascript:window.open(this.href,
&quot;bloggerPopup&quot;,
&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;);
return false;'>Reply</a> </div>
</blockquote>
Warna merah pada kode diatas adalah <b>ID blog</b> demo, Anda harus
ganti dengan ID blog anda yang terletak pada browser jika anda masuk ke
dashbord, seperti gambar di bawah ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD22fXI1t6Jl0pjQRGO_m-I-1xE0fCoJnJePe05Y_fOyY1I2Eo7jYUw9QpK-YcRTFjRuZp6TLhXSuemQHkjguQL-3kWepQm7-Z6wv9nc7W0tVtyblvydCFUHE_MOJmNlfaRHW4y62gI4M/s1600/New+Picture.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD22fXI1t6Jl0pjQRGO_m-I-1xE0fCoJnJePe05Y_fOyY1I2Eo7jYUw9QpK-YcRTFjRuZp6TLhXSuemQHkjguQL-3kWepQm7-Z6wv9nc7W0tVtyblvydCFUHE_MOJmNlfaRHW4y62gI4M/s1600/New+Picture.jpg" /></a></div>
<br />
</li>
<li>Widget popular post thumbnail, setting seperti pada gambar dibawah ini :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ9MECKPUHuLCSA4WCT3tI2f_tWMrmP23EakeJ6bXIEQYXwPMwrKYRrNpelfa2CBSUAGa0Gjd6OLhFNqep31POyqPdvhzcTsrSeGzo5frL_xRGcRIeENej9HsueaiMn5rEgycpx9siD7Q/s1600/Popular+Post.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="popular" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ9MECKPUHuLCSA4WCT3tI2f_tWMrmP23EakeJ6bXIEQYXwPMwrKYRrNpelfa2CBSUAGa0Gjd6OLhFNqep31POyqPdvhzcTsrSeGzo5frL_xRGcRIeENej9HsueaiMn5rEgycpx9siD7Q/s1600/Popular+Post.jpg" /></a></div>
<br />
<div style="text-align: justify;">
Yang perlu diperhatikan adalah centang hanya <b>thumbnail</b>, biarkan kotak <b>snippet</b> kosong tidak perlu dicentang. Judul dan jumlah post yang ingin ditampilkan terserah Anda. Untuk lebih jelasnya silahkan baca <a href="http://creatingwebsite-maskolis.blogspot.com/2012/05/modifikasi-popular-post-untuk-template.html" target="_blank">tutorialnya disini</a>.</div>
</li>
</ol>
<div style="text-align: justify;">
Fitur yang lain saya kira mudah, seperti memasang Yahoo Messenger dan
lain-lain. Template ini juga dilengkapi dengan efek zooming pada gambar
jika Anda mengarahkan cursor pada gambar, gambar itu akan otomatis
membesar sesuai dengan letak cursor. Mungkin hanya itu yang perlu saya
jelaskan mengenai template ini, seperti biasa jika ada yang kurang jelas
silahkan tinggalkan komentar Anda pada kotak komentar yang ada di
bawah. Selamat mencoba dan semoga bermanfaat.<br />
<br />
<b>Showcase</b><br />
Jika Anda ingin melihat blog yang sudah memakai template ini. bisa dilihat disini :<br />
<b><a href="http://tokomadumulia.blogspot.com/" target="_blank">Toko Madu Mulia Alam Nusantara</a></b><br />
<b><a href="http://johny-magstore.blogspot.com/" target="_blank">Johny Online Store</a></b><br />
<br />
<b>Sangat disarankan :</b><br />
<ol>
<li>Baca tutorial pemasangan template ini sampai selesai.</li>
<li>I suggest to upload gambar produk dengan ukuran panjang dan lebar sama, misalnya 300 x 300 px.</li>
<li>Agar hasil akhir dalam penggunaan template ini maksimal dan tata
letak post teratur, judul post jangan terlalu panjang, karena akan
menggeser gambar ke bawah.</li>
<li>Untuk mempercepat loading, simpan javascript yang ada pada template
ini di tempat penyimpanan Google Code Anda. Bagi yang belum bisa cara
menyimpan di Google Code bisa <a href="http://creatingwebsite-maskolis.blogspot.com/2012/05/mengatasi-loading-blog-dengan-google.html" target="_blank">dibaca disini tutorialnya</a>.</li>
</ol>
<b>Update</b><br />
Untuk merubah simbol currency dari $ (dollar) menjadi Rp (rupiah) pada shopping cart :<br />
<ol>
<li>Cari URL script ini di <b>Edit HTML</b> :<br />
<blockquote class="tr_bq">
http://jagad.googlecode.com/files/WojosimpleCart-IDR.js</blockquote>
Setelah ketemu ganti dengan URL script berikut :<br />
<blockquote class="tr_bq">
https://masolis-javascript.googlecode.com/svn/trunk/blackstorecart-rupiah.js</blockquote>
</li>
<li>Langkah selanjutnya, masih pada <b>Edit HTML</b> ganti USD pada kode ini :<br />
<blockquote class="tr_bq">
<span style="text-align: left;">simpleCart.currency = USD;</span></blockquote>
<div style="text-align: left;">
menjadi </div>
<blockquote class="tr_bq">
simpleCart.currency = IDR;</blockquote>
</li>
</ol>
<div style="text-align: justify;">
Terakhir save templates, dan currency anda akan berubah menjadi rupiah. Tapi <b>perlu diingat disini, </b>itu
hanya sekedar penggantian currency saja, tidak bisa untuk melakukan
checkout atau pembayaran langsung lewat Paypal. Karena Paypal belum
menerima Rupiah sebagai alat pembayaran.</div>
<br />
<b><span style="font-size: medium;">Updates :</span></b><br />
<br />
<div style="text-align: justify;">
Dari beberapa komentar yang masuk, ada yang menginginkan untuk menampilkan <b>nama barang</b>
yang ada di shopping cart, untuk itu silahkan di download ulang
template ini sudah saya updates dengan menampilkan nama barang (lihat
demo)</div>
<br />
<b><a href="http://creatingwebsite-maskolis.blogspot.com/2012/05/johny-magstore-template-magazine-untuk.html" target="_blank">Template toko online terbaru Johny Magstore</a></b><br />
<b><a href="http://creatingwebsite-maskolis.blogspot.com/2012/06/2-template-toko-online-semrawut-tanpa.html" target="_blank">Dua template Toko Online tanpa shopping cart</a></b></div>
<div style="color: blue; text-align: center;">
<b><span style="font-size: small;"><a href="http://johny-blackstore.blogspot.com/" target="_blank">Demo</a> <span style="color: black;">|</span> <a href="http://mas-template.blogspot.com/2012/05/johny-blackstore.html" target="_blank">Download</a></span></b></div>
<br />
<b><span style="color: red; font-size: medium;">Update Templates</span></b><br />
<br />
My Google Code was banned again, there's so many script that I put in
there can't be opened. But I already fixed it with the updates ones, you
can re-download this template or you can change some script below<br />
<br />
<a href="http://mas-template.blogspot.com/2012/05/johny-blackstore.html" target="_blank">Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript</a>Anonymoushttp://www.blogger.com/profile/16591767318991610091noreply@blogger.com0