Search Blog








How To Make Money With ClickBank And Blogger

Today i will share trick to make money online.Actually some of new blogger think that they can only make money with by adsense but you also have other options to make money, like clickbank.It is good alternate,click bank give commission.First i want to tell some thing about blogging because some people do not know blogging and it is necessary to tell them about blogging.

earn money with clickbank and blogger



clickbank and blog

Blogging is sharing your valuable information through blog or website.You can make blog on any topic.choosing topic is very important task.Choose topic which is unique and valuable.If you do not have blog then make a blog first.making blog is very easy, there are many blogging platforms like blogger and wordpress.These are most popular platform and blogger is the oldest.

You will make money with clickbank by affiliate marketing.If you do not know about affiliate marketing, it is actually selling others product.you have to promote and make sales of clickbank products.As i already tells that you need a blog for this, because you have to put affiliate link on your blog.clickbank is well known affiliate marketing website and give you commission on every sale.

How to earn money with clickbank and blogger

How to make account on clickbank

Step 1 First of all you have to make account on clickbank site.you have to provide your personal information to clickbank.After completing registration form, you will receive email to confirm your account.

Step 2 Now login on clickbank and select product to promote.To select product click on marketplace at the top right corner of clickbank website.Now you will see lot of category,select the relevant category and then pick product to promote.

Step 3 After selecting product click on promote button, then a pop up appears and ask to set tracking id.you can enter your name.
click create button and product affiliate link.copy that code and paste in your blog html.

Step 4 If visitor click on product link and buy it, you will get commission.Also if you have more clicks on product
you earning also increases.

I hope it helped you to know about clickbank and how you can make money with clickbank.Now its your turn make your efforts
in to money.
{ Read More }

Scrolling Text For Notification Message

Scrolling text is a good way to convey important message to viewers.If you have any notification or latest news that you want to share with your view then this trick may help you get your viewers attention.

animated text notification
 The first one is very simple with white background and second has
blue background.you can text and change color of background.

  simple scrolling text message simple scrolling text message simple scrolling text message




 

you can replace simple scrolling text message with your text ans save it.

Note: you can add scrolling text in html of post or add html/javascript gadget and paste above code and save it.  
{ Read More }

Simple Blogger Post Slider With Carousel Effect

Post slider is a awesome way to impress your audience.you can place this slider below header.you can add link in this post slider.you can add feature post or popular post,You can add link of your choice its totally customize widget to add any link for slider in blogger.you  have no need to edit your template, just add this widget in gadget of html/javascript by going layout of blogger.this slider become in action when you mover your cursor over slider image and if you click on image it will redirect to link of post you added.when you move cursor toward right slider post move to show more post behind while moving toward left it show more post same wise.


feature post slider for blogger




In below image you can see slider boarder is blue but we can change it.i will describe customization of slider and post.you can change url link to image and when you hover your mouse you can see title of post.It can also be change.while if you want to add more post in slider then you have to do few more step, i will also describe how to add as many post as you want in slider.



How to add feature post slider

Login to blogger account go to layout

Add gadget of Html/javascript 

Paste below code there.

<style>    #BloggerSpiceCarouselSlider {      height:130px;      background-color:#ffffff;      border:2px solid #3399ff;      position:relative;      margin:50px 50px;      overflow:auto;    }        #BloggerSpiceCarouselSlider:before,    #BloggerSpiceCarouselSlider:after {      content:"";      display:block;      position:absolute;      top:0;      bottom:0;      left:-4px;      width:4px;      height:100%;      box-shadow:0 0 4px black;      z-index:10;    }    #BloggerSpiceCarouselSlider:after {      left:auto;      right:-4px;    }/* CarouselSlider by 5gblogger.blogspot.com  */    #BloggerSpiceCarouselSlider .container {      position:absolute;      top:0;      left:0;      margin:5px 0 0 5px;      width:300%;      height:120px;    }    #BloggerSpiceCarouselSlider figure {      display:block;      background-color:white;      float:left;      width:150px;      height:120px;      margin:0 5px 0 0;      position:relative;      overflow:hidden;    }    #BloggerSpiceCarouselSlider figcaption {      display:block;      position:absolute;      right:0;      bottom:-50px;      left:0;      background-color:black;      font:italic normal 11px Arial,Sans-Serif;      color:white;      padding:4px 10px;      text-align:left;      opacity:.8;    }    #BloggerSpiceCarouselSlider figure img {      display:block;      border:none;      margin:0 0;    }    </style>    <div id="BloggerSpiceCarouselSlider">        <div class="container">            <figure>                <a href="#" title="Title for Caption">                    <img alt="" src="http://1.bp.blogspot.com/-EE_tp-P3r9A/UfYvm5HykII/AAAAAAAAEJY/NuTPF5nNasA/s1600/7.jpg" />                </a>            </figure>            <figure>                <a href="#" title="Title for Caption">                    <img alt="" src="http://2.bp.blogspot.com/-bp70bq1oUmE/UfYvnxZrc-I/AAAAAAAAEJs/ESVCQ3EKimk/s1600/9.jpg" />                </a>            </figure>            <figure>                <a href="#" title="Title for Caption">                    <img alt="" src="http://3.bp.blogspot.com/-cqHmDnU6IUo/UfYvkiKD-pI/AAAAAAAAEIs/6rNbrWl2n5U/s1600/10.jpg" />                </a>            </figure>      <figure>                <a href="#" title="Title for Caption">                    <img alt="" src="http://4.bp.blogspot.com/-zneaAHQlNgI/UfYvnaCia6I/AAAAAAAAEJc/aKEJCLOExJA/s1600/8.jpg" />                </a>            </figure>            <figure>                <a href="#" title="Title for Caption">                    <img alt="" src="http://3.bp.blogspot.com/-0l9Jf0vageQ/UfYvmpUuOKI/AAAAAAAAEJk/6412AvMPgJs/s1600/6.jpg" />                </a>            </figure>            <figure>                <a href="#" title="Title for Caption">                    <img alt="" src="http://1.bp.blogspot.com/-oe6eNCRFrPs/UfYvlop75fI/AAAAAAAAEJE/atL7k6y5bpI/s1600/4.jpg" />                </a>            </figure>      <figure>                <a href="#" title="Title for Caption">                    <img alt="" src="http://4.bp.blogspot.com/-a5Ek7XZxIyE/UfYvlUlOyxI/AAAAAAAAEJM/XyZzkVtklF4/s1600/3.jpg" />                </a>            </figure>            <figure>                <a href="#" title="Title for Caption2">                    <img alt="" src="http://1.bp.blogspot.com/-xarVMAVA3YU/UfYvkhm4MCI/AAAAAAAAEIw/cehXZF6MeRw/s1600/2.jpg" />                </a>            </figure>            <figure>                <a href="#" title="Title for Caption">                    <img alt="" src="http://4.bp.blogspot.com/-A6GKQkWlf4o/UfYvkYZjF0I/AAAAAAAAEIo/goOT3YD4D_Y/s1600/1.jpg" />                </a>            </figure>        </div>    </div>
    <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>    <script type='text/javascript'>//<![CDATA[    (function($) {        var config = {            itemMargins: 5 // Distance between the thumbnails        };        var $thumbnailScroller = $('#BloggerSpiceCarouselSlider'),            $container = $thumbnailScroller.find('.container'),            $item = $container.find('figure'),            item_length = $item.length,            item_width = $item.outerWidth(),            item_margin = config.itemMargins,            total_width = (item_width + item_margin) * item_length,            $window = $(window);        $thumbnailScroller.css('overflow', 'hidden');        $container.css('width', total_width);        // Auto caption builder & hover effect        $item.each(function(cap) {            if ($(this).children().attr('title')) {                cap = $(this).children().attr('title');                $(this).children().removeAttr('title');                $(this).append('<figcaption>' + cap + '</figcaption>');            }        }).hover(function() {            $(this).find('figcaption').stop().animate({                bottom: 0            }, 200);        }, function() {            $(this).find('figcaption').stop().animate({                bottom: -50            }, 200);        });        $window.on("resize", function() {            var o_l = $thumbnailScroller.offset().left,                t_w = $thumbnailScroller.width(),                c_w = total_width;            $thumbnailScroller.on("mousemove", function(e) {                if ($(this).width() < $container.width()) {                    $container.css('left', -((e.pageX - o_l) * (c_w - t_w) / t_w));                }            });        }).trigger("resize");    })(jQuery);    //]]>    </script>

Place the gadget below header and do not forget to save arrangements.




How to change image and links in slider

You will find many section like this in above code highlighted in red color.


<figure>
                <a href="#" title="Title for Caption">
                    <img alt="" src="image url" />
                </a>
            </figure>

Change # with link of your post link

Replace Title for Caption with your post title, use small title for post.

Upload your image on blogger or any where on internet.copy your image url and replace it with image url in slider.

Remember use image of 150px width x 120px height


Save gadget after every change.Enjoy beautiful post slider in blogger.I have tested this slider widget, it is working fine but if you have any problem in installing feel free to ask me.Also hit like if you think this post is helpful.
{ Read More }

Add Live Recent Visitors Details In Blogger

If you want to track your live visitors information and other details like which post they visit , the time of visit and country.you can know all detail on your visitors and also make your visitors tell about this.This is live recent traffic feed widget.In blogger yo have to add it manually while direct installation option is also available to add live traffic feed in blogger.live recent traffic feed also tell the time of visit,live recent visits help to increase your page views.before adding it let me tell yo about this widget.

live recent visitors



Live traffic feed

you can customize live visitors feed.you can select how many visitors will be show like ten or more you can customize the widget easily.you can change the widget of live recent widget according to your blog sidebar.you can change color background,color of text color of link border color and other customization.you can view in above image the sample of live traffic recent visitor details.



adding live recent visitors information is very simple.As very template is different and every person has different choice live traffic widget allow to customize widget to their choice.This is very popular and all over the world blogger using this widget you may have seen it on some one other blog.live recent visitors details help to increase your blog exposure to your visitors.It also tell visitors what other people viewing on your blog and if they like it they can click on link and visit the post hence this way live traffic feed increase your blog visits.


How to add live recent visit feed

Adding live recent visitors feed take only few minutes to add in blogger.

1 First you have to customize feed about according to your requirement.

2 For customization go to below link

http://feedjit.com

custom widget

3 The above image is the view of customization.After selecting option for customization click go.Make sure you have select blogger blog in option.

you will be redirected to new page.copy that generated code.


4 Now login to blogger account go to layout add gadget of HTML/Javascript  and paste that code there and save it.

you can share your experience of live recent visitors information.Although every person has its own view.i would like to read your comments.
{ Read More }

IconIconIconFollow Me on Pinterest