tutorial

Wednesday, November 24, 2010

Add Falling colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves to Your Blog

Guest Post - By 24work

Perhaps by Christmas cheer to your blog once covered (colored) stars?

You Might Want to decorate your Christmas blog with falling stars?

yeah this tutorial will show you how to Add Falling colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves to Your Blog.Its much simple than any other trick found on the net because you just have to add a simple single code to your blogspot post.Adding a colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves posts widget is very easy...

Simply log in to Blogger -> go to Layout ->, click on "Add a Gadget", and select it as "HTML/JavaScript" type.

And finally paste this code in to it:

Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Flowers / Leaves / stars / butterfly / heart to Your Blog

Special Thanks
Picture From http://www.freesmileys.org

Falling yikes-01 :

Falling badday-01 :

Falling barmy-01 :

Falling cheer-01 :

Falling cupid2-01 :

Falling cupid-01 :

Falling diablo-01 :

Falling dog-01 :

Falling emoticon-cute-004-01 :

Falling emoticon-object-086-01 :

Falling emoticon-tv-013-01 :

Falling evil-01 :

Falling flowers-0-0-01 :

Falling groucho-01 :

Falling hatch-01 :

Falling heart-smiley-01 :

Falling idea-01 :

Falling jumpy-01 :

Falling lips-01 :

Falling loopy-01 :

Falling old-01 :

Falling rose-01 :

Falling santa-0-0-01 :

Falling smiley-alien006-01 :

Falling smiley-alien010-01 :

Falling smiley-angelic005-01 :

Falling smiley-angry030-01 :

Falling smiley-bounce002-01 :

Falling smiley-bounce008-01 :

Falling smiley-char018-01 :

Falling smiley-char023-01 :

Falling smiley-char026-01 :

Falling smiley-char055-01 :

Falling smiley-char056-01 :

Falling smiley-char078-01 :

Falling smiley-char102-01 :

Falling smiley-char103-01 :

Falling smiley-char124-01 :

Falling smiley-char128-01 :

Falling smiley-char136-01 :

Falling smiley-cool05-01 :

Falling smiley-dance009-01 :

Falling smiley-excited001-01 :

Falling smiley-greet008-01 :

Falling smiley-greet010-01 :

Falling smiley-happy005-01 :

Falling smiley-happy032-01 :

Falling smiley-love009-01 :

Falling smiley-rpg023-01 :

Falling smiley-rpg031-01 :

Falling smiley-sleep004-01 :

Falling smiley-stargate021-01 :

Falling smiley-sw022-01 :

Falling smiley-think007-01 :

Falling smiley-transport019-01 :

Falling smiley-transport026-01 :

Falling smiley-transport027-01 :

Falling tantrum-01 :

Falling wootrock-01 :

Falling Colored Stars :

Falling fire Stars :

Falling Stars :

Falling Snow flakes 1 :

Falling Snow flakes 2 :

Falling Snow flakes 3 :

Falling Snow flakes 4 :

Falling Snow flakes 5 :

Falling Snow flakes 6 :

Falling Leaves :

Falling Green Leaf :

Falling Yellow Leaf :

Falling Greenish :

Falling Tree Leaf :

Falling Heart 1 :

Falling Heart 2 :

Falling Heart 3 :

Falling Blue Heart :

Falling Red-1 Heart : Falling Red Heart

Falling Heart 4 :

Falling Flower :

Falling Love Heart :

Falling butterfly Orange 1 :

Falling butterfly Pink 1 :

Falling butterfly Blue 1 :

Falling butterfly Green 1 :

Falling butterfly ani 1 :

Falling Heart ani 1 :

Falling Heart ani 2 :

Falling red heart :

Falling orange heart :

Falling pink heart :

Falling blue heart :

Falling purple heart :

Falling yellow heart :

Falling objects-heart : Falling objects heart

Falling hrt2b heart :

Falling objects-snow : alling objects snow

Falling ani-ornament : Falling ani ornament

Falling red star :

Falling blue star :

Falling orange star :

Falling pink star :

Falling blinking star :

Falling colored cross :

Falling colored flake :

Falling green butterfly :

Falling yellow butterfly :

Falling objects-fish : Falling objects fish

Falling objects-bee : Falling objects bee

Falling objects-drip : Falling objects drip

Falling snow-01 :

Falling purple flower-01 :

Falling Yellow flower-01 :

Falling pink flower-01 :

falling christmas object ornament-01 :

Falling Christmas Wreath-01 :

Falling Christmas Candy-01 :

Falling Santa Cap-01 :

Falling Blue Snow-01 :

Falling Christmas Tree-01 :

Falling Presents-01 :

Falling Santa-01 :

Falling Animated Snowman-01 :

Falling Animated Snowflake-01 :

Falling snow : Falling SnowFlakes , Falling snow

Note: We are going to add more Falling colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves, so keep visiting this page.

update Faling snow >>>>>>>

Author - 24work is a Blogger And Designer, he created this script and wanted to share with bdlab Readers.You can find 24work on his Blog.

UPDATE: I updated some of my posts, this post I update click this link Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Snow to Your Blog

Sunday, November 21, 2010

Random Posts Widget For Blogger Blogs

This widget can definitely bring some excitement to your blogger powered blog. Letting your readers surf your blog to the fullest extent by creating a link to a random post in your blog's sidebar.

Adding a Random posts widget is very easy...
Simply log in to Blogger, go to Layout, click on "Add a Gadget", and select it as "HTML/JavaScript" type.

And finally paste this code in to it:

<a href='http://bit.ly/work24'><img alt='blogger widgets' src='https://sites.google.com/site/bdlab12/24work/blogspot%2btutorial.png'/></a><script type="text/javascript">

var randarray = new Array();var l=0;var flag;

var numofpost=8;function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}

if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');

for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];

for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";

document.write(item);}}

}document.write('</ul>');}

</script>

<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

<span style="font-size:5px;position:absolute;"><a title='blogger widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span>

Edit the code shown in 'red' to change the number of posts being displayed in the widget.

NOW CLICK SAVE TEMPLATE

Thanks to Blog Godown for this widget.

Tuesday, November 16, 2010

Add Automatic ShortURL Widget For Every Blogger Post

This tutorial will explain how to automatically generate short urls (using the bit.lyAPI) for every Blogger post, and display this URL in a box at the bottom of each post .

Now, using bit.ly’s API, Twitter’s default service, we can create and publish short URL’s for every entry on Blogger.

Tutorial Step by Step

1.Login to your Blogger dashboard > Layout > Edit HTML and check the "Expand Widget Templates" box.
As I always say before attempting any tutorial or hack its wise to make a backup of your blogger template. So please download your blogger template.
Now find (CTRL+F) this code in the template:
</head>
And immediately before it, paste this code:

<script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&amp;login=YOURUSERNAME&amp;apiKey=YOURAPIKEY"></script>

 <script type="text/javascript" charset="utf-8">

 BitlyClient.addPageLoadEvent(function(){

 BitlyCB.myShortenCallback = function(data) {

 // this is how to get a result of shortening a single url

 var result;

 for (var r in data.results) {

 result = data.results[r];

 result['longUrl'] = r;

 break;

 }

 document.getElementById("shorturl").innerHTML = "Share this link: &lt;input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/&gt;";

 }

 BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');

 });

 </script>

Note: Remember to Replace YOURUSERNAME with your Bit.ly Username and YOURAPIKEY with your bit.ly Api key before you save the code.You will get this both things while you signup to bit.ly.

2. This is an optional step: you can also style this shorturl box. For this, in your template, search for ]]></b:skin> and paste this code right above it:

form#shorturl {

color:#666;

font-size:11px

}#shorturl input {
color:#999;
border:1px inset #CDCDCD;
padding:1px 5px;
}

3. Now in third step you need to choose the place for displaying the shorted links.For this Search for the following line in your Blogger Template.but remember to Expand the Template before you proceed.

<div class='post-footer-line post-footer-line-3'>

</div>

Now Paste the following line of code between the above code in your Template.
<b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if>

Now click Save Template

As a result, with the given style sample, in every individual page it looks like this:

Note: If you want to trakc how many people click on this link then I will tell you how you can do that. You need to be a bit.ly user. Then go to your account and find out your bit.ly login and your own API code. And replace it here ..

login=bitlymmmmm&apiKey=R_2c11203612a1769b97204826413d57f1

Replace bitlymmmmm by your bi.ly login. and R_2c11203612a1769b97204826413d57f1 by your API code provided for your account. This will enable you to track your clicks on this shortened URL.

Sunday, November 14, 2010

Referring URL Tips & Tricks to Blogger Blog

Welcome Messages

Quickly give your site a personal feel by including a welcome message on your page or in an alert box that pops up when your page loads.

Use this to place it in the BODY of the document:

<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from old browsers
if (document.referrer != '')
document.write('Thanks for visiting from ' + document.referrer);
//-- Stop hiding script -->
</SCRIPT>

If you prefer an alert box, use this in the HEAD section:

<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT"> 
<!-- Hide script from old browsers
if (document.referrer != '') 
alert('Thanks for visiting from ' + document.referrer); 
//-- Stop hiding script --> 
</SCRIPT>

In this particular script, using the NOSCRIPT tag is optional because you aren't including any important site information in the alert box or document.write statement.

UPDATE: I updated some of my posts, this post I update Free Backlinks for Blog and Website........

Do you want to know Where to get free backlinks? This is a free, fast, and simple immediate automatic backlinks for optimizing your blog or web page on search engines result.Everyone knows how important backlinks are to getting a good rank.Here, we offer a backlink for free and very fast for your sites. Copy the html code first (no change needed), and then paste to your website or blog.To view your backlink you can click the image link from your website or blog. And well... your website url done and will be displaying in first references.If any visitors click this banner from your website or blog, your url backlink will be creating automatically in this website.You can build backlink as many as you want, no limitation and restriction, but no spam ! Wish your website's ranking quickly on Top Google, Yahoo and Alexa!

Free Automatic Backlink for Blog and Website
Copy this html code to your website >>

* Please note:- After you paste the code into the website, please click on the button to create backlinks to your website.
- If you remove the code from your website where your backlink will be deleted automatically.
- if you know any free backlink info, please submit here, Let's share the free backlink list to everyone.

Friday, November 12, 2010

How to Stream MP3 Music on Your Blog

This tutorial will show you how to add streaming music or mp3 songs in your blogger post. Its much simple than any other trick found on the net because you just have to add a simple single code to your blogspot post. This will benefit most of the bloggers who runs music blogs. Lets first see what actually we are making, check the player.

STEP #1 Log in to Blogger, go to Layout

Add a Gadget of HTML/JavaScript type.

Then add this code in to it:

<!-- Music Player by http://bdlab.blogspot.com -->
<script type='text/javascript'><!--
document.write(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%73%63%6D%70%6C%61%79%65%72%2E%61%73%77%65%62%2E%69%6E%66%6F%2F%73%63%72%69%70%74%2E%6A%73%22%20%3E%3C%2F%73%63%72%69%70%74%3E'));
//--></script>
<script type="text/javascript"><!--
SCMMusicPlayer.init("{'skin':'skins/tunes/skin.css','playback':{'autostart':'false','shuffle':'false','volume':'50'},'playlist':[{'title':'your...title...1','url':'http://www.yaaridosti.org/songs_eng/Akon/smack_that_akon(yaaridosti.uk.to).mp3'},{'title':'your...title...2','url':'http://www.yaaridosti.org/songs_eng/Akon/Right%20Now%20(Na%20Na%20Na)%20-%20Akon%20(www.yaaridosti.net).mp3'},{'title':'your...title...3','url':'YOUR MP3 FILE LOCATION'},{'title':'your...title...4','url':'YOUR MP3 FILE LOCATION'},{'title':'your...title...5','url':'YOUR MP3 FILE LOCATION'},{'title':'your...title...6','url':'YOUR MP3 FILE LOCATION'},{'title':'your...title...7','url':'YOUR MP3 FILE LOCATION'},{'title':'your...title...8','url':'YOUR MP3 FILE LOCATION'},{'title':'your...title...9','url':'YOUR MP3 FILE LOCATION'},{'title':'your...title...10','url':'YOUR MP3 FILE LOCATION'},{'title':'your...title...11','url':'YOUR MP3 FILE LOCATION'},{'title':'your...title...12','url':'YOUR MP3 FILE LOCATION'},{'title':'your...title...13','url':'YOUR MP3 FILE LOCATION'}],'placement':'top','showplaylist':'false'}");
 //--></script>
 <!--End of http://bdlab.blogspot.com Music Player script-->

Now click Save