• Chrome Pointer Cursor

• The Alien Cursor

• Cool Blue Outer Glow Cursor

• Animated Cool Shiny Blue Pointer Cursor

• Perfect World Online Spear Thingy Cursor

• Rave Cursor

• Psychedelic Pointer Cursor

• Animated Fire Cursor

• Flame Cursor

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur15.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur15.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/07/26/cur15.html" target="_blank" title="Flame"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Flame" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshots

• Heartless Background Cursor

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym549.ani), url(http://cur.cursors-4u.net/symbols/sym-6/sym549.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/12/20/heartless-background.html" target="_blank" title="Heartless Background"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Heartless Background" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshots

• X-Steel Cursor

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1028.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1027.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/22/x-steel-wait.html" target="_blank" title="X-Steel - Wait"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="X-Steel - Wait" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshots

• Defender Blue Cursor

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur395.ani), url(http://cur.cursors-4u.net/cursors/cur-4/cur395.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/09/08/defender-black-blue.html" target="_blank" title="Defender Black Blue"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Defender Black Blue" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshots

• Shiny Flashy Green Matrix Cursor

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur201.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur201.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/shiny-flashy-green-matrix.html" target="_blank" title="Shiny Flashy Green Matrix"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Shiny Flashy Green Matrix" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshots

• Batman Begins - Help Select Cursor

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur949.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur949.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins-help-select.html" target="_blank" title="Batman Begins - Help Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Help Select" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshots

The steps are as follows:

1. Please login to the admin page of your blog through http://blogger.com/home
2. Go directly to a page layout or layout, and click edit html-template
3. Check mark on expand widget template
4. Place the following code in the code ]]></b:skin>

1. Put the code below the above code  </head>

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://panitah.googlecode.com/files/coin-slider.min-panitah.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $(&#39;#coin-slider&#39;).coinslider({ width: 563, navigation: false, delay: 5000 }); }); </script>

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   Width: 563: please adjust the width of the image you want, try to picture already set to the appropriate size, I'll look sweet views.
   
   
2. Save, then click the layout
3. Add gadget html / java script then copy and paste the following code:
   

     <div id='coin-slider'>
   
   <a href="imgN_url" target="_blank">
           <img src="layout link image" />
           <span>
         Image description ......
           </span>
       </a>
      
   <a href="imgN_url" target="_blank">
           <img src="layout link image" />
           <span>
          Image description ...... 
           </span>
       </a>
   
   <a href="imgN_url" target="_blank">
           <img src="layout link image" />
           <span>
          Image description ...... 
           </span>
       </a>
   
   </div>

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
    Link please change the location of the picture with your picture storage location.
4.  Save and please enjoy the results.

There are so many free blog services available on the internet. Friends can use Blogspot (Blogger.com) owned by Google. Can also use WordPress.com (WP), Joomla or other. Many are local and free WordPress-based. Like Blogdetik.com. For beginner and advanced levels, I suggest to menggukan Blogger.com. 

Here are some advantages that I know blogspot blog services other than: 

1. 100% percent free. Absolutely free. Whether it's his domain and hosting. Not need to pay a penny. 
2. Template / theme can be changed / modified. In contrast to her only WordPress theme that's it. If it can be replaced only part of the header or staining alone. While the design is still the default of his WP. In contrast to Blogspot, can display overhauled, both downloaded and uploaded from flatten itself. 
3. Can be fitted with a variety of scripts. This can not be done in a free WordPress blog, as well as other free blog services. At Blogspot we can put a variety of scripts for various purposes. Eg pairs of floating ad script, script slide image, and so on. 
4. Can be used to earn money. Each of us bloggers initially just a fad for a blog, a place to share knowledge or just vent. But slowly when the blog turned out fairly crowded and we qualified, we try to monetize (clicking Monetize) blog. If wordpress should not, be banned if caught. 
5. Can be used for SEO contest. Ie a contest for the position of number 1 in Google for a particular keyword. 

Free guide to create a blogspot blog 

Make sure you already have the email, it is important to log into the blog. If you do not already have an email in Yahoo please make atao make Google mail. If you already have an email please proceed to the next step.

Go to Blogger or Blospot site. Http://www.blogger.com click continue to click Get Started. 

1.    Now please fill in the form provided to complete.

• please enter your email
• enter a password up to you. At least 8 characters
• enter the same password again exactly as above points
• enter your name. This name will be displayed on the blog.
• select gender
• enter your date of birth in the format DD / MM / YYYY (day / month / year).
• enter the appropriate code shown in the image. The code is not the same, change every time.
• please tick the checkbox is available to accept the Terms and Services. Can also be read at the link first.
• Click Continue when finished filling out the form

• Please enter the title of the blog according to taste. For example, Jobs Blog, Student Blogs and Business.
• On the next point simply specify the URL address of the blog as domain address. For example http://howfreeblogs.blogspot.com. Please select a domain address up to you.
• After feeling confident please click Continue

1. The next step is to choose a template / theme / design blog. Please select the initial template that fits your taste and click Continue
   
   
   
   

   

   
   
   
   
   
   
   

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
2. Completed.
   
   5 minutes just enough to create a free blog on this blogspot. At this stage, your blog is so. Try to open the blog URL you created above in points 4L example: http://howfreeblogs.blogspot.com. But it is still empty, to start writing please click Start Blogging.
   
   
   
   

   

   
   
   
   
   

Start Writing in Blog

To start writing a blog post please click> New Entries

• Enter the desired title.
• Note also the menus the same post something like microsoft word
• The widest field for a place to write
• When you finish typing also give writing category.
• When finished please click Publish Post.
• Blogs have become the first plus filled with writing.

• 
  

  • 
    
  
  

  • 
    
  
  

  • 
    
  
  

  • 
    
  
  

  • 
    
   Immediately,

• Please follow the steps below:
• Login first in blogger.
• Sign in to Design >> Edit HTML.
• Do not forget to click on Expand Widget Templates because it will make you dizzy with long code.
• Copy and paste the following code above the code ]]></b:skin>

1. /* SLIDESHOW */   
2. #slider-holder{width:660px;height:200px;overflow:hidden;margin-left:-20px; margin-right:10px; padding:0} #s3slider{width:660px;height:660px;position:relative;overflow:hidden}   
3. #s3sliderContent{width:660px;position:absolute;top:0;margin-left:0}  
4. .s3sliderImage{float:left;position:relative;display:none}   
5. .s3sliderImage span{position:absolute;left:0;font-weight:700;font-size:12px;color:#fff;height:45px;width:660px;background-color:#4e4d3c;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;display:none;bottom:0;padding:10px}   
6. .s3sliderImage span a.featured-title:link,.s3sliderImage span a.featured-title:visited{color:#FFF;font-size:14px;padding:0 0 2px}   
7. .s3sliderImage span a.featured-title:hover{color:#999}   
8. .s3sliderImage span a:link,.s3sliderImage span a:visited{color:#888}   
9. .s3sliderImage span a:hover{color:#555}  




1. Then copy and paste the following code above the code </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
<!--//--><![CDATA[//><!--
(function($){
    $.fn.s3Slider = function(vars) {     
        var element     = this;
        var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
        var current     = null;
        var timeOutFn   = null;
        var faderStat   = true;
        var mOver       = false;
        var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
        var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
        items.each(function(i) {
            $(items[i]).mouseover(function() {
               mOver = true;
            });
            $(items[i]).mouseout(function() {
                mOver   = false;
                fadeElement(true);
            });
        });
        var fadeElement = function(isMouseOut) {
            var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
            thisTimeOut = (faderStat) ? 10 : thisTimeOut;
            if(items.length > 0) {
                timeOutFn = setTimeout(makeSlider, thisTimeOut);
            } else {
                console.log("Poof..");
            }
        }
        var makeSlider = function() {
            current = (current != null) ? current : items[(items.length-1)];
            var currNo      = jQuery.inArray(current, items) + 1
            currNo = (currNo == items.length) ? 0 : (currNo - 1);
            var newMargin   = $(element).width() * currNo;
            if(faderStat == true) {
                if(!mOver) {
                    $(items[currNo]).fadeIn((timeOut/6), function() {
                        if($(itemsSpan[currNo]).css('bottom') == 0) {
                            $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        } else {
                            $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        }
                    });
                }
            } else {
                if(!mOver) {
                    if($(itemsSpan[currNo]).css('bottom') == 0) {
                        $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                            $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        });
                    } else {
                        $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                        $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        });
                    }
                }
            }
        }
        makeSlider();
    };
})(jQuery);
//--><!]]></script>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;#s3slider&#39;).s3Slider({
timeOut: 4000
});
});
</script>
2. After that prepare the image and the url will be displayed in the slideshow menu, if there is already an image and its url, please copy and paste the following code after the code <div id='main-wrapper'>

<div id='slider-holder'>
<div id='s3slider'>
<ul id='s3sliderContent'>
<li class='s3sliderImage' style='display: list-item;'>
<a href='LETAK LINK DISINI 1'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_D36JlLRUWYiF-7wqBErhj8WDw8lNhCmduQ5qZZQbcgJ5pe4ZXFEIxhPjUvvSqsNs6zyLV92mA8qT4GWQ5GSagIHOT2KqIZMBL5dPsABVE44n1t06xghd4T1gb1lmTRjg8aGfX1NQyQU/s1600/NorahJones.jpg' style='width: 660px; height: 200px;'/></a>
<span style='display: block;'>
<a class='featured-title block' href='  1 POSITION LINK HERE '>THIS IMAGE Norah Jones</a><br/>
Norah Jones is a jazz musician who has been getting a lot of Grammy Award
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href='LAY HERE LINK 2><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggyKAkOGzWEkjHyEB4OotC3sSHCVs0jXzMOewAgH7l2R4Z6UkZag0uQVJPIT7Zzb0MUFe2HRJSyWXGlXwGaFQrH77_FpA0J4HUJgjBFLcVbKm5mdNnpSmNfJV3wa6gDI0uJOun8X9QkLI/s1600/174456_1_f.jpg' style='width: 660px; height: 200px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='LAY HERE LINK 2'>FOURPLAY</a><br/>
No need to already have an inscription above described
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href=' LAY HERE LINK 3 '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRZDcxtjlLfpoSREfNU8BMAcc21HOKXO_iHVdE8Z3KTQUarifdwWkgneswbGs2HJlbeDsQb8u3i2_P3jIaoxXJoh9rlQMse1UrSUlsXF8oHgoCMVmuBFRKM_YW_FVqq-A6YLHUwbgue7o/s1600/andien.jpg' style='width: 660px; height: 200px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href=' LAY HERE LINK 3 '>MBAK ANDIEN</a><br/>
This is the guy who ..............
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href=' LAY HERE LINK 4 '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-bjuyd8P-h4B5L12rKuwj7_UMZh7GcA1HWMxKUhRPDm9W-BXNepa9S6Iy8J9Qw58ImiGfzomfZiGFDxh7mBFJCjtnk_9gQre2vNSo3r9ixNo1jFchxT9enxcukRTL5gDkV7Y2onsh4w0/s1600/Alanis-Morissette-2.JPG' style='width: 660px; height: 200px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href=' LAY HERE LINK 4 '>ALANIS MORISSETTE</a><br/>
Still looks good, but the song all my friends have to listen
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href=' LAY HERE LINK 5 '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_44qkUedSAHOEB0FYiJXgZcp9QdmehJVQs3NNdEKw7N1Pkug4b0kbVZuC1Vo3mAuWWvPgFYCgwxZAqQO0IG64fzEz4eLQ-rwiHZA-DytTYXewAHyHXyeDTuPxn8OQ4MfvIU1E7EMf-co/s1600/Anne-Hathaway-02.jpg' style='width: 660px; height: 200px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href=' LAY HERE LINK 5 '>Beauty</a><br/>
Anyone try drawing a girl on? Love the answer in the comment box ya ....
</span>
</li>
<li class='clear s3sliderImage'/>
</ul>
</div>
</div>

• Note the width of 660px, please adjust it to the width of your post template.
• Note also the number-20px on the css code, I use margin-left:-20px adjust because the demo template that I use.
• Replace the red writing with a description of your image.
• Code blue is the url code for the image that you have uploaded previously.