Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Seo Master present to you:
stylish clock blogger
Here I am saying about How to Add a Stylish Flash Animated Clock to your Blogger Blog.Here is a huge collection of Clock widgets for your taste.Follow the Simple Steps below to make your Blog Stylish,Cool, and Smart looking Blog.






  • First of all SignIn to your Blogger Account 
  • Select Design->Page Elements
  • Click on Add Gadget
  • Select HTML/javascript from it,then copy the code of clock you want.
 

    Step 1: If you want a NON Static Clock Widget,then Just copy and paste the code to HTML/javascript content.

    If you want a cool static clock,then first do the step above and Click HERE

    Add Stylish Flash Clock 1










    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock"><center><embed height="140" src="http://www.hitarek.com/clock/clock24-6.swf?TimeZone=IST&amp;Place=&amp;" type="application/x-shockwave-flash" width="210"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

    Add Stylish Flash Clock 2









    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock"><center><!-- hitarek.com --><embed width="210" src="http://www.hitarek.com/clock/clock24-2.swf?TimeZone=IST&Place=&" height="140"  type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

    Add Stylish Flash Clock 3









    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock"><center><!-- hitarek.com --><embed width="120" src="http://www.hitarek.com/clock/clock5-1.swf?TimeZone=IST&Place=&" height="230" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

    Add Stylish Flash Clock4










    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock"><center><embed height="230" src="http://www.hitarek.com/clock/clock5-2.swf?TimeZone=IST&amp;Place=&amp;" type="application/x-shockwave-flash" width="120" wmode="transparent"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

    Add Stylish Flash Clock4









    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock">
    <center><iframe allowtransparency="true" frameborder="0" height="148" hspace="0" marginheight="0" marginwidth="0" scrolling="no" src="http://www.hitarek.com/animation/dolls5.html" vspace="0" width="100"></iframe></center><center><a href="http://www.matrixar.com/" style="font-size: 2mm;" target="_blank">FreeWidgets</a></center></div><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>


    Add Stylish Flash Clock5










    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock">
    <center><!-- hitarek.com --><embed width="130" src="http://www.hitarek.com/clock/clock11-4.swf?TimeZone=IST&Place=&" height="130" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

    Add Stylish Flash Clock6









    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock">
    <center><!-- hitarek.com --><embed width="160" src="http://www.hitarek.com/clock/clock25-9.swf?TimeZone=IST&Place=&" height="160" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>

    </div>

    Add Stylish Flash Clock#









    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock">
    <center><!-- hitarek.com --><embed width="140" src="http://www.hitarek.com/clock/clock22-5.swf?TimeZone=IST&Place=&" height="180"  type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
    </div>

    Add Stylish Flash Clock 7









    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock">
    <object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf" width="150" height="150" wmode="transparent"> </embed></object>
    </div>

    Add Stylish Flash Clock 8








    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock">
    <object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf" width="150" height="150" wmode="transparent"> </embed></object>
    </div>

    Add Stylish Flash Clock 9








    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock">
    <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-175.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>
    </div>

    Add Stylish Flash Clock 10






    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock">
    <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-150.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>
    </div>

    Add Stylish Flash Clock@






    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock">
    <object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf" width="150" height="150" wmode="transparent"> </embed></object>
    </div>


    Add a Static Clock

    Step 2:
    • Copy and Paste the CSS code below after the code of clock.
    <style type="text/css">.noop-clock {
    position: fixed;
    right: 0%;
    top: 0%;
    padding: 3px 7px;
    box-shadow: -2px 2px 6px;

    }</style>
    •  Then click on Save.
    With this tutorial you have got a Beautiful Clock.
    If you feel any confusion or doubt then please do comment.
    2013, By: Seo Master
    Seo Master present to you:

    Friends, This is a new post about auto scrolling recent post widget, It is more stylish than other widget. Just add it in to your blogger. make a good feel to audience.

     

    Stylish Scrolling Widget For Blogger from( www.matrixar.com)

     

     

    Log in your Blogger 

    • Go to Layout

     

    • Click on “Add Gadgets

     

    • Select “HTML/Javascript” option from given list.

     

    • Copy below code and paste it.

     

     

    <center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <style type="text/css" media="screen">
    <!--

    #spylist {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:350px;
    }
    #spylist ul{
    width:220px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:208px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#fff repeat-x;
    border:1px solid #ddd;
    }

    #spylist li a {
    text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:hidden;
    font-size:10px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:15px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }

    .spycomment{
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }

    -->
    </style>
    <script language='javascript'>

    imgr = new Array();
    imgr[0] = "http://www.matrixar.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
    imgr[1] = "http://www.matrixar.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
    imgr[2] = "http://www.matrixar.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
    imgr[3] = "http://www.matrixar.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
    imgr[4] = "http://www.matrixar.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 70;
    thumbheight = 70;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 10;
    home_page = "http://www.matrixar.com/";
    limitspy=4
    intervalspy=4000
    </script>

    <div id="spylist">
    <script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
    </div>
    </center>
    <center><small></center>

     

    • Change RED color with your Blog URL.

     

    • Save it and enjoy..

     

     

     

     

     

    Leave a comment………………….. if this code is not working…………………..

     

    2013, By: Seo Master
    Seo Master present to you:

    Friends, This post about hide your widget  in blogger. It make more free space in your blogger. If you want to see the hidden widget just click Open button. Add it into you blog and comment below….

    Open and Close Button for hide  a widget  inside. By masterhacksindia.blogspot



    Log in your Blogger
    • Go to Layout


    • Click on “Add Gadgets

    • Select “HTML/Javascript” option from given list.

    • Copy below code and paste it.

    <div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
    <div style="margin-top: 5px; text-align: left;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;CLOSE&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;OPEN&#39;; }" value="OPEN" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div>
    <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

    <!---Insert A Widget Here--->
    <!---Insert A Widget Here--->


    </div></div></div><a href="http://www.matrixar.com/" target="_blank"><small>HideWidget</small></a>

    • Change RED color with your Widget code.

    • Save it and enjoy..



    Leave a comment………………….. if this code is not working…………………..

    2013, By: Seo Master
    Powered by Blogger.