Blogger Theme Shopping Cart

Finally a shopping cart e-commerce theme for blogger. Designed by BloggerMint, its a 4 column free template that comes with 'Add to Cart' and 'PayPal Checkout' function for Blogger.

Once the template is uploaded, go to Settings--Formatting, set the desired number of posts to be shown on the blog, and then insert this code in Post Template and save the changes -

<table border="1" style="width: 660px;"><tbody> <tr> <th class="item_thumb" id="thumb" width="45%"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgJdqMfpBvkcKiF4VYnzp9PXm1B9Ff3WqL-KqjArRMaQTmfk-u0HO384OLHtxTHq0i5uoy6PbjAaaZWgkMN7l2E5pLMPEsId95ktSZYcPPSM3q6xDTK7P60GTkQoaA6JPjxYTRjwhb6am/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgJdqMfpBvkcKiF4VYnzp9PXm1B9Ff3WqL-KqjArRMaQTmfk-u0HO384OLHtxTHq0i5uoy6PbjAaaZWgkMN7l2E5pLMPEsId95ktSZYcPPSM3q6xDTK7P60GTkQoaA6JPjxYTRjwhb6am/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></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">$99.99</td> </tr> <tr> <th><b>Description</b></th> <td class="item_Description">Your product description here!</td> </tr> <tr> <th><b>Available Stock</b></th> <td>Stock count here!</td> </tr> <tr> <th><b>Misc</b></th> <td>Place extra thumbs/images of product here</td> </tr> </tbody> </table>
This code will add the table in each 'New Post', now you have to fill in other information in the table like Item Name, Price and Description, which will be used as values during Paypal checkout. Also remove the default image from the code and add you own (keep the image sizes medium for it to fit properly).

Please not that you would have to remove the 'div class' and 'a href' from the image code, which should look something like this -
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrtlJcLtgPD6FgO8WEcDsNCKDKgW3t3jxV-GlJWEya4VjY7z-EMMFJu0LQmAr26kwJsMu4l6ZZdwQ3OQRviBJNJs8_widskQNSvhO68FZVZ_62FRS4GXCCU_uxlldEcN8oXc25p_iRNnGb/s1600/P1020156.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="240" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrtlJcLtgPD6FgO8WEcDsNCKDKgW3t3jxV-GlJWEya4VjY7z-EMMFJu0LQmAr26kwJsMu4l6ZZdwQ3OQRviBJNJs8_widskQNSvhO68FZVZ_62FRS4GXCCU_uxlldEcN8oXc25p_iRNnGb/s320/P1020156.jpg" /></a></div>
And keep only this code in the table, those are the only changes you need to make and publish your post -
<img border="0" height="240" width="320" src="YOUR_IMAGE.jpg" />
Now moving on to Paypal Email set-up, go to Design--Edit Html and search for this code -
<script type='text/javascript'> simpleCart.email = "bloggermint@gmail.com"; simpleCart.checkoutTo = PayPal; simpleCart.currency = USD; Replace the text in bold, which is the Paypal email id, with your own and save the changes.

For those who don't have a Paypal account or credit card, can still purchase the product by filling the contact form. In order to integrate the form, you need to follow the steps below - 1) Sign up for Kontactr, once that is done scroll down the page until you find “Ajax Embed Widget” or “Buttons Code” and get your Kontactr ID, it will look something like this - id=39662, copy it. 2) Access Design--Edit HTML and insert this code right before the closing tag. <script type="text/javascript" src="http://kontactr.com/kpu/kontactr.js"></script>
3)Now replace this code in Edit Html, it will appear in the top part of the CSS -
input.item_add{
with the one below -
span.item_add{
4) Similarly, search for this code -

input.item_add {

 and change it to one below -

span.item_add {

The next step will be to go to Settings--Formatting, scroll down to the end of the page, you will find 'Post Template' where you have to insert the following code, change the Kontactr id=39662 with yours -
<table border="1" style="width: 660px;"><tbody> <tr> <th class="item_thumb" id="thumb" width="45%"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgJdqMfpBvkcKiF4VYnzp9PXm1B9Ff3WqL-KqjArRMaQTmfk-u0HO384OLHtxTHq0i5uoy6PbjAaaZWgkMN7l2E5pLMPEsId95ktSZYcPPSM3q6xDTK7P60GTkQoaA6JPjxYTRjwhb6am/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgJdqMfpBvkcKiF4VYnzp9PXm1B9Ff3WqL-KqjArRMaQTmfk-u0HO384OLHtxTHq0i5uoy6PbjAaaZWgkMN7l2E5pLMPEsId95ktSZYcPPSM3q6xDTK7P60GTkQoaA6JPjxYTRjwhb6am/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th> <td><span class="item_add"><script type="text/javascript"> id=39662; t=1; ctxt="Order Now"; </script><br /> <script type="text/javascript" src="http://kontactr.com/kpu/kontactr.js"></script></span></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">$99.99</td> </tr> <tr> <th><b>Description</b></th> <td class="item_Description">Your product description here!</td> </tr> <tr> <th><b>Available Stock</b></th> <td>Stock count here!</td> </tr> <tr> <th><b>Misc</b></th> <td>Place extra thumbs/images of product here</td> </tr> </tbody></table>
Shopping Cart template also has a 4 column footer and a single sidebar on the right to display other blogger widgets like Archive, Categories, etc.

Download the Shopping Cart Free Blogger Theme

Read More

Complete tutorial on creating a blog to Blogger (Part -1: the blog:)

Hello, How are you? Hopefully good. I want to buy a blog? Personal blogging world for good, but the most revenue from online security features for Blogger blogs, or through edasensa its best. In the hope of talking about, but I have not experienced it, and taohidula tiunara phahima stopping by Category It also writes the tutorial. unadera they want you to Wordpress blog post, you can follow the services. I do not write the tutorial I started writing. For starters, I at once started to blog it. It seems inspired to write regularly, I Trial.
Welcome to Blogger bloggers blog about the creation starts with some information for you. Jamna bloggers on August 3, 1999, Web application development company Lab dove The hand-over. The giant search engine Google Lab 004 was purchased for the pigeons and they do it on 0 ২রা debhelopamenta its work began in May. Google's Blogger hosting your own server, hosting and subdomain of blogspot (. Blogspot) is known.

First of all you need for the creation of a Blogger blog Gmail The e - mail address. You can use the previous or the new one if it is open, you can use it.

First Blogger The access to the Get started Or go Getting Started Click here

The first Sign In Or English Sign in First Click here.

to be continue

Read More

Entire Blogger blog creation tutorial (Part -7:: Template Design)

Various reasons that I do not want the inconvenience of regular tutorials. Try to do regularly in the future. To create a blog, and we saw the settings for use with other. Blogger template for how we can design it to look into it. However, the current template, save the template before you change them again if you have any problems with the previous state can be taken away. Template: How to save the last episode, it said.
Choice of templates for your blog by searching for it using a custom template designed for this service, you can use it. Here you have arbitrary background image, color, length of the blog - you can customize the width, etc. Turn you. This is the first for a Template Designer to Design Options Click here. Some time to be loading the page. If you open the page as can be seen below.

The body below your blog, containing just a preview, which allows you to see what you have to use the blog as a result, it can be seen . full use of it, we come successively.

1. Templates:
Initially, there are 6 templates. Left mouse button on each key within each of the several sub-design will see. Turn here to select a design which we do subsequently.
2. Background

There are various themes organize color your draft, you can create a template. To select the color and click on Main color theme. Upload Image storage space for you to select the image. Done when finished, click the image to upload. then you can decide Turn Alignment and Tile. blog pages with background images if you do not want to scroll to the Scroll with Page Select the symbol to undo. Each change to the design body below the preview to see your blog.

3. Layout

Gadget blog and showcase your location blogspot option through the design and how it can be. This is your blog and how many columns you want to specify how many columns you want right or left can make it through the design. Body layout of the three designs will receive a total of eight and Footer layout. Leyauta body and the footer is displayed at one time part of the lower part of the main blog. If you notice any changes below problem which can

4. Adjust widths

The entire length of the blog will get through this I can option. Turn to the left or right side of the can size through this option. I lay body - to carry out at the top of a column, use only the Right sidebar in the figure. You do not use this column leyauta body size may change.

5 .Advanced

Blogger users are able to do this. Turn from the blog, you can design. There is nothing like being taught your own. Still, I summarized my each click on your location, you will see places where the background red.

Page text - Description of the blog title, or color, font, bold and italic will be to determine what it is.
Backgrounds - Blogs autara background or the background behind the header and post it back to change the background allows this.

About the same. you use one of these. Next, observed the slowdown is not. Add CSS to serve those who are unaware of their programming to the appropriate CSS.

Once you click on the Apply Blog is designed to last for the design of your blog, this will change. Template to the new blog, Gadget services - it may return. But there is nothing to worry about. These can be re- Design> Page Element to go. However, the new design before the template before you downloads the backup.

- Thank you very much.

Read More

The total number of blog posts and comments do not express the way you

So how are you?

I know I am here again with a new post.
The Gatget of the total your blog post (Post) has been published, and the visitors to your blog - readers (Visitor-Reader) Total number of comments (Comment), it has to be seen.

Very easy to set up a blog like this permanently.

The following is a copy of the code (Copy) to a new HTML / Javascripts Gedtet paste (Paste) .
Gazette named 'Blog Statistics' (Blog Statistics) or your choice of any one.
This internal code http://blogturorial.blogspot.com/ (b) to the address changed on your blog (Blog address) and write it.
Now save (Save) to.

<script style="text/javascript"> function numberOfPosts(json) { document.write('Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b> '); } function numberOfComments(json) { document.write('Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b> '); } </script><br /> <font color="blue"><script src="http://blogturorial.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script><br /> <script src="http://blogturorial.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>

Settings can be changed
Two settings you can change the code.
Posts: This is where the 'Post' article (in bold) changed, the number of posts, or you can write to any other Bengali word.
Comments: This is where the 'Comments' word (not to be) changed, the number of comments, or you can write to any other Bengali word.
font color = "blue" change all 'black' or 'red' or you can write in any color.

I hope we can, and do not forget to comment good.

Read More

Adsense account is not it? I can see you try to make a new account adsense….

Blogger Riya said on his blog a few days before the comparatively easy hubpage Adsense available. I remember listening to his words is the fact that in December I had this account Adsense Hubpage through without any post. It is very easy uibali with many friends and now I Adsense account. Revenue sharing sites such adsense. Adsense through some simple reason that goes through the site if they have a contract with a new account for adsense apply if there are people claiming adsense. I know how very easy it edasensa weebly, habapeja the account and can be more easily available so adsense discuss how to account.

Weebly
weebly account when the new site is ready to do it through the Menu at the top of your mind where to put a drag on the page (such weebly system) and an option, there are some drugs that adsense difficulties introduces you to configure them. You can select where I want to create new adsense account with your email address and click Accept.

I like the window below and tell me about your adsense apply account.

Then, using the same e-mail with your login information adsense updates. I do not see it?

HubPages

It is very easy to get adsense hubpages account. Countries like Bangladesh or India to get some good posts in the United Kingdom or to any iuesae to the post, you can also apply.
However apply Affiliate settings to go to the My account link.

From there, click on Sign up Now adsense

E-mail account that you want to be identified with the page where you click on the Signup for Adsense.

Publisher and receive your ID at all with that! The login information for the rest of the adsense updates. Create a new account to receive more .

More Tricks eplai a possibility that can account for the new adsense 100%.

That is no country in Europe or America, if you have any attiya apply in his address. In the case of Blogger, Hubpage It looks like the site is posted without any (!) Within 24 hours to be sure your adsense appruve account.

This is what I do not see how you come to work?

Read More

Pearson Brilliant HTML and CSS

Pearson Brilliant HTML and CSS free Download
Writer: James A. Brannan

Published Year: 2009

Publisher: Pearson Education Limited

ISBN: 978-0-273-72152-9

Page: 302 Page

Print: Original Color Print

Size: 10 MB



Welcome to Brilliant HTML & CSS a visual, quick referenceguide that will teach you all that you need to know to create clean, forward-looking, standards-compliant, accessible websites using HyperText Markup Language & Cascading Style Sheets. It will give you a solid grounding on the theory, coding skills, and best practices needed to use HTML & CSS to build sophisticated Web pages – a complete reference for the beginner and intermediate user.

Read More

Entire Blogger blog creation tutorial (Part -6: An Introduction to Design tab)

Element in today's episode, we design and edit the HTML pages included apasanera be familiar with. The link below for your convenience to them. To get together Here.

Page Elements

The first element is the lesson of how to use the pages are designed to include. Pages in your blog, I do not sort elements in the material or services that are added to the readjustment of your blog, you can make it beautiful. Here you can showcase your blog's current components Gadget You can see the form. From here Add A Gadget The new element is added, you can click on to your blog. Why do not matter how old blog design Gadget The same planting rules. The following shows the way, if you Add a Gadget Clicking this button will open a new page.

The Popular Post, Blog Stats, Pages, Followers, Search Box, HTML / Javascript, etc., will see the Gadget. From the Gadget To add these to the (+) click .

After that, it will open the page to your manamato size, change the height of the SAVE Click on the button. It is a permanent change, add to the time at the top of the SAVE Click the button, or draft, visit PREVIEW And again to go back to previous state CLEAR EDIT Click on the button. The View Blog Open a new tab when you click on that blog, Gadget and add it to . No Gadget If you want to delete the Edit Click the button and Gadget If Open REMOVE Click on the button.

Edit HTML

It includes the first (Backup / Restore Template:) You can backup your blog template, download or upload a new template can be downloaded. To change the template, but before taking it before you download the current template. If the template or if you have any problems with the previous re-upload the template to be able to come back to the previous one. To download the current template Download full Template Click here. Template (. Xml) format, which will be saved. Blogger template to change the format of the template for it. I'm down to change the rules as shown through a template .

Suppose This site I prefer to keep the design template of your blog. I prefer to take the demo for you. Then click the image below to download the zip file to download is highlighted.

Open the zip file (. Xml) format template on your computer to a specific place .

The Edit HTML Go Choose File The template is stored on your computer, click the Select Upload You can change the design of the new blog template, click the button. The View Blog If you change your blog template to the new gese. But remember that you must backup the previous template. Back to the previous template will be reset to the same rules above.

In addition, Edit Template your blog template of the form, you will see a brief . view of the corner Expand Widget Templates Click here.

The rest have a template design. It was later discussed it with many large .

- Thank you

Read More