This method requires a body instead of a semicolon

If we put a ; (semicolon) after the method header (i.e., before starting the method body) when we are defining a concrete method (which method has body) then we will see “missing method body, or declare abstract”. Another reason is if we don’t write the keyword ‘abstract’ for an abstract method (a method without body), we’ll also see this message.
To resolve the problem we must remove the ; (semicolon) from the header of the concrete method or if it is an abstract method the keyword ‘abstract’ must be written in the method header.

Here is an example of this error:

public abstract class MissingMethodBodyOrDeclareAbstract
{
public void display(String message);
{
System.out.println(message);
}
public void display();
}

Here, a ; (semicolon) is given after the method header of the first display method (with parameter). And for the second display method, keyword ‘abstract’ is not stated in the header and it doesn’t have any body also. Here it is to be noted that if a class contains an abstract method, the class must also be abstract.

The correct code is:

public abstract class MissingMethodBodyOrDeclareAbstractSolution
{
public void display(String message)
{
System.out.println(message);
}
public abstract void display();
}

Read More

Learn About the Essential Ways to Monetize Your Website or Blog

Are you finished with making your website getting live? Well, the next and the most foremost step necessitate you to think about monetizing your site. In order to make money via your site, you need to incessantly upgrade your site and elide certain changes or add-on things that help in making your website highly productive. Nonetheless, there is plethora of ways that you can take up to monetize your website, but be wary as some of these methods can be complex and even expensive.

Without a doubt, generating good traffic to your site has been one of the most effective ways that most likely help website earn huge profits. How? There’s an obvious answer to it – when more people will visit your site you’ll likely make more sales. Many people often think how merely getting traffic to their website can get them overwhelming rich returns, earlier even I was confused as how it was possible, until I myself discovered a few ways that made me understand how getting more traffic to my website helped me ringing in good amount of money.

Blog Monetization Tips And Strategies That Work

Here in this guest post I’ve come up with a list that explores the ways to monetize a website without taking up a lot of your precious time, so that you can rather focus on building a compelling site with putting in all your efforts into mounting your traffic. Albeit, the below listed ways are basic methods, but definitely the most effective monetizing strategies.

1. Pay-Per-Click Advertisements (PPC Ads)

Pay Per Click is a pretty simple and easy way to get more visitors to your site when you want to increase its traffic. With PPC search engines like Google, or Yahoo and others help individuals as well as businesses to buy listings in their search engine result pages (SERP’s). Your listings are made available on the SERP’s along with the non-paid search results. After that, the advertisements are sold by conducting an auction and you need to bid for the amount you’ll pay to get a click on the advertisement.

So, if people click on your PPC listing or let’s say PPC Ad, they’ll arrive at your website, and for every click you’ll get some profit. To make the most out of your PPC strategy, remember the money that you’ll earn per click is reliant upon elements such as ad placement, and relevancy of ads to name a few.

Google Adsense is certainly the most admired and extensively used option. However, there are other alternatives as well such as Bidvertiser, Clicksor etc. that works on the PPC model.

2. Affiliate Networks / Programs

Affiliate programs can prove to be a highly rewarding option to monetize a site. What’s so great about this alternative is that affiliate programs are available in just about every industry vertical you can envision. So, if you yearn to promote some business products and/or services you can join any affiliate networks/program of any particular company or website(s), all you’ve to do is to sign up in your chosen affiliate program.

For an instance, you own a fashion website and you collaborate with an affiliate network in order to promote their brand in the online marketplace, you’ll make profit every time when someone will purchase via your affiliate link. But, as we all know that the market is flooded with countless websites, to wade through all those sites – to earn good amount of money isn’t going to be easy. You need to really work hard to attract people to visit your website and make purchases. And one such great way – starts with writing catchy posts or writing great reviews that prove to be important to your readers’ interests.

• Read: How To Be Successful in Affiliate Marketing?

If you are on a hunt on finding out the best affiliates, then Amazon is the most apt place to begin your search.

3. Search Engine Optimization (SEO)

SEO till date is the most popular way to boost traffic to your website. We all are aware of the significance of using relevant content in a site. It is imperative to create content that make use of pertinent keywords according to your domain or business you’re dealing in. You must use Google to search for relevant keywords that can help you fetch good traffic to your website. What Else? Keep in mind certain nitty-gritty yet important things such as to use grammatically correct and unique content, and you’re definitely going to succeed in your online endeavors to attract visitors that will most likely turn into your potential customers, thereby making you earn huge profits.

4. RSS Feed Ads
Just like blogs, RSS Feeds is a lucrative marketing tool! Today, increasing number of readers subscribe to RSS feeds to find out their preferred sites. So, if you don’t happen to have one in your site then you’re missing out your chances to lure in many readers who might be interested in your content. Besides, you never know when you’re reading this guest post, several search engines “like a ghost” will be exploring online space to look out for new and updated content. So, if you’ll update your RSS Feed chances are that those search engines will pick your site up, and throw it in front of the large audience on the cyberspace searching for exactly what you’re offering.

5. In-text Advertising

In-text ads don’t require any additional fee, which is why a lot of site owners, especially the one with a shoestring budget favor this sort of monetization tactic. It makes your earn profits through the content in your site. You might have come across websites with pages that contains some content having underlined, clickable words. And, when you hover over those words, sometimes you can even see tiny advertisements pops-up. Those underlined words are the in-text ads attached to your content.

Remember, often a lot of visitors, find these advertisements too distracting. Therefore, make certain not too use too much of in-text ads in your website.

Final Words!

Every business owner works towards the sole aim to make profits with help of their business website. But, to surge through the grueling online marketplace and reaponline success is a challenge. The first step that you need to follow to commence your journey towards monetization requires you to generate good amount of traffic to your website, which later, might turn into your prospective customers getting you good sales.

So, if you’re searching for ways to monetize your website, you can consider aforementioned elements that might prove as your ultimate guide to success.

Lastly, there are various other monetization methods out there in the web world, which might work wonders for a few sites compared to others. Thus, it’s essential for you to keep on experimenting diverse approaches to find the one appropriate tactic that benefits you.

About The Author: Lucie Kruger is a tech savvy writer who works for Mobiers. You can also contact her, if you are looking forward to Hire Android App Developer.

Read More

Blogging Motivation Tips For Successful Blogging

Blogging is fun but sometime it being panic and we lose interest with time. We need some motivation to continue putting our efforts to get success in blogging. I remembered the days when I was new in this field. It was so hard time to me to keep continue with blogging without getting a single penny out of it. But I kept me motivated all the time and today managing your favorite blog BTT which hascompleted its one year journey in the blog-o-sphere.

Here I’m going to share some tips that will surely keep you motivated in your blogging career.

You are a newbie and started your blog with 0 readers. Surely it’ll be hard to you tocontinue writing for your blog when no one is there to read it. Believe me, this is same for all. You need results that will encourage you for putting your best efforts to make your blog successful.

1. It’s Hard

I admit that blogging is fun, but you need to work through the tough times because it is hard more than fun. First few months will look like that you are writing for no one. You need to struggle to build your readership. Just kept your goals in mind, why you started blogging and keep moving without giving up.

2. You Need Followers

There are thousands of blogs online but why people will follow you and your blog? You need to be yourself. Express yourself while writing for your blog. Share your personal experiences, write conversational articles and keep your visitors happy. It will touch their hearts and they will love to follow you.

3. Appreciate Other’s Work

What will be the happiest moment other than getting first comment on a brand new blog. Readers’ comments encourage bloggers to keep providing useful stuff. You need to praise other’s work to get flood of comments on your articles. Read others’ blogs, leave comments and share their articles. They will surely do the same for you. It will not only increase your blog’s awareness in the blog-o-sphere but you’ll get in touch with influential bloggers also.

4. Market Your Blog

I always said that the better you promote, the more readers you will get. Don’t just sit relax after hitting the publish button. Be a killer promoter and do your best to reach your articles to the right audience. Share your articles as much as you can and you’ll get flood of new readers. You can make use of these Top 4 Non-Nonsense places to share your blog posts.

5. Get in Touch With Existing Readers

To grow your blog’s readership, you always need more and more new readers to land on your blog. But just don’t forget your existing readers. Get in touch with them, respond to their comments and provide them worth. Start building your email list and offer them freebies and useful content. They will more like to add your blog in theirfavorite blogs list.

6. Earn, Invest and Grow

Making first dollar out of the blog is the best encourage for a blogger. You need to start making money to keep yourself motivated. Keep your eyes glued to every possible way to make money from your blog. Look at the successful blogs in your niche and try to follow their strategies. There are many ways available today to earn online from a blog. You can make use of Google Adsense, Affiliate Marketing or provide your own services to your readers. The only goal is making money from your blog. Because it will always keep you motivated towards blogging.

Once you start earning well, look at the places to improve your blog. Invest some money for your blog’s improvement like purchasing important plugins and a well optimized theme etc. It will help you to keep growing towards the success.

Also Read: Top 5 Blogging Mistakes That Could Kill Your Blog Silently [Detailed Study]

Final Words!

We all need encouragement and some motivation to keep moving without thinking for giving up. I have also gone through the same circumstances and still I’m trying to keep me motivated with positive vibes. I hope these tips will help you in your blogging career. Stay motivated and keep visiting my blog. Goodbye! 

Read More

Submit Blogger Sitemap To Bing and Yahoo Search Engines

I have receive many requests from my readers to publish a complete tutorial on how to submit blog sitemap in Bing. They told me that their blog posts are not getting index in Bing and Yahoo. That’s why today I bring this tutorial for all of you so that you can learn a best way to get all of your blog posts indexed in these search engines. Being indexed in all search engines increase our organic traffic that is must for success of our blog. Before I told you how to get blog posts indexed, let’s first learn how to submit blog sitemap in Bing.

How To Submit Blog Sitemap To Bing and Yahoo?

There is no need to submit the blog sitemap in Yahoo. Submitting blog in BING will do the full job. Now let’s start the tutorial.

1. Go to Bing Webmaster Tools and log in with your Hotmail Account.


2. Add your blog URL and click on Add button at the top of the page.






3. Now copy the below code and paste into Add a Sitemap field on next page.

Read More

nimated Recent posts for Blogger with Thumbnails - Simple Spy

Animated recent post is a fantastic way to present headlines updates to your readers.The effect of smooth scrolling attract readers and generate more clicks to your site.This gadget displays your most recent posts and includes a small thumbnail, but has the added bonus of using an animated effect that moves smoothly through the posts.There are a lot of great tutorials discussing on how to add Animated Recent posts for blogger with thumbnails and Simple Spy, but most of the tutorials I've found are not really suitable for a beginner.



Read More:
1. Recent Posts Widget for Blogger Text CSS Hover Effect with jQuery

Live Demo

How to Install Animated Recent posts for blogger with thumbnails and Simple Spy

Now let's start adding it...


Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Step 2. After click on Add a Gadget link A pop-up box will open now

with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

Step 3. Select 'HTML/Javascript' and add the one of code given below.


Step 4. Now Click On Save 'JavaScript' You are done.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.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 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybMSUagWBpEHOesI55hktVGkL_tG5aM8g-sHlQDvZ7Kh7BLdeGpNzWHzaDY7Ha-EmR8usvy-3bmRSTEOGWpI78Ej0i5_0nEIEi4l-u5LHTtb32HWipboi3CFMybpBopRM3OaxGlGQCh60/s1600/24work-blogspot-com.jpg) 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><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>

imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8lPdzBS2e2kFK7rmS_4JpabDoZ-CXyDfhywWS3Tv50c5JkOEb6dFUVFxqrrenpOUzrW3U0NVyKyLwiGg0rvmZRkmcoYNR7_cACqWMEa6v47FtSvniIJaoslxJ0vtaHAwQoDEnA5LB_IQ/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8lPdzBS2e2kFK7rmS_4JpabDoZ-CXyDfhywWS3Tv50c5JkOEb6dFUVFxqrrenpOUzrW3U0NVyKyLwiGg0rvmZRkmcoYNR7_cACqWMEa6v47FtSvniIJaoslxJ0vtaHAwQoDEnA5LB_IQ/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8lPdzBS2e2kFK7rmS_4JpabDoZ-CXyDfhywWS3Tv50c5JkOEb6dFUVFxqrrenpOUzrW3U0NVyKyLwiGg0rvmZRkmcoYNR7_cACqWMEa6v47FtSvniIJaoslxJ0vtaHAwQoDEnA5LB_IQ/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8lPdzBS2e2kFK7rmS_4JpabDoZ-CXyDfhywWS3Tv50c5JkOEb6dFUVFxqrrenpOUzrW3U0NVyKyLwiGg0rvmZRkmcoYNR7_cACqWMEa6v47FtSvniIJaoslxJ0vtaHAwQoDEnA5LB_IQ/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8lPdzBS2e2kFK7rmS_4JpabDoZ-CXyDfhywWS3Tv50c5JkOEb6dFUVFxqrrenpOUzrW3U0NVyKyLwiGg0rvmZRkmcoYNR7_cACqWMEa6v47FtSvniIJaoslxJ0vtaHAwQoDEnA5LB_IQ/s1600/noimage.png";
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://bdlab.blogspot.com/";



limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.dropboxusercontent.com/s/3frdg2yvzmdwsto/animated-recent-posts-ycode-1.js' type='text/javascript'></script>

</div>

And now click Save 


Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

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

1. homepage address

home_page = “http://bdlab.blogspot.com/”;


2. Style

from above style/css, you can change :


width : 220px;

width:208px:


customize base on your template

and

background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybMSUagWBpEHOesI55hktVGkL_tG5aM8g-sHlQDvZ7Kh7BLdeGpNzWHzaDY7Ha-EmR8usvy-3bmRSTEOGWpI78Ej0i5_0nEIEi4l-u5LHTtb32HWipboi3CFMybpBopRM3OaxGlGQCh60/s1600/24work-blogspot-com.jpg) repeat-x;


Customize the colors of backuground


3. image size

thumbwidth = 70;

thumbheight = 70;


Match your needs


4. How many post you will show

numposts = 10;


Base on what you need to show

Stylish Scrolling Recent Posts Widget For Blogger

Live Demo

1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.

2. Paste the following code in HTML/Javascript Box.

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


<style type="text/css" media="screen">
#workwidget {
overflow: hidden;
margin-top: 5px;
padding: 0px 0px;
height: 385px;
}

#workwidget ul {
width: 295px;
overflow: hidden;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px;
}

#workwidget 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/AVvXsEjybMSUagWBpEHOesI55hktVGkL_tG5aM8g-sHlQDvZ7Kh7BLdeGpNzWHzaDY7Ha-EmR8usvy-3bmRSTEOGWpI78Ej0i5_0nEIEi4l-u5LHTtb32HWipboi3CFMybpBopRM3OaxGlGQCh60/s1600/24work-blogspot-com.jpg) repeat-x;
border: 1px solid #ddd;
}

#workwidget li a {
text-decoration: none;
color: #4B545B;
font-size: 15px;
height: 18px;
overflow: hidden;
margin: 0px 0px;
padding: 0px 0px 2px 0px;
}

#workwidget img {
float: left;
margin-top: 10px;
margin-right: 15px;
background: #EFEFEF;
border: 0;
}

#workwidget 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);
}

#workwidget 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;
}


</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8lPdzBS2e2kFK7rmS_4JpabDoZ-CXyDfhywWS3Tv50c5JkOEb6dFUVFxqrrenpOUzrW3U0NVyKyLwiGg0rvmZRkmcoYNR7_cACqWMEa6v47FtSvniIJaoslxJ0vtaHAwQoDEnA5LB_IQ/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8lPdzBS2e2kFK7rmS_4JpabDoZ-CXyDfhywWS3Tv50c5JkOEb6dFUVFxqrrenpOUzrW3U0NVyKyLwiGg0rvmZRkmcoYNR7_cACqWMEa6v47FtSvniIJaoslxJ0vtaHAwQoDEnA5LB_IQ/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8lPdzBS2e2kFK7rmS_4JpabDoZ-CXyDfhywWS3Tv50c5JkOEb6dFUVFxqrrenpOUzrW3U0NVyKyLwiGg0rvmZRkmcoYNR7_cACqWMEa6v47FtSvniIJaoslxJ0vtaHAwQoDEnA5LB_IQ/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8lPdzBS2e2kFK7rmS_4JpabDoZ-CXyDfhywWS3Tv50c5JkOEb6dFUVFxqrrenpOUzrW3U0NVyKyLwiGg0rvmZRkmcoYNR7_cACqWMEa6v47FtSvniIJaoslxJ0vtaHAwQoDEnA5LB_IQ/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8lPdzBS2e2kFK7rmS_4JpabDoZ-CXyDfhywWS3Tv50c5JkOEb6dFUVFxqrrenpOUzrW3U0NVyKyLwiGg0rvmZRkmcoYNR7_cACqWMEa6v47FtSvniIJaoslxJ0vtaHAwQoDEnA5LB_IQ/s1600/noimage.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://bdlab.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>

<div id="workwidget">
<script src='http://dl.dropboxusercontent.com/s/qegice7y4oneszj/animated-recent-posts-ycode-2.js' type='text/javascript'></script>
</div>

And now click Save 





Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

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

Now Replace the http://bdlab.blogspot.com with your blog Url.


You Can Also CUSTOMIZE The CODE According to Your Need

numposts = 10; Total number of posts which you wants to scroll by this widget
limitspy=4; Number of the posts to appear on the widget
intervalspy=4000; Scrolling speed of the widget,if you decreased the value speed of widget will increases.

Read More

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 blogspot 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.



Read More:
1. How To Add Snow Effect On The Blogger Mouse Cursor Area

New Live Demo

I take the cursor image from http://www.cursors-4u.com and http://rw-designer.com you can change it anytime depends on your festive moods.

How to Install mouse cursor in blogger blog to animated cursors

How to add HTML-CSS-Javascript Codes to your 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:

</head>

And immediately Before it, paste this code:

<link href="http://dl.dropboxusercontent.com/s/sjqjsg1hc0rodn5/24work.blogspot.com-1.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="https://bitly.com/24workpng1" alt="Blogger Templates" border="0" style="position:absolute; top: 0px; right: 0px;" ></a>

And now click Save Template 

Change Mouse Cursor Generator by 24work.blogspot.com

How To Add Mouse Cursor Widget To Blogger?

• Choose a type of Mouse Cursor below
• Click on "Genetate" button
• Finally click on "Add to Blogger" to add it to your blog.

Note:  We are going to add more cursor, cursor pointer, cursors, mouse cursor, Totally Free Cursors, Myspace Cursors, Animated Cursors and cursors oftenly so keep visiting this page.



Blogger MySpace Cursor Code Generate 



You can change the appearance of the cursor on the MySpace profile page (the cursor is the little that moves on the screen by moving the mouse). For example, you could make the appearance of the cursor as a question mark when the user hovers over an object.The widget is originally developed by code-generator.net, i just changed something in the widget.















How to Install Blogger MySpace Cursor Code Generator Widget

Now let's start adding it...

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

Step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'JavaScript' You are done.

11

Read More

How To Add Animated Flash Clock To Your Blogger Blog

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.i've tested this Flash Clock on internet explorer, mozzilla 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.

Live Demo

How To Add Aniamted Flash Clock Widget To Blogger?

• Choose a type of clock below
• Provide Require widget title
• Fill Height and Width of the Widget
• Click on "Genetate" button
• Finally click on "Add to Blogger" to add it to your blog.

Add Animated Flash Clock To Your Blogger blog


Now let's start adding it...

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

Step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'JavaScript' You are done.


Happy blogging!





Special Thanks http://flash-clocks.com

Picture From http://www.2dayblog.com/2009/10/19/manual-digital-clock/

Read More

Add Static Facebook Pop Out Like Box with Smooth JQuery Hover

Hello friends, here's another Facebook jquery pop up for facebook like box widget for bloggers (or) website. Advantages this widget is to free space on the page. Because Facebook can prevent website normal as the box. Static Pop Out Facebook as soft box with jQuery effect of activation for the blogger, this is another cool control. Here I have added as the box with simple jQuery hover effect. See Facebook static plate to the right of the page and move the mouse over the plate with the frame, as is visible by sliding to the left.

Add Left Side Static Facebook Pop Out Like Box with Jquery Hover Effect

Live Demo

Step 1: Adding Static Facebook Pop Out Like Box Widget To Blogger layout.

Now let's start adding it...

Step 2. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Step 3. After click on Add a Gadget link A pop-up box will open now

with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

Step 4. Select 'HTML/Javascript' and add the one of code given below.

Step 5. Now Click On Save 'JavaScript' You are done.

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<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/AVvXsEhoZgeoPP-ZS7zyyC3DKyTQoFayC2YANfWDYhRyjQz6bTet7RpsebxXrwTDwfJ5z4s5KFrjuVEwZfi29HlIpHeH2cbGZMXE_9atppM25ntN6T7gmqGjknMNhqDAOd_3W8fBUkPhadw-IV8l/s1600/facebookbadge.png") 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><a href="http://24work.blogspot.com/" rel="dofollow" 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%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Blogspot-tutorial/220888831260608&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>

>> In Customize Field Replace "pages/Blogspot-tutorial/220888831260608" with your own facebook page name (Not your own profile name)

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

Note :If your template already have a jquery do not put again, just copy after it

Html from above a few things could be replaced :








Add Hover Style Facebook LikeBox With Button Near To Page ScrollBar

Live Demo

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<style type="text/css">
img, a { border: 0; }
#on { visibility: visible; }
#off { visibility: hidden; }
#facebook_div { width: 196px;
height: 340px;
overflow: hidden; }
#facebook_right {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
right: -200px; }
#facebook_right img {
position: absolute;
top: -2px;
left: -35px; }
#facebook_right iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
left: -2px;
top: -3px; }
#facebook_left {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
left: -200px; }
#facebook_left img {
position: absolute;
top: -2px;
right: -35px; }
#facebook_left iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
right: -2px;
top: -3px; }
</style>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#facebook_right").hover(function () {
jQuery(this)
.stop(true, false)
.animate({ right: 0 }, 500); }, function () {
jQuery("#facebook_right")
.stop(true, false).animate({ right: -200 }, 500); });
});
</script> <br /> <div id="on"> <a href="http://24work.blogspot.com/" rel="dofollow" 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%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><div id="facebook_right" style="top: 10%;">
<div id="facebook_div">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHkQ9OqYxkfbRjWI0V46qJ4h4AcX8bdA3nVdgxGwjMptJnDy6VUb-Hy0UiSQgOU1Wng0b6YJ4sYJs5ptIRy7Gvd1hmilbtGpQ8mw7fGNFDqXmtQnulFdpCJSLDbnpgSf1AGHUfdgMWHm5X/s1600/NBTfacebook_right.png" />
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;
width=200&amp;
height=346&amp;
colorscheme=light&amp;
show_faces=true&amp;
border_color&amp;
stream=false&amp;
header=false" style="border: none;
height: 346px;
overflow: hidden;
width: 200px;">
</iframe>
</div>
</div></div>

Note:-Don’t forget to change Red colour keywords.







Add jQuery LIGHTBOX Popup Facebook Likebox To Blogger NEW

Live Demo

I had given to Facebook as jQuery popup box and jQuery to facebook emerging as the box with the background image in my previous post, if you are new here, that the first visit, now I'm back with the same widget, just change the background image and the size of this widget. I just tried this and I hope you enjoyed it.

How To Add A Awesome Facebook Fan Page JavaScript For Blogger

Go to blogger > Open layout tab

Now Add A new HTML/JavaScript widget

Now paste the code given below :

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


<link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/75xazflx9vkfkmh/lightbox-style-popup-facebook-likebox-widget-01.css" /><script src="http://dl.dropboxusercontent.com/s/7bcjeubaenpmbf9/facebook-colorbox-v1.3.19.js"></script><script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*30; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#subscribe"}); } }); </script><a href="http://24work.blogspot.com/" rel="dofollow" 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%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzG-_wJSYJX2V7VCS-2kv4GPYQG7Nw5pOuIAg4cfh7e58-pgMU75ZNtZ9bsUmXtr0gE5NIV2klFNACTGeDnKBa5pcz6F4R-F6goD9SMhbzBpDK0QsNIzgvZkLM7kqz8WW6MCQ0bfinAbVw/s1600/LikeUsOnFacebook.png" width:300px; height:150px;"/></center><center><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>

</center>
</div>
</div>

Note :- Do not add above red colored jQuery plugin if your blog already jQuery plugin.

Replace pages%2FBlogspot-tutorial%2F220888831260608 With your Facebook User name


Customization:

The widget saves up a cookie in the visitors computer. You can change the frequency after which the widget would appear to the visitor. Simply change the number 30 to the number of days your wish. Say you want your widget to reappear after 30 days after the first time. Than change 30 to 7.

Now you have done !!!











Add a Awesome jQuery Pop-Up For Facebook Like Box

Live Demo

After my recent Adsense Popup widget. Now I decided to present some fresh for what comes with a nice jQuery Popup Box to Facebook as. This is an excellent widget to enhance taste. You can see most of the sites or blogs that are used to increase pop unpaid, fans and supporters. This popup jQuery cute for Facebook As the box is a great blogger widget. As soon as the new visitors coming to your blog will display the pop visitors, which can help increase the size and get more traffic to my next tutorials Facebook.In I'll try to make it more interactive with links to social media profiles and a complete version with all its contents, which can need.Check out show down and I will show you how to add jQuery Popup cute for Facebook as the box to Blogger or WordPress?




Add Facebook Likebox Popup To Blogger

Go To Blogger > Design
Click choose a gadget
Select HTML/javascript widget
Paste the following code inside it

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

<link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/wt4ulsj3cvct3fi/lightbox-style-popup-facebook-likebox-widget-02.css" /><script src="http://dl.dropboxusercontent.com/s/7bcjeubaenpmbf9/facebook-colorbox-v1.3.19.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=false') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script><a href="http://24work.blogspot.com/" rel="dofollow" 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%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <!-- This contains the hidden content for inline calls --> <div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center>

</div>
</div>

Note:- Replace pages%2FBlogspot-tutorial%2F220888831260608 With your Facebook User name







Facebook Popup Widget with Lightbox Effect

Read More

Auto Scrolling Recent Posts Widget For Blogger / Blogspot

If you have a lot of post on the blog, or if you want to show everyone your list of favorite books, but have little space in the sidebar widget this will be a great help to you. This post explains how to add auto scrolling (marquee) recent posts Widget on his blog that looks good on your blogspot blog. This is similar to the display of recent post in your sidebar, but this will have a marquee in this widget. Now if you want to show your blog in this way, either on top or bottom of your blog, then you can use this new widget:

Live Demo

How to Install Auto Scrolling Recent Posts Widget

Adding The Widget To Blogger

Go to Blogger >> Layout >> Add Gadget >> Select an HTML/JavaScript Gadget

Copy the following code and paste inside an HTML/JavaScript widget

<script type='text/javascript'>
var jnWidth="100";
var jnScrollAmount="10";
var jnScrollDelay="50";
var jnDirection="left";
var jntargetlink="yes";
var jnnumPosts="10";
var jnBulletchar =">>>";
var jnimagebullet="yes";
var jnimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-IViqqrUcniAoQ-89mlpYVGx4v81FAXO6iAVk2hNeoj8nI0ZcY1g08fwRF1MMmlQggSPqyqdZsKR3L4jKLdYqzCMv5iQ87_o3jWl3O4lMOghmaYiLOuay0wVsn3U06wRLjbgA7XJAfGDF/s1600/arrowe.gif";
var jnfontsize="16";
var jnbgcolor="FFFFFF";
var jnlinkcolor="FF0000";
var jnlinkhovercolor="3366CC";
</script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<script type='text/javascript' src='http://dl.dropboxusercontent.com/s/fqy9x54r0lgaomx/scrolling-recent-v3-ycode.js' ></script>
<script type='text/javascript' src="http://bdlab.blogspot.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.


And now click Save 





Note:- Choose appropriate Image Bullet or Icon That have transparent Background and small in Size   

ScrollAmount:	(0 = No Scroll)
ScrollDelay:	(0 = MaxScrollSpeed)

You can only modify the code with red color (variables) according to your requirements, for ex. in case of "var w2bScrollDelay", lower the number, higher  the speed.

How to Install This Widget On 'Blogger' ?

1. Customize Options in Given Widget Generator Form
2. Click on Generate Button
3. Click Preview** Button to see your widget Preview
4. Finally Click Add to Blogger Button to add this widget on Your blog

**Note:- After changing any values, First Click Generate Button and then See Your Preview

 Note:- Choose appropriate Image Bullet or Icon That have transparent Background and small in Size  

Automatic scrolling Recent posts widget will give scrolling of post titles with links

Live Demo

This widget has automated MARQUEE Effect will result scrolling titles

<script type='text/javascript'>
var nMaxPosts = 10;
var nWidth = 100;
var nScrollDelay = 175;
var sDirection = "left";
var sOpenLinkLocation = "N";
var sBulletChar = ">>";
</script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type='text/javascript' src='http://dl.dropboxusercontent.com/s/sqqoaah6l3ub6zo/recentpostsscrollerv2-ycode.js' ></script>
<script type="text/javascript" src="http://bdlab.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10 " ></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.


And now click Save 

How To Add This Widget :

1. Customize Bellow form and Click on Generate button.

2. And Click Add to Blogger button to add this widget to your blog.












>> Layout >> Add Gadget >> Select an HTML/JavaScript Gadget



Add marquee notification bar to blogger

1. Go to Blogger
2. Login to your Blogger dashboard
2. Select Layout option and select Add a gadget option.
3. Select an HTML/JavaScript Gadget
5. In the HTML/JavaScript widget paste following code and save it.

Live Demo

<style>
#wcnot-cont
{
top:0px;
left:0px;
z-index:9999999;
position:fixed;
width:100%;
background:#222222;
color:#ffffff;
font:16px georgia;
box-shadow:2px 2px 5px #444444;
-moz-box-shadow:2px 2px 5px #444444;
-web-kit-box-shadow:2px 2px 5px #444444;
-goog-ms-box-shadow:2px 2px 5px #444444;
}

#wc-movtext
{
text-align:center;
padding:8px;
font-family: Verdana,"Times New Roman",Georgia,Serif;
font-size:12px;
color: #ffffff;
}

#wc-movtext a
{
color:#ffffff;
text-decoration:none;
font:16px georgia;
}
#wc-movtext a:hover
{
color:yellow;
text-decoration:none;
}


</style>
<div id='wcnot-cont'>
<div id="wc-movtext">
<marquee behavior='alternate' direction="left"
onmouseover="this.stop();"
onmouseout="this.start();">

<p>
<a href="http://bit.ly/wmV0kq" target="_blank"><b>How to change mouse cursor in blogger blog to animated cursors</b></a>

| <a href="http://bit.ly/x4d7ln" target="_blank"><b>Numbered Page Navigation For Blogger New Script</b></a>

| <a href="http://bit.ly/vGLd4R" target="_blank"><b>Animated Recent posts for Blogger with Thumbnails - Simple Spy</b></a>

| <a href="http://bit.ly/xqQlgS" target="_blank"><b>17+ Featured Content Slider for Blogger Using jQuery</b></a>



</p>
</marquee>
</div>
<div>

Note: In the following code replace Green color code with your post titles and Red color code with links to these posts.

Read More