Earn money as a publisher and Affiliate marketing

Have you a blog or website. You want to earn money by your blog. Don't worry you can earn a good amount of money from your blog in every month. Every website owner want to earn money by their blog. But, for lacking proper guide they fail to gain that.There are various way to earn money by the blog.

Earn money showing advertisement on your blog.

I think it is the best way for a occasional blogger to earn money in online. If you are not a professional blogger and you have not enough time for blogging then you can earn money by inserting ads on your site. I think the CPM ads is better than PPC ads. Because, CPM ads need not click by the visitor , you can earn money by ads view or impressions. So, earn money online as a publisher. You can also see my previous post"How to insert ad sense code in blogger post."

Earn money by Affiliate marketing.

It is the another way to earn money by your  blog. Nowadays affiliate marketing has become popular. You can earn a big amount of revenues by affiliate marketing on your site. In this case Amazon may be a good source. Just create an account on Amazon and insert ads code that provide Amazon on your blog. You can see my previous post to create a Amazon account. When a visitor click that ads and buy a products of Amazon, you get 15% of price money of that product. Thus you can get a huge amount of money by your blog.

Read More...

why you choose the blogger for creating a blog

Blogger is a worldwide blogging platform. Now it is the common question from new bloger,"What is the best cms for blogging?" Now it remains a question if you make your blog for earning money on line. Then i can tell you frankly that you should use the Google blogger.  Because it is the best blogging platform for the blogger. Blogger is completely free and you can creat a new blog by blogger. Blogger also has high traffic performance. As Blogger concerned with the google, google take it in search first than other platform.

Read more :How to install a blogger template.

Some reasons for chosing blogger to make a website.

• It is the best free blogging  plateform.
• The template design is so much easier than others.
• Blog management is very easier.
• Blogger Template can be customize according to your choices. Because it's template is HTML format.
• It is more secured than other cms. Because,Your gmail account must be hacked to hack your blog. But, now a days Google account is more secured  and it is about to impossible to hack that. If you set two steps verification in your google account that is completely secured.
• You can easily approved Adsense by blogger if you have at least 60 good content post in your blog. Adsense and Blogger are belongs to same company and for this you can approved adsense easily .
• Adsense intigration also most easier than other CMS . You can easily insert adsense code in blogger.

Read more : How To Insert HTML, CSS, JavaScripts Codes in Blogger Posts.

Read More...

How to customize a blogger template easily

It is the common question for newer bloggers how to edit blogger template . Actually ,it is very important to know blogger template editing .Because if your blog template is not attractive ,the visitors may be jumping your blog . So, as blogger you should know some knowledge about editing 

blogger template. You haven’t need not to know about huge knowledge about HTML, PHP, Sava Script, XML. By a tricks you can edit your template as newer blogger. Today  I show you ,How to customize a  blogger template easily.

Easy way to edit blogger template.

First you should back up your blogger template. You can see my previous post called ‘How to backup the blogger template.’

At  first I show you a example. See the bellow image, it is just a blog page.

You see that ‘RELATED POST’ or ‘Previous’ are  the text ,sometimes we need to change those text according we need. Specially if your blog is book review blog , you must change ‘RELATED POST’ to ‘RELATED BOOK’. Now I am sure that you understood.

Now show trick….

•       Copy the text ‘RELATED POST’ (example) in your blog page.
•      Go blogger dashboard >>Click template option>> New page open
  
•       Click Edit Template
•      You can see the new window as bellow image.
  
•       Place your  car cur on editing field of the page.
•      Now press Ctrl+F  on keyboard >> Paste the ‘RELATED POST’ on search field.
•     Press Enter >> You can see the text ‘RELATED POST’
•       Now change ‘RELATED POST’ text to your favorite one.
•      Save template ,You are done.

Read More...

How to backup a blogger template

Sometimes it is difficult to backup a blogger template or blog templates for beginner. Today i will show you How to backup a blogger template. 

How to backup blogger template

Follow the following steps to backup a blogspot or blogger template.

Step : 1

Go to blogger dashboard . Click the 'template' option placed in sidebar.

Step:2

• After click the template option you can see the new window like bellow image.
• You can see also backup/restore option above right side corner.
•  Now click Backup/restore option.

Step:3

Now you can see the new  pop up window like bellow image. 

Download your template clicking download option. Save the download file in your computer. And you are done to backup your template. when you need you can install your blogger template. You can see my prvious post ' How to install a blogger template '.

 Now ,if you have any problem, you can tell me about that  in comment box.Enjoy blogging.

Read More...

How to customize blogger Labels Widget with Stylish Cool Effects

Generally default blogger labels widget is not stylish and decorated .Bloggers want that their labels widget will be beautiful for the visitors . Because , if your blog is so good looking, the visitors will attract. And they will return your site again. Thus your blog page view increase . It is the way to increase blogger visitors . Now i give you a tips how the blogger label make colorful.

At first you should back up your blogger template. Than

•  Sign In to Blogger Dashboard
•  Go to Template -> Edit HTML
•  Find ]]></b:skin> and copy the bellow code of label style ,you like - above ]]></b:skin>
•  Save Template

Read more : How to add multi-Colored Popular Posts Widget to Blogger.

Black Forest Theme Labels With Animated Scaling


                                       

  .Label li {        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%,
#2B2B2B 100%) repeat scroll 0 0 transparent;  
    border: 1px solid;    
  border-radius: 6px 6px 6px 6px;  
   float: left;
       font-size: 116%;  
    list-style: none outside none;  
    margin: 2px;        padding: 4px;    
  transition: all 0.3s ease 0s;    }
.Label li:hover {    transform: rotate(351deg) scale(1.7);}
.Label a {     color: #fff;    text-decoration: none;}

Read more : How to customize a blogger template easily.

Yellow Customized Labels Widget

 .Label li:before {         background-image: -moz-linear-gradient(left top , #FEDA71, #FEBA47);         border-bottom: 1px solid #D99D38;         border-left: 1px solid #D99D38;         content: "";         height: 1.39em;         left: -0.69em;         position: absolute;         top: 0.2em;         transform: rotate(45deg);         width: 1.3em;         z-index: 1;     }     .Label li:after {         background: none repeat scroll 0 0 #FFFFFF;         border: 1px solid #D99D38;         border-radius: 4.167em 4.167em 4.167em 4.167em;         box-shadow: 0 1px 0 #FAEABA;         content: "";         height: 0.5em;         left: -0.083em;         position: absolute;         top: 0.667em;         width: 0.5em;         z-index: 9999;     }     .Label li {         background-image: -moz-linear-gradient(center top , #FEDA71, #FEBA47);         border-bottom: 1px solid #D99D38;         border-radius: 0 0.25em 0.25em 0;         border-right: 1px solid #D99D38;         border-top: 1px solid #D99D38;         box-shadow: 0 1px 0 #FAEABA inset, 0 1px 1px rgba(0, 0, 0, 0.1);         color: #996633;         float: left;         font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;         font-size: 0.75em;         font-weight: bold;         list-style: none outside none;         margin: 0 0 7px 20px;         padding: 0.417em 0.417em 0.417em 0.917em;         position: relative;         text-decoration: none;         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);         z-index: 1;     }   

Blue Customized Labels Widget.

  .Label li:before {
        background-image: -moz-linear-gradient(center top , #1E5799 0%, #207CCA 100%);
        border-bottom: 1px solid #145091;
        border-left: 1px solid #145091;
        content: "";
        height: 1.39em;
        left: -0.69em;
        position: absolute;
        top: 0.2em;
        transform: rotate(45deg);
        width: 1.3em;
        z-index: 1;
    }
    .Label li:after {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #3F6893;
        border-radius: 4.167em 4.167em 4.167em 4.167em;
        box-shadow: 0 1px 0 #B5D8FF;
        content: "";
        height: 0.5em;
        left: -0.083em;
        position: absolute;
        top: 0.667em;
        width: 0.5em;
        z-index: 9999;
    }
    .Label li {
        background-image: -moz-linear-gradient(center top , #1E5799, #207CCA);
        border-bottom: 1px solid #145091;
        border-radius: 0 0.25em 0.25em 0;
        border-right: 1px solid #145091;
        border-top: 1px solid #145091;
        box-shadow: 0 1px 0 #CCE4FF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
        color: #996633;
        float: left;
        font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 0.75em;
        font-weight: bold;
        list-style: none outside none;
        margin: 0 0 7px 20px;
        padding: 0.417em 0.417em 0.417em 0.917em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
        z-index: 1;
    }

Read More...

How to add multi-Colored Popular Posts Widget to Blogger

Popular Posts Widget is a most useful Widget for Blogger . This Widget displays the Most viewed posts of your blog, that may be of Month or in Week or All the time .By default widget it shows an image(if the post has) and Title of Post followed by the content of post wrapped by 20-25 Words. This article is a tutorial to Style that Popular posts Widget to a beautiful  Multi - colored Popular posts Widget. This post is done using simple CSS3 rather than using complex JavaScripts. A great feature of this post is each Post shown in each Flat UI color, so these colors catches your Blog visitor's eyes and they have the tendency to take that post even if the Post is not so good.

How add a multi-Colored Popular Posts Widget to Blogger 

Add first you should back up your template .
Than You have to add Popular post Widget to Blogger.

•  Go to Layout -> Select "Add a Gadget" and take Popular Posts Widget from the Widget List appear. 
• Give Title of widget, select how the popular posts should be appeared(in Month,or Week or All time) and click Save  .
• Go to Template -> Edit HTML, Find ( Ctrl + F ) ]]></b:skin> .
• Copy the following code and Paste just above it.

<!-- Popular posts multi colored UI theme --> #PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
 #PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:#ff4c54;width:97%}
 #PopularPosts1 ul li:first-child:after{content:"1"}
 #PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}
 #PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}
 #PopularPosts1 ul li:first-child + li + li:after{content:"3"}
 #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
 #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
 #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
 #PopularPosts1 ul li:first-child + li + li:after,
 #PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
 #PopularPosts1 ul li:first-child + li + li + li + li + li:after,
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}
#PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none}
 #PopularPosts1 ul li a:hover{color:#222;text-decoration:none}
#PopularPosts1 img{ -moz-border-radius: 130px; -webkit-border-radius: 130px; border-radius: 130px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding:4px; border:1px solid #fff !important; }
 #PopularPosts1 img:hover { border-radius: 0 0 0 0; -moz-transform: scale(1.2) rotate(-711deg) ; -webkit-transform: scale(1.2) rotate(-711deg) ; -o-transform: scale(1.2) rotate(-711deg) ; -ms-transform: scale(1.2) rotate(-711deg) ; transform: scale(1.2) rotate(-711deg) ; }
 <!-- popular posts multicolored UI theme -->

Click on Preview Template (You can see the template without saving) Save the Template.

View Your Blog it is ready to attract users. I think this article will help you if so please share and Like us to spread our Blog. If any problems with this trick don't hesitate to ask, do comment on comment box.

Read More...

How To Insert HTML, CSS, JavaScripts Codes in Blogger Posts

It is the most talking thing that 'How To Insert HTML, CSS, JavaScripts Codes in Blogger Posts'. Specially it is very much needed for new bloggers . So I will show you how to Insert or embed HTML, CSS, JavaScripts Codes in Blogger Posts.

First we will insert the CSS style Sheet to stylize our quote box.

• Go to Blogger >> Your Blog >> Template >> EDIT HTML >> Proceed 
• And now Search For ]]></b:skin> With (CTRL+F)
• After you find ]]></b:skin> just above it paste the following coding

.post blockquote {background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQjZT6sJKKRThaYnG-nI4yD2flQZd1eSfrZqkAmt3fYO_gSsaiiqLYRE2tNUtuY6SdfsJ81BFaGJXrr4DIsYNKR84i5cShjUoQo7tXv4BiaTNImAV84gDUwcFrWeZ39SQy8LXtenBuvmU/s1600/1.png);background-position:top left;background-repeat:repeat-y;margin: 0 20px;padding: 10px 20px 10px 45px;border-top: 2px solid #DDD;border-right: 5px solid #666;border-left: 2px solid #DDD;border-bottom: 5px solid #666;font-size: 0.9em;}.post blockquote p {margin: 0;padding: 0 0 15px;}.blockquote {font: 18px normal  sans-serif,Tahoma;padding-top: 10px;margin: 5px;text-indent: 65px;}.blockquote div {display: block;padding-bottom:10px;}.blockquote p {margin: 0;padding-top:10px;}

 Now After pasting the above code save your template by pressing Save Template Button



Now in order to display the HTML, CSS or JavaScript coding in your Blogger post we'll use a blogger tool called "QUOTE". This tool is available in your Blogger Post Editor which will make your HTML Coding appear as plain text,

• First Go To Blogger >> Your Blog >> Create a New Post >>
  
  
  
• Now Select the HTML, CSS or JavaScript coding which you pasted previously.
• Now After Selecting the HTML, CSS, or JavaScript coding just Press the "QUOTE" button Which is at the "Top Right" of you "Blogger Post Editor Tool Bar" Remember: Press the Button only once.

Finally published your post.And show your result.

Read More...

How to backup the blogspot or blogger blog

Dear bloggers you know that when a blog or a site hacked,it is very hard to recover that like previous position. Even that site can completlly  remove,if the site was not backup.Let’s go how can backup the blogger blog.Follow bellow steps: 

Step: 1

At  first you  will go your  blogger dashboard.Then click  setting in sidebar.

Step:2

After clicking setting , you find a option called 'other'. Now click 'other' , you can see the new window like bellow image. Then click on the export  blog  and download your blogger  xml file. 

        Now you are complete to  backup your blogger blog. When ,you have a problem  with your blog or hack your blog, you can recover  your  blog site like previous you have made with all content.

Read More...