Watches For Blogger


Hello! `How are you guys? here's the cool Clock.this tutorial will show you how to Add animated flash clock gadget your Blogger blog. A clock gives a beautiful look to a website. A clock is a necessity for a personal website, forum, blog etc. Isn't it exciting when you get a highly quality flash Clock absolutely Free? you can add this flash animated clock your blog easily tested this Flash Clock on internet explorer, Mozilla Firefox & many other web browsers. it's very fast and fresh.You simply have to copy the code below each clock and add it to your blog.

1 Clock Style

1<object type="application/x-shockwave-flash" data="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-31.swf" width="150" height="150"><param name="movie" value="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-31.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="https://bitly.com/24workpng1" alt="Blogger Templates" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a><embed src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-31.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent"></embed></object>

2 Clock Style

<object type="application/x-shockwave-flash" data="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-10.swf" width="150" height="150"><param name="movie" value="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-10.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="https://bitly.com/24workpng1" alt="Blogger Templates" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a><embed src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-10.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent"></embed></object>

3 Clock Style

<object type="application/x-shockwave-flash" data="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-32.swf" width="150" height="150"><param name="movie" value="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-32.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="https://bitly.com/24workpng1" alt="Blogger Templates" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a><embed src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-32.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent"></embed></object>

4 Clock Style

<object type="application/x-shockwave-flash" data="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-24.swf" width="150" height="150"><param name="movie" value="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-24.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="https://bitly.com/24workpng1" alt="Blogger Templates" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a><embed src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/24work.blogspot.com-24.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent"></embed></object>

How to change mouse cursor in blogger blog to animated cursors

How to change mouse cursor in blogger blog to 

animated cursors



How to change mouse cursor in blogger blog to animated cursors.One of the best way to add extra fun to your blog is, changing mouse cursor on your blog. Changing the mouse cursor in blogger or blog spot blogs is very easy.This tutorial will help you to change the mouse cursor of your blog to animated cursors.Many bloggers are asking such kind of questions but there is no tutorial available on the internet.I created this post because there are a blogger friend who asked how to change the pointer / cursor on the blogger. This you can do to decorate the look of blog.



This is very simple and easy you only follow below steps and add this widget in your blog.
                Step 1 Log-in to your Blogger account.
Step 2 Backup your Template.




Step 3 Click on The Template>> Edit HTML>> Proceed.

                    Step 4 Now find [by pressing Ctrl + F ] this code in the template:


<link href="http://wmsblogidea.blogspot.com//css-code/cursors-animated-cursors-1.css" rel="stylesheet" type="text/css" /><a href="http://wmsblogidea.blogspot.com/" target="_blank" title="Blogger Templates"><img src="http://wmsblogidea.blogspot.com/" alt="Blogger Templates" border="0" style="position:absolute; top: 0px; right: 0px;" ></a>


Add Flying Letters below Mouse Pointer Animation?




Today I am Share a trick about Mouse Pointer Animation.how can we add flying text below mouse cursor in blog. This is a great trick.After adding this code in your blogger .Your blog will be more beautiful.When you move mouse over your Blog, you will see that Letters you SET in the below code will flying like a Animation.and the text below the cursor in blue color. This is very simple to add in blog.If you want to add this cute trick than.Follow the Following 


How to  Add Flying Letters below Mouse Pointer Animation?


<script type='text/javascript'>var text=&#39; Flying Text By http://wmsblogidea.blogspot.com &#39;;</script><script src='https://tricksmaster.googlecode.com/svn/cursor-letters.js' type='text/javascript'></script> 

  •  Replace "http://wmsblogidea.blogspot.com" With Your Flying Text.

Tech Board Blogger Template Free Download ~ Blogger Templates


Original Designer universal resource locator : http://Themistocles/tech board-free-word press-theme
Template type:1 Sidebar, 2 Column, three Column footer, Featured Section, mounted dimension, Fresh, Header Banner,Red, Right Sidebar, Slider, Tabbed gadget, high Navigation Bar,
Description: Tech Board is Magazine  Premium guide custom-made from word press for blogger.This guide is additionally SEO friendly.It have mounted social media button and stuck search box.You can place Ads in header.I am mistreatment this theme in  this net WaQaS MuGHaL. I am customize  this guide mistreatment CSS and markup language.If you recognize Css then your simply customize Tech Board guide.One factor a lot of this guide have slider.But I given you transfer file with each while not slider and with slider.And that up to you which ones one you prefer while not slider or with slider.Share this post with friends and build United States of America happy.That's All 
Don't Miss:How to get rid of hopped-up By Blogger From Blog? - See a lot of at: http://wmsblogidea.blogspot.com/


How To Remove Powered By Blogger from blog?

How To Remove Powered By Blogger from blog?

Today I share a trick concerning Blogger "How to get rid of supercharged by blogger from your blog?" as a result of many of us loathe or need to examine power by blogger on their blogs.The attribution contrivance is   at footer of journal  "Powered by Blogger" The contrivance is latched, once you click on the edit link of attribution contrivance you'll  there isn't any take away link, as a result of the contrivance is latched  by the blogger. to get rid of this from journal follow My simple steps. - See a lot of at 
:http://wmsblogidea.blogspot.com/


Above image show that not remove Power by blogger. But it is possible to remove form blog. Now start to remove form blog. - See more at :http://wmsblogidea.blogspot.com

How To Remove "Powered By Blogger" From Blogger?
Go to Blogger Dashboard > Design > Edit HTML. Please download a copy of your template. Now  Check Expand Widget Templates. Now Find the code  below using [ctrl+F] in your template. - See more at: http://wmsblogidea.blogspot.com/



How to add Floating Facebook like box in blogger?




Today I share the contraption of blogger.Here is Floating Facebook Like box.This contraption is best for web/blog as a result of social media is most vital to market your journal.customize this contraption e.g you'll river it's Position.This contraption build your journal a lot of stunning.Maybe you wish this post.If you would like to adding this contraption in blogger.please follow these steps.See pic Example of  Floating Facebook like box. - See a lot of at: 
http://wmsblogidea.blogspot.com/


How to Add Floating Facebook Like box to blog?
Follow steps and add this widget. 
  • Go to Blogger > Layout > Add a Gadget > Select HTML/JavaScript Gadget
  • Add an HTML/JavaScript Widget and paste below codes in Gadget box.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNylDoGf7y_qSRZeNNfUMtsaz5VFCC3VpoYCUPMKUDXmIIereYZDYEqohiajobgVYHQUZdgVloapqlKUYFSFK72NkeOIcVajVO9BiqUzTl23DqTscxwGsJbhh32tzPV3St7i4xdx8J3ssW/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F

MR Waqas Mughal

&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>

Save the widget.

After adding above code now find this tag </head> (use:Ctrl =f)  in your Template >> HTML >> Proceed and Paste the below codes just  above/before the </head> tag.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>


 Changing MR Waqas Mughal with your Facebook's page user name and  float:right, if you want this Fb like box   appear at left side then change the property right to left in e.g float:left


Post by :

MR Waqas Mughal


New Beautiful Scrolling Recent Posts Widget For Blogger


To day I share another Blogger Trick concerning Widgets.My last post is concerning Floating Facebook like box contraption.But nowadays Share  Scrolling Recent Posts contraption For Blogger. I share this post as a result of you get additional traffic with this contraption.Many Peoples need to switch web log.This is best for that Peoples.This contraption is integral j Query and JavaScript. This contraption is in dynamic not in easy.You see lovely dynamic  Recent Posts in you web log.Now let's begin Work.Please follow the subsequent steps. - See additional at: http://wmsblogidea.blogspot.com//2013/01/new-beautiful-scrolling-recent-posts.html#sthash.ubM1DeT9.dpuf

How to add Scrolling Recent Posts Widget?

First Add codes in HTML.


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>

Now Save Template and  NOW Take Next step.

Now Adding  the Widget to blogger. 



<style type="text/css" media="screen">
<!--
/* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */
#helperblogger-widget {
    overflow: hidden;
    margin-top: 5px;
    padding: 0px 0px;
    height: 385px;
}
#helperblogger-widget ul {
    width: 295px;
    overflow: hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin: 0px 0px;
}
#helperblogger-widget li {
    width: 282px;
    padding: 5px 5px;
    margin: 0px 0px 5px 0px;
    list-style-type: none;
    float: none;
    height: 80px;
    overflow: hidden;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMNUKuVsiniqFP7TYEjL8iXZPbDFKiZcKjDhW7E51IxONobUbeEiyD2scyrFUUFF9k8U4_Uz7tyEIDaxhPXiWgpqsAGMsITLoYRHK5Brdo-PNW9KpX9zp57GJw5x-4z9KftbMNY7ZXdHY/s1600/helperblogger.com-post.jpg) repeat-x;
    border: 1px solid #ddd;
}
#helperblogger-widget li a {
    text-decoration: none;
    color: #4B545B;
    font-size: 15px;
    height: 18px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0px 0px 2px 0px;
}
#helperblogger-widget img {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    background: #EFEFEF;
    border: 0;
}
#helperblogger-widget img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
    box-shadow: 0 0 3px rgba(0,0,0,.7);
}
#helperblogger-widget img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}
.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;
}
/* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */
-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLy_8zwBE0izds9NuRYlXHUMsqYGj0PkO3WRZene-TNjmySXYGmWv3LknJ2lxq0qZT8s-nna_sMhxvchclxbxVmYe8FNfmsZiENKjMyLQw320GTU6LdDtgNbM86NXBLKErx-e3AK_O71E/s1600/no-thumbnail.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLy_8zwBE0izds9NuRYlXHUMsqYGj0PkO3WRZene-TNjmySXYGmWv3LknJ2lxq0qZT8s-nna_sMhxvchclxbxVmYe8FNfmsZiENKjMyLQw320GTU6LdDtgNbM86NXBLKErx-e3AK_O71E/s1600/no-thumbnail.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLy_8zwBE0izds9NuRYlXHUMsqYGj0PkO3WRZene-TNjmySXYGmWv3LknJ2lxq0qZT8s-nna_sMhxvchclxbxVmYe8FNfmsZiENKjMyLQw320GTU6LdDtgNbM86NXBLKErx-e3AK_O71E/s1600/no-thumbnail.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLy_8zwBE0izds9NuRYlXHUMsqYGj0PkO3WRZene-TNjmySXYGmWv3LknJ2lxq0qZT8s-nna_sMhxvchclxbxVmYe8FNfmsZiENKjMyLQw320GTU6LdDtgNbM86NXBLKErx-e3AK_O71E/s1600/no-thumbnail.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLy_8zwBE0izds9NuRYlXHUMsqYGj0PkO3WRZene-TNjmySXYGmWv3LknJ2lxq0qZT8s-nna_sMhxvchclxbxVmYe8FNfmsZiENKjMyLQw320GTU6LdDtgNbM86NXBLKErx-e3AK_O71E/s1600/no-thumbnail.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://wmsblogidea.blogspot.com//";
limitspy=4;
intervalspy=4000;
</script>
<div id="helperblogger-widget">
<script src='http://code.helperblogger.com/recent-posts-spy.js' type='text/javascript'></script>
</div>
-