Create E-commerce, E-store, E-Shopping, Online shopping Blogger Templates:
Now I will discuss how to install, create and customize this template on your blogger blog.
Step 2: Follow here how to install this template on blogger blog?
Step 3: After install
- Go to Setting >
- Post and Comments > Posts >Post Template > Click on ‘Add’
- Copy the bellow code and paste in the available box.
- Save settings
Customizing Blogrshop Blogger Template:
Step 4: Now go to post then customize any
description and image with your products.
<div class="product-details">
<table border="1" class="store-items"> <tbody>
<tr>
<td class="item_name"><h2>
Add Your Product Name Goes Here 1</h2>
</td>
</tr>
<tr>
<td class="item_price">RM200.50</td>
</tr>
<tr>
<td class="add_cart"><a class="item_add" href="javascript:;">Add to Cart</a>
</td>
</tr>
<tr>
<td class="total_quantity">Currently <b><span class="simpleCart_quantity"></span></b> item(s) in cart.</td></tr>
<tr>
<td><b>Description</b></td>
</tr>
<tr>
<td class="item_description">Insert your product description here.</td>
</tr>
<tr>
<td><b>Delivery</b></td>
</tr>
<tr>
<td class="item_delivery">Insert delivery details here.</td>
</tr>
</tbody></table>
<br />
<b>More Images:-</b><br />
<table border="1" class="store-imagesMore"><tbody>
<tr>
<td class="prettyPhoto"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj-AJn6kkBBw2X9Tdykop4SS5Cem1_Wh3cDMtwBGiybp1YNKwwgWCPDMkn6Q-sx2idhk18qdkBEjVoXjSz2wDLqsZoaYRRzrFDy98pT_CuS-DMt0A5JxUTJagOOjlHiR2x0BrsQVIizLQ/s1600/online-payment-gateway-th.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrcV8tr84fSSuKuGoWoMRXS4WgVP23fwPS7LBfD4y_3b289RO2WfQtt_GXK69FZosVClmT88huTrAGsO3CjZTDT4ZDWus27jGrkvLYHs5Ao4MylMl2Fc7YLQcgkgICo97dhmazBfg3EBw/s320/_notavailable.jpg" width="200" /></a></div>
</td>
<td class="prettyPhoto"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj-AJn6kkBBw2X9Tdykop4SS5Cem1_Wh3cDMtwBGiybp1YNKwwgWCPDMkn6Q-sx2idhk18qdkBEjVoXjSz2wDLqsZoaYRRzrFDy98pT_CuS-DMt0A5JxUTJagOOjlHiR2x0BrsQVIizLQ/s1600/online-payment-gateway-th.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrcV8tr84fSSuKuGoWoMRXS4WgVP23fwPS7LBfD4y_3b289RO2WfQtt_GXK69FZosVClmT88huTrAGsO3CjZTDT4ZDWus27jGrkvLYHs5Ao4MylMl2Fc7YLQcgkgICo97dhmazBfg3EBw/s320/_notavailable.jpg" width="200" /></a>
</td>
<td class="prettyPhoto"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeYz_8UckP9bsMZMOsgiLICS1bvtBYoY0qXyHxcBEazm0JvHVD7r00gUOUZLlei3tZc2OKqw9v5Ti4rCz8pfwsdgdaFNLNJYZKD21GvsAqRrSbTRhJvXsP5OJJC3kjWlunx0a6Sq2hbP0/s1600/simpleCart-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrcV8tr84fSSuKuGoWoMRXS4WgVP23fwPS7LBfD4y_3b289RO2WfQtt_GXK69FZosVClmT88huTrAGsO3CjZTDT4ZDWus27jGrkvLYHs5Ao4MylMl2Fc7YLQcgkgICo97dhmazBfg3EBw/s320/_notavailable.jpg" width="200" /></a></div>
</td>
<td class="prettyPhoto"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj-AJn6kkBBw2X9Tdykop4SS5Cem1_Wh3cDMtwBGiybp1YNKwwgWCPDMkn6Q-sx2idhk18qdkBEjVoXjSz2wDLqsZoaYRRzrFDy98pT_CuS-DMt0A5JxUTJagOOjlHiR2x0BrsQVIizLQ/s1600/online-payment-gateway-th.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrcV8tr84fSSuKuGoWoMRXS4WgVP23fwPS7LBfD4y_3b289RO2WfQtt_GXK69FZosVClmT88huTrAGsO3CjZTDT4ZDWus27jGrkvLYHs5Ao4MylMl2Fc7YLQcgkgICo97dhmazBfg3EBw/s320/_notavailable.jpg" width="200" /></a>
</td>
</tr>
</tbody></table>
</div>
Thank you.
Comments
Post a Comment