Free Blogger Templates 2014
Free Blogger Templates 2014 - Johny Blackstore Blogger Template 2014
Free Blogger Themes 2014 - Johny Blackstore Blogger Template 2014
Johny Blackstore Blogger Template 2014 is a special designed blogger template for an online store. four columns, left sidebar, three footer, shopping cart, automatic sliding, pagination for blogger ready, dropdown menu, image zoom, clean design template, and more.
DEMO DOWNLOAD
How To Upload Blogger Templates
More Blogger Templates
posting Articles
In a new article, note the structure of the code below:
Description:<div class="product_image"><a class="cloud-zoom" href="url-image.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a><span class="item_price">$00.00</span></div><div class="product_describe">Description your product.............
</div>
Color red: enter the url of your product images on both the red color code above. Try to picture that you upload the same length and width, for example, 300 x 300 px
Yellow color: the price of the product
The blue color: the description of the product
The above code is the code that you need to start in making the latest posts, and to make it easier so that you do not repeatedly copy and paste the code while creating a new article, enter the code in the post-column template. Go to settings, select the posts and comments >> post template. Click Add, then enter the above code in the empty box as shown below, the last save settings.
Shopping Cart
Shopping Cart feature is used here to facilitate the online store manager in the transaction via Paypal. But since Paypal has not received payment Euro, so the setting for the currency is in dollars. To replace a Paypal account contained in this demo blog with your Paypal account, find the code below:
Replace red above email with your email (email already registered on Paypal)<script type='text/javascript'>simpleCart.email = "johnytemplate@gmail.com";simpleCart.checkoutTo = PayPal;simpleCart.currency = USD;simpleCart.taxRate = 0.02;simpleCart.shippingFlatRate = 3.25;simpleCart.shippingQuantityRate = 1.00;simpleCart.cartHeaders = ["thumb_image" , "Quantity_input" , "Total", "remove" ];</script>
Supporting features
Slider which I attach here works automatically, showing you the latest articles by the number 8 post. If you want to display per category or label, find this code in the Edit HTML (do not forget to check expand widget templates):
Replace with the following code:<script>document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");</script>
Replace the blue color code label you want to appear on the slider.<script>
document.write(" <script src=\"/feeds/posts/default/-/your label?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
To change your email subscription available under navigation, search code below in the Edit HTML (do not forget to check the box expand widget templates):
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Enter your email address...';}' onfocus='if (this.value == 'Enter your email address...') {this.value = '';}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
Description:
The blue color: replace with your feed address.
Widget Contact Online
Enter the following code in the box HTML / Javascript
The blue color: replace with your feed address.
Widget Contact Online
Enter the following code in the box HTML / Javascript
<table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'>
<tbody>
<tr>
<td height='1'>Customer Service A</td>
<td align='right' height='1'><a href='ymsgr:sendIM?youryahoousername1'><img border='0' height='16' src='http://opi.yahoo.com/online?u=youryahoousername1&m=g&t=1' style='padding-top:3px' width='64'/></a></td>
</tr>
</tbody>
</table>
<div style='display: block;'>
<table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'>
<tbody>
<tr>
<td align='left' height='1'>Custumer Service B</td>
<td align='right' height='1'><a href='ymsgr:sendIM?youryahoousername2'><img border='0' height='16' src='http://opi.yahoo.com/online?u=youryahoousername2&m=g&t=1' style='padding-top:3px' width='64'/></a></td>
</tr>
</tbody>
</table></div>
<p align="center"><a href="http://mas-template.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuM90aOuflAq_0nbQQUxXi6iRSwU1VRwb_c2bGlqPVuaMkZgZ8XAa1zgdkXPrxFLWh1bfQk68cou9kN8PXuBsApzRUq5_lQPbo2kLjdigO2DAZUieQeX-FXiwT6TfBB7pzgMhoCP8WO38/s1600/donate.png" alt="twitter maskolis" /></a></p>
These templates use the comments box model has been modified, to enable the functionality you need to reply to this code in the Edit HTML, once again do not forget to check the box expand widget templates:
The color red in the code above is a demo blog ID, you must replace it with the ID of your blog which is located in the browser if you get into the dashboard, like the picture below:<a expr:href='"https://www.blogger.com/comment.g?blogID=2440873145683465163&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
- Post thumbnail popular widgets, settings as in the image below:
Noteworthy is only a thumbnail check, leave the box blank snippet does not need to be checked. Title and the number of posts you want to display up to you. For more details, please read the tutorial here.
Another feature that I think is easy, such as installing Yahoo Messenger and others. This template also comes with the zooming effect on the image if you point the cursor on the image, the image will be automatically enlarged in accordance with the location of the cursor. Maybe it's just that I need to explain about this template, as always if there are not clear please leave your comments in the comment box at the bottom. Good luck and hopefully useful.
If you would like to see a blog that has been put on this template. can be found here:
Toko Madu Mulia Alam Nusantara
Johny Online Store
Strongly recommended:
Read this tutorial to complete the installation template.
I suggest to upload pictures of products with the same length and width, for example, 300 x 300 px.
So that the final result in the maximum use of this template and layout regular post, the post title should not be too long, because it will move the image down.
To speed up loading, save the existing javascript on this template in Google Code your storage area. For those who have not been able to save at Google Code can be read here the tutorial.Update
Untuk merubah simbol currency dari $ (dollar) menjadi Rp (rupiah) pada shopping cart :
- Dear URL script ini Edit HTML:
http://jagad.googlecode.com/files/WojosimpleCart-IDR.js
Having met with the URL change the script:https://masolis-javascript.googlecode.com/svn/trunk/blackstorecart-rupiah.js
simpleCart.currency = USD;
be
simpleCart.currency = S;
Last save templates, and you will change the currency into dollars. But keep in mind here, it's just a replacement of the currency only, not to do a checkout or payment directly through Paypal. Due to Paypal not accept Euro as a means of payment.
Johny Blackstore Blogger Template 2014,Free Blogger Templates 2014,Templates Blogger 2014,Free Blogger Themes 2014,Blogger Themes 2014,Themes Blogger 2014,Themes Blogger 2014,
Blogger Templates 2014