My Blogshop Tool Guide Step 1 Install Blogger Template

	Add to Cart"
Item Name	Step 1 installing My BlogShop Tool e-commerce theme/template.
Price	RM15.90
Description	Download and upload the template files and installing pre-assigned product pages to blog post/pages.
Stock/Size Available	Version 1.0
More Details	Downloads and Files Download the XML file here and extract the downloaded .zip file in your PC. While logged-in in your Blogger account, go to Templates > Back-up and Restore > Select theme file and press upload. When done, click Save. Installing Product Post/Page Go to Setting > Post and Comments > Post > click edit Post Template > copy the following code below and paste in the available box:- <table border="1" class="simpleCart_shelfItem"> <tbody> <tr>   <th class="thumb_image" id="thumb" width="45%"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTwk_TgSGR7OIRTVR0TIsBNR6uvDzKKX6n26XXtRbX9jk5heOMNn4brKcoVMuKYnyxZIM2syhrHm82RUyrwKu1GLIbiByJyaKcdZk72pEivbFxNOrCU57LrzUrjacfie1RJT15ldTDaiI/s1600/11.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img class="item_thumb" alt="thumb" border="0" thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTwk_TgSGR7OIRTVR0TIsBNR6uvDzKKX6n26XXtRbX9jk5heOMNn4brKcoVMuKYnyxZIM2syhrHm82RUyrwKu1GLIbiByJyaKcdZk72pEivbFxNOrCU57LrzUrjacfie1RJT15ldTDaiI/s1600/11.jpg" id="BLOGGER_PHOTO_ID_5610175970378217570" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTwk_TgSGR7OIRTVR0TIsBNR6uvDzKKX6n26XXtRbX9jk5heOMNn4brKcoVMuKYnyxZIM2syhrHm82RUyrwKu1GLIbiByJyaKcdZk72pEivbFxNOrCU57LrzUrjacfie1RJT15ldTDaiI/s1600/11.jpg" style="cursor: hand; cursor: pointer; display: block; height: 200px; margin: 0 auto; width: 200px;" /></a></th>   <td><input class="item_add" type="button" value="Add to Cart" /></td> </tr> <tr>   <th><b>Item Name</b></th>   <td class="item_name">Product Name Goes here!</td> </tr> <tr>   <th><b>Price</b></th>   <td class="item_price">rm99.99</td>  </tr> <tr>   <th><b>Description</b></th>   <td class="item_Description">Your product description here!</td>  </tr> <tr>   <th><b>Stock/Size Available</b></th>   <td>Stock count here!</td> </tr> <tr>   <th><b>More Details</b></th>   <td>Place extra thumbs/images of product here</td> </tr> </tbody> </table> Press Save Settings > your done! Click Newer Items button below for the next installation steps.

SimpleCart Send E-Mail Notifier My Blogshop Theme Step 4 Guide

	Add to Cart"
Item Name	Step 4 Installation Guide - Customize Auto/Send E-mail Notifier/Invoice/Purchase Order
Price	RM62.30
Description	Tutorial and code snippets for customizing automated e-mail notification/invoicing.
Stock/Size Available	Location Template > Edit HTML
More Details	Go to Template > Edit HTML > scroll down to bottom of template code > you will find this pieces of code snippets:- <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <script type='text/javascript'> //<![CDATA[ simpleCart.bind( 'beforeCheckout' , function( data ){      data.first_name = document.getElementById("first_name").value;      data.last_name = document.getElementById("last_name").value;      data.email = document.getElementById("email").value;      data.phone = document.getElementById("phone").value;      data.address = document.getElementById("address").value;      data.postcode = document.getElementById("postcode").value;      data.comments = document.getElementById("comments").value; // Your custom e-mil data starts here data.shop_name = "My Online Shop"; data.shop_url = "http://goirsah.blogspot.com"; data.shop_email = "irsahimihar@gmail.com"; data.shop_currency = "MYR"; data.shop_bizname = "Irsah Indesign Solutions"; data.shop_bizaddress = "P-1-5, Pandan Cahaya, 68000 Ampang KL Malaysia"; data.shop_bizphone1 = "017-361 8320&"; data.shop_bizphone2 = " 016-361 8320&"; data.shop_bizphone3 = " 019-361 8320" ; data.bank1 = "MAYBANK"; data.bank1_acc_no = "1234 1234 1234 12"; data.bank1_acc_name = "Ahmad bin Abu"; data.bank2 = "CIMB"; data.bank2_acc_no = "4567 9876 1234 89"; data.bank2_acc_name = "Ali bin Bapoo"; data.bank3 = "BANK ISLAM"; data.bank3_acc_no = "4321 1234 4321 1234"; data.bank3_acc_name = "Siti Nurhaliza"; }); //]]> </script> </b:if> The codes above are self explanatory. These code snippets will provide data to your e-mail notifier/responder. Data compiled here includes your blog store URL, store name, your business name, business address, your banking particulars, contact etc. Fill in the appropriate fields indicated in between the quotes. A sample e-mail notifier to your customer will look like this. Notifier to Customer Mail A sample a-mail notifier to the blog store owner will look like so:- Notifier mail to Blogshop Owner Click Save Template and test your check out page using an extra e-mail address (which you have access)  as your customer's e-mail and fill in the particulars > click Send Order > and check your "test" customer e-mail and also your e-mail inbox. If you have a problem, please contact us using the comment form below. We do provide general support, but for advance options a small donation fee would be required. Click Newer Item for the next installation guide.

Add Lightweight Jquery Featured Slider My Blogshop Tool Step 5

Item Name	Step 5 Install Homepage Lightweight Featured Slider
Price	RM9.90
Description	Tutorial and code snippet installing custom featured slider with ediable captions.
Stock/Size Available	Location Theme Layout
More Details	We already included the necessary lightweight Jquery scripts and CSS styling for this theme. You can go to Layout > Find Slide widget > click Edit > copy and paste below code in the HTML body:- <div id="my-slideshow"> <ul class="bjqs"> <li><img title="This is slider caption 1." src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6NRonwUioEEDitcbSNnRabiag12epamJl4PSA7Kmt9KYlf4k7VijbKuPqkCNOQXd8QvcBMQ-B5TDGID_IMkISmHtFFiDe6UQpuJl6qXj78EE5s_bL0RKQMWIwGF0HPrldXnWwAMHIPA/s1600/IMG_0186.JPG"/> </li> <li><img title="This is slider caption 2." src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn0a-aq69pFNov9jExv3umIQMWbBkh8GdcZ_XlJT3Fp3aQMkQKOyTpRpR7oaHYxuuncEnMrw1_TiyvwvF6P-NbW_3gwRnmHB2d9m1bWd15NbbWVZlQpNBYwcew_z6o-FEA8shFdbzCWuc/s1600/fesyen2.jpg"/> </li> <li><img title="This is slider caption 4." src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLsWcoxvsDOrs-pvufe7NnsneMi7QdDysaWVcycQxrHfBz3enKNx2dxbBhEEiiTNVemK32l_6OX0z3STgLe9oshtgha8LQQTmiYxfF_RNeHwIDs_t5lY0yqz4nnFBXRAOWaflsDyckd-w/s1600/leighton-meester-mtv-movie-awards-2012-06.jpg"/> </li> <li><img title="This is slider caption 5." src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM92awWyvcfkrHoV1Ipi258P5dImBLkUPNN5ry0iiKZScamH3170V_Qpb-lN4zOkD6IfGKXUI3TA89PTX2NTlYBzXCx7iGsNRStTq8WBltA7S9j9XrTrVarv6RHKMvdtgVusdMd8TfEWQ/s1600/iStyle-Kids-Fesyen-3.jpg"/> </li> </ul> </div> For each <li> .... </li> tags above indicates an image slide. To change and image, find the code like so:- src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM92awWyvcfkrHoV1Ipi258P5dImBLkUPNN5ry0iiKZScamH3170V_Qpb-lN4zOkD6IfGKXUI3TA89PTX2NTlYBzXCx7iGsNRStTq8WBltA7S9j9XrTrVarv6RHKMvdtgVusdMd8TfEWQ/s1600/iStyle-Kids-Fesyen-3.jpg" and change to your desired image URL. For best image display results, an image size of 700px wide and 240px high is required. To change the caption sentences, edit at this snippet of code:- title="This is slider caption 5." Sentences or wordings in the title tags are rendered as captions for each of the image slider. Click Newer Items for the next installation guide.

Tab Menu Wordpress Style Widget Install My Blogshop Tool Step 6

Item Name	Add Wordpress styled tab menu widget to sidebar - Step 6.
Price	RM42.90
Description	Code snippet and tutorial for installing widget and edit links.
Stock/Size Available	Location Theme > Layout and Theme > Edit Template section.
More Details	In Layout find the top 3 Add Widgets for the theme sidebar. Include the desired widget accordingly. To change the tabbed link, go to Template > Edit HTML > click expand widgets > press Ctrl + F4 > enter " tabs widget " (without quote) for keyword search  You will find a piece of code snippet like so:- <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'> <li><a href='#widget-themater_tabs-1432447472-id1'>Category</a></li> <li><a href='#widget-themater_tabs-1432447472-id2'>Popular</a></li> <li><a href='#widget-themater_tabs-1432447472-id3'>Archives</a></li> </ul> Starting from top of this code snippet, change the desired word link before the " </a></li> " tags above. Starting from first link assigned for the top most sidebar widget you've installed. Name the links accordingly. Please look through all of the customized feature/options within the Layout sections. You can include banners, HTML codes images to customized the content/s of your blog store pages. You can also add main Navigation Links using the Link List Widget and also edit the Labels Widget to display your product/item category search. If you have a problem or question, please do not hesitate to contact us using the comment form below. We will find time to support you the best way we can. Or, you can also find us in concrete5 CMS forum, helping and supporting users like you, with "roadblocks" while using the powerful (and FREE) content management system for an e-commerce, business or even a personal website, using, of course concrete5. Lots of luck and best wishes for your future on-line business. End of installation Guide for My Blogshop Tool Blogger Online Theme.