Blog Jual Beli

DEMO | DOWNLOAD

This template is modified version of Blogger Store V2 , looking fresh with slider contained. Powerfull for online store, and this free. Fiture in this blog is

• Clean-view
• Shopping Chart
• grid product
• Order via paypal and google checkout
• Email Order
• Homepage slideshow widget
• 4 coloumn footer
• Header Ads Place
• Custom Header Logo

Author : Wahyu Putra 

Template Customize:
1.  Shopping Cart Setting  ( Email Paypal and CurrencySetting)
Change simpleCart.email to email paypal or your googlecheckout, simpleCart checkoutTo change to Paypal or GoogleCheckout, and simpleCart.Currency  USD, GBP, EUR, AUD, CAD, CZK, DKK, HKD, HUF, ILS, JPY, MXN, NOK, NZD, PLN, SGD, SEK, CHF, THB.

<script type='text/javascript'>
//<![CDATA[
/* SIMPLE CART SETTING
>>>>>>>>>>>>>>>>>>>>>>>>*/
simpleCart.email = 'realwahyuputra@gmail.com';
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];
//]]>
</script>

2.  Order by E-Mail Setting

a. Open page contactform email in http://kontactr.com/
b. Klik Sign-Up, write field
c.Finished sign-up, you can login with username and your password
d. You will go to the main page that contains the code to insert a contact form, notice that anywhere, let Ajax Widgets. Note on your ID number after the code 'id ='. For example:

<script type="text/javascript"> id = 111323; </script>
<script type="text/javascript" src="http://kontactr.com/wp.js"></script>

e. Check the Expand Widget Templates, and then find and change the numbers in bold below with your ID number:

<span class='item_add'><script type='text/javascript'> id=111323; t=1; ctxt=&quot;Order via Email&quot;;

3. Settings  Top menu, the main Menu and  Social Network menu
Find and change the following code:
Top menu:

<ul id='top-nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Kategori</a></li>
<li><a href='#'>Kontak</a></li>
<li><a href='#'>Tentang Kami</a></li>
</ul>

main Menu:

<ul class='nav'>
<li><a class='current' href='/'>Home</a></li>
<li><a href='#'>Kategori Produk</a></li>
<li><a href='/p/sample-page.html'>Sample Page</a></li>
<li><a href='#'>Peluang Usaha</a></li>
<li><a href='#'>Promo Bulanan</a></li>
</ul>

SocialNetworking:

<ul id='top_social'>
<li class='social_facebook'>
<a href='http://www.facebook.com/wahyu.putra' tooltip='facebook'><span>facebook</span></a></li>
<li class='social_twitter'>
<a href='#' tooltip='twitter'><span>twitter</span></a></li>
<li class='social_linkedin'>
<a href='#' tooltip='linkedin'><span>linkedin</span></a></li>
<li class='social_rss'>
<a href='#' tooltip='linkedin'><span>linkedin</span></a></li>
</ul>

4. Now we will be setting the format of a blog post. This needs to be done so that your post is in accordance with the format template is created. Click Settings> Format> Templates Entries and enter the code as follows:

<div class="item_image">
<img border="0" class="item_thumb" src="product_image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Descriptions...</div>

How to use it that every time you make a new post, select the Edit HTML tab at the post-editor, not the Compose tab. Change product_image.jpg to link your product images, change the $ 00.00 price of the product and change descriptions ... a description of your product.

5. Logo Setting
Search and change picture link in the bottom with your logo picture link with size 369px x 61px

<div class='clearfix' id='header-wrapper'>
<a expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMSUXv4o8UOa71xxVgDJO0QAyeaNDWzx3ocM17jPIp3NtCQWIgMAOdrtApQCy254ffxwVUm_M4Zm9twoJAChXGskoHwgC6C8v01pVa1A7Dx_d64BDMNKrX9zjUOcy4bPBMKDSo75FA9V24/s1600/logo-bjb.png'/></a>

6. Setting the number of products on the main page
Featured products should amount to a multiple of 4 to fit the template. To change it click on the Settings> Format> Change 7 post (default) to a multiple of 4. Suppose 20 posts.

7. Slideshow settings
To organize and change the slideshow can add or edit the code found on the main menu widget below.
Change the code link below, or duplicate the code for more pictures.

<div id='casing'>
<div id='slider'>
<div id='mover'>
<div class='slide'>
<img alt="iPad 5" src="http://i56.tinypic.com/4q3jva.jpg" /> </div>
<div class='slide'>
<img alt="iPhone 4" src="http://i56.tinypic.com/ipscyf.jpg" /></div>
</div>
</div>
</div>

Finish and Save Template

Fore More Information please visits the template author