Tuesday, May 31, 2011

Speaker Blogger template

Speaker  Blogger template

Speaker Blogger template

 Template Name : Speaker  Blogger template

 Template Author : Template Mobi
        
 Designer :  Template Mobi

 Basic Instructions : How to install a Blogger template

 Descriptions : - 2 Columns, Left Sidebar, Music, White, Fixed, Grey, 1 Left Sidebar - Top Search- Nice header color for contents-Grey background.-Search-link-Grey color header-Rss Subscribe-Followers.



Read More

Monday, May 30, 2011

Cool Social bookmarks icons part 4

 Here also have Cool network icons for you.you can click below link and get  previous icon set

Visit cool icon part 1 click here 
Visit cool icon part 2 click here
Visit cool icon part 3 click here

1.




2.
woven icons set


3.

social icon set



4.



5

Download Here
Good luck.

Read More

EC Mania Blogger template

EC Mania blogger template

EC Mania Blogger template

 Template Name : EC Mania Blogger template

 Template Author : Deluxe Templates
        
 Designer :  Template Kingdom

 Basic Instructions : How to install a Blogger template

 Descriptions : -3 Columns, Right sidebar, Music, White, Green, Fixed Width - Top Search- Nice header color for contents-Yellow background.-Search-link-Green color header-Rss Subscribe-Followers.



Read More

Sunday, May 29, 2011

Brown Music blogger Template

Brown Music blogger Template



 Template Name : Brown Music blogger Template

 Template Author : Bonard alfin
        
 Designer : Bonard alfin

 Basic Instructions : How to install a Blogger template

 Descriptions : - Music, 3 Columns, Ads Ready, White, Brown, Elegant, Fixed Width - Top Search- Nice header color for contents-brown background.-Search-link-yellow color header-Rss Subscribe-Followers.



Read More

Thursday, May 26, 2011

Dance Through The Music blogger Template

Dance Through The Music

 Template Name : Dance Through The Music blogger Template

 Template Author : Deluxe Templates
        
 Designer :  EZ WPthemes

 Basic Instructions : How to install a Blogger template

 Descriptions : - 3 Columns, Green, Red, Music, Elegant, Fixed Width, Fixed - Top Search- Nice header color for contents-Red background.-Search-link-Nice header image-Rss Subscribe-Recent comment,Blog achieve.



Read More

Sunday, May 22, 2011

ET blogger Template

entertaintment blogger template,ET blogger template

 Template Name : ET blogger Template

 Template Author : MJ Bahring
        
 Designer :  MJ Bahring

 Basic Instructions : How to install a Blogger template

 Descriptions : - 3 Columns, Ads Ready, Elegant, Blue, White, Magazine, SEO Ready, Fixed   - Top Search- Nice header color for contents-blue background.-Search-link-Blue color header-Rss Subscribe-Followers.



Read More

Song Blogger template

Song Blogger template

 Template Name : Song Blogger template

 Template Author : Dicas Blogger
        
 Designer :  Dicas Blogger

 Basic Instructions : How to install a Blogger template

 Descriptions : -  Columns, Black, Music, Grey, Fixed, Dark, Orange  - Top menu bar- Nice header color for contents-black background.-Search-link-orange color header image-Rss Subscribe-Followers.blog achive.



Read More

Saturday, May 21, 2011

Music Lovers blogger Template

Music Lovers blogger Template

Music Lovers blogger Template
 Template Name : Music Lovers blogger Template

 Template Author : Deluxe Templates
        
 Designer :  TemplateLite

 Basic Instructions : How to install a Blogger template

 Descriptions : -Brown, Dark, Black, 3 Columns, Music, Fixed -Fixed   - Top Search- Nice header color for contents-brown background.-Search-link-nice image for  header-Rss Subscribe-Followers.Recent post-Recent comment.



Read More

Friday, May 20, 2011

Zoom Magazine Blogger Template

Zoom Magazine Blogger Template

zoom template,zoom magazine

 Template Name : Zoom Magazine Blogger Template

 Template Author : Herdiansyah Hamzah
        
 Designer :  Herdiansyah Hamzah

 Basic Instructions : How to install a Blogger template

 Descriptions : -  3 Columns, Ads Ready, White, SEO Ready, Slide show, Fixed Width, Magazine - Top Search- Nice header color for contents-gray background.-Search-link-gray color header-Rss Subscribe-Followers.



Read More

Thursday, May 19, 2011

How to add cool animated stars to your blog

This will give great look to your blog. try to add this
option to your blogger.

star,blogger

1. Log in to blogger and Go to  Design >> Page Element.

2. Click Add Gadget and select 'HTML/Javascript'

3.Paste below code.

Falling Colored Stars

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/ColoredStars.txt" />
</script>


Falling fire Stars
<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/fireStars.txt" />
</script>



Falling  Stars


<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Stars.txt" />
</script>


Falling snow

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/snow.txt" />
</script>


Falling Hearts

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/LoveHeart-1-dance.txt" /> </script>


Falling Heart
<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/LoveHeart-1-lights.txt" /> </script>


 Falling butterfly
<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/butterfly-1-dance.txt" /> </script>


4. Now Click save you are done.
Read More

Showcase Blogger template

Showcase Blogger template


 Template Name : Showcase Blogger template

 Template Author : Dante araujo
        
 Designer :  Dante araujo

 Basic Instructions : How to install a Blogger template

 Descriptions : -  2 Columns, 1 Right Sidebar, Ads Ready, Elegant, Magazine, Fixed, blog Achieve - Navigation Menu- Top Search- Nice header color for contents-black background.-Search-link- yellowcolor header-Rss Subscribe-Last Works



Read More

Wednesday, May 18, 2011

Cool Sunrise gloss drop down menu for blogger

 This is cool drop down menu for your blogger.


sunrise ,sunrise gloss



1. Log in to your blogger account and Go to Design >> Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F    ]]></b:skin>

4. Paste below code after ]]></b:skin> tag

@charset "utf-8";

/* CSS Document */
body{
padding: 25px;
}

/*^'^ Navigation Structure ^'^*/

.nav-container-outer{

background: #990000;

padding: 0px;

height: 74px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuSy1hHqdjkR8tDY8aLWkwCHgTGOHSribxD-LhHiuqw6CI9gkGw3ZeJMYOEyydPy62hPo20Hev1-AaaZGUzMafVjlnTqnY64KRPSlD07B2tavXDu8Z_mZInu1bznrWVt50G2ZBERRsJQUr/s1600/nav-bg.jpg);

}

.float-left{

float: left;

}

.float-right{

float: right;

}

.nav-container .divider{

display:block;

font-size:1px;

border-width:0px;

border-style:solid;

}

.nav-container .divider-vert{

float:left;

width:0px;

display: none;

}

.nav-container .item-secondary-title{

display:block;

cursor:default;

white-space:nowrap;

}

.clear{

font-size:1px;

height:0px;

width:0px;

clear:left;

line-height:0px;

display:block;

float:none;

}

.nav-container{

position:relative;

zoom:1;

margin: 0 auto;

}

.nav-container a, .nav-container li{

float:left;

display:block;

white-space:nowrap;

}

.nav-container div a, .nav-container ul a, .nav-container ul li{

float:none;

}

.nav-container ul{

left:-10000px;

position:absolute;

}

.nav-container, .nav-container ul{

list-style:none;

padding:0px;

margin:0px;

}

.nav-container li a{

float:none

}

.nav-container li{

position:relative;

}

.nav-container ul{

z-index:10;

}

.nav-container ul ul{

z-index:20;

}

.nav-container ul ul ul{

z-index:30;

}

.nav-container ul ul ul ul{

z-index:40;

}

.nav-container ul ul ul ul ul{

z-index:50;

}

li:hover>ul{

left:auto;

}

#nav-container ul {

top:100%;

}

#nav-container ul li:hover>ul{

top:0px;

left:100%;

}



/*^'^ Primary Items ^'^*/

#nav-container a{

padding:7px 17px 7px 18px;

margin: 10px 0px 0px 0px;

color: #FFFFFF;

font-family: Trebuchet MS, Arial, sans-serif, Helvetica;

font-size:14px;

text-decoration:none;

font-weight: bold;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnghogG5op9bfF1fsJLISsfWxAEpgYNEFzWHF5hGUrp5fHcls547VoUX8n7Ql7uub3wufvuRs5-GSyYwhj9H5bfiQ8k_JlwUQTL5U1EFKWbS3niTm-U_d6UgA9nQBMhczOeuS45mSe9kOQ/s1600/item-primary-bg.gif);

background-repeat: no-repeat;

background-position: top;

}



#nav-container a:hover{

color: #6C3600;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnghogG5op9bfF1fsJLISsfWxAEpgYNEFzWHF5hGUrp5fHcls547VoUX8n7Ql7uub3wufvuRs5-GSyYwhj9H5bfiQ8k_JlwUQTL5U1EFKWbS3niTm-U_d6UgA9nQBMhczOeuS45mSe9kOQ/s1600/item-primary-bg.gif);

background-repeat: no-repeat;

background-position: center;

}



/*^'^ Secondary Items Container ^'^*/

#nav-container div, #nav-container ul{

padding:10px 4px 10px 4px;

margin:0px 0px 0px 0px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjajDuFjAkiCR9ErrUpy8UgijXFGX9z5r3NlSjHhSuODr97afyrdrAb0GSvhOUv6J5LhSeu9ZnPsmP3K8HESrrB2W-3L1OgTlX-sKEe71GdDVPY4T1CYJwdH-e1FfPQYyYMOwnuN4puTpAJ/s1600/item-secondary-container-bg.jpg);

background-repeat: repeat-x;

background-color: #FF9900;

border-bottom: 1px solid #CA6500;

}



/*^'^ Secondary Items ^'^*/

#nav-container div a, #nav-container ul a{

padding:3px 10px 3px 6px;

background-color: #FFFFFF;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv1Qtziw5wGOpilk5HN4BBJGnFfmd96WqpWgMPmOqoQ2NpfRhCO-mrl_baHMQrf4a0VqpF-LQWd3wx2E51zGgVOPGkNfv0RpQJ7-MK-TBTsm7RW5m55aEDLLFXa0izfdgDzm4znpG48Yvj/s1600/item-secondary-bg.jpg);

background-repeat: no-repeat;

background-position: 0px 22px;

font-size:11px;

border-width:0px;

border-style:none;

margin: 0px 0px 0px 0px;

width: 149px;

}



/*^'^ Secondary Items Hover State ^'^*/

#nav-container div a:hover, #nav-container ul a:hover{

background-color: #FFFFFF;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv1Qtziw5wGOpilk5HN4BBJGnFfmd96WqpWgMPmOqoQ2NpfRhCO-mrl_baHMQrf4a0VqpF-LQWd3wx2E51zGgVOPGkNfv0RpQJ7-MK-TBTsm7RW5m55aEDLLFXa0izfdgDzm4znpG48Yvj/s1600/item-secondary-bg.jpg);

background-repeat: no-repeat;

color:#CC0000;

}



/*^'^ Secondary Item Titles ^'^*/

#nav-container .item-secondary-title{

cursor:default;

padding:4px 0px 3px 7px;

color: #6C3600;

font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;

font-size:11px;

/* background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaT9KCFRttwZrmpKGvF4xFDh-bODf6G2QhiBoUwBCL4fZZvpuHTRIG9ug67QlCUAp04jMvN_K0ep5kfbAqtN-H2Txg6pMpedhW51WYytfqJBilLj2RmoR_22SELh5oUj51B6Ij2pYA-i6d/s1600/item-secondary-title-bg.jpg); */

background-repeat: no-repeat;

font-weight:bold;

}



/*^'^ Horizontal Dividers ^'^*/

#nav-container .divider-horiz{

border-top-width:1px;

margin:5px 5px;

border-color: #C16100;

}



/*^'^ Vertical Dividers ^'^*/

#nav-container .divider-vert{

border-left-width:1px;

height:15px;

margin:4px 2px 0px 2px;

border-color:#AAAAAA;

}

5. Now Go to Design >>page Element

6.Click Add gadget and Select HTML/JavaScript 

7. Now paste paste below code

<div class="nav-container-outer">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9n14pFJmY2Lr2JTcUKrKEh6jBT8kQjncOiaXSeWFTik1ENgMtmm_I8Ql6tOm8DChIjZXyYFinu5DnUZqTnoqX81I7PLNhIsRxwWObtYUSCfx6FU3_1tXhivrWbQ6EHtuny1qduemj45l4/s1600/nav-bg-l.jpg" alt="" class="float-left" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCcOmuS-Uv113pHDsxzDJBAF8mccxL3e_IO4rbkWFF7VY6T5jEsah9ukAGeEwpRdp-cKPjC1h_j_4_cRuAfMS7a1DUhVxQqfuY3FChIE6kN_EZrhY4Vg9ejcvJHOgrwCnmA-kXnO2DcieH/s1600/nav-bg-r.jpg" alt="" class="float-right" />

<ul id="nav-container" class="nav-container">

<li><a class="item-primary" href="#">HOME</a>

</li>



<li><span class="divider divider-vert" ></span></li>

<li><a class="item-primary" href="#">Products</a>



<ul style="width:150px;">

<li><a href="#">SoftwarePlus</a></li>

<li><a href="#">MagicDriver</a></li>

<li><a href="#">GreatFX</a></li>

<li><a href="#">SampleSoft</a></li>

<li><a href="#">UnDoIt</a></li>

<li><a href="#">100% CSS Menu</a></li>

<li><a href="#;">With Cross-Browser</a></li>

<li><a href="#;">Dropdowns</a></li>

<li><a href="#;">Absolutely NO Javascript</a></li>

<li><a href="#;">Being Used On</a></li>

<li><a href="#;">These Menus</a></li>

<li><span class="divider divider-horiz" ></span></li>

<li><a href="#;">Example Of a Divider</a></li>

<li><a href="#;">With No Title</a></li>

</ul></li>



<li><span class="divider divider-vert" ></span></li>

<li><a class="item-primary" href="#">Quality</a>



<ul style="width:150px;">

<li><a href="#">SoftwarePlus</a></li>

<li><a href="#">MagicDriver</a></li>

<li><a href="#">GreatFX</a></li>

<li><a href="#">SampleSoft</a></li>

<li><a href="#">UnDoIt</a></li>

<li><a href="#">100% CSS Menu</a></li>

<li><a href="#;">With Cross-Browser</a></li>

<li><a href="#;">Dropdowns</a></li>

<li><a href="#;">Absolutely NO Javascript</a></li>

<li><a href="#;">Being Used On</a></li>

<li><a href="#;">These Menus</a></li>

<li><span class="divider divider-horiz" ></span></li>

<li><a href="#;">Example Of a Divider</a></li>

<li><a href="#;">With No Title</a></li>

</ul></li>



<li><span class="divider divider-vert" ></span></li>

<li><a class="item-primary" href="#">Services</a>



<ul style="width:150px;">

<li><span class="item-secondary-title" >Title For Links</span></li>

<li><a href="#">These Links Still Appear</a></li>

<li><a href="#">Just Like The Others</a></li>

<li><a href="#">Even When Under A Title</a></li>

<li><span class="divider divider-horiz" ></span></li>

<li><span class="item-secondary-title" >Title After Divider</span></li>

<li><a href="#">Once Again...</a></li>

<li><a href="#">These Links Still Appear</a></li>

<li><a href="#">Just Like The Others</a></li>

<li><a href="#">Even When Under A Title</a></li>

</ul></li>



<li><span class="divider divider-vert" ></span></li>

<li><a class="item-primary" href="#;">Very Long Item</a>



<ul style="width:150px;">

<li><span class="item-secondary-title" >Title For Links</span></li>

<li><a href="#">These Links Still Appear</a></li>

<li><a href="#">Just Like The Others</a></li>

<li><a href="#">Even When Under A Title</a></li>

<li><span class="divider divider-horiz" ></span></li>

<li><span class="item-secondary-title" >Title After Divider</span></li>

<li><a href="#">Once Again...</a></li>

<li><a href="#">These Links Still Appear</a></li>

<li><a href="#">Just Like The Others</a></li>

<li><a href="#">Even When Under A Title</a></li>

</ul></li>



<li><span class="divider divider-vert" ></span></li>

<li><a class="item-primary" href="#;">Fully Flexible</a>



<ul style="width:150px;">

<li><span class="item-secondary-title" >Title For Links</span></li>

<li><a href="#">These Links Still Appear</a></li>

<li><a href="#">Just Like The Others</a></li>

<li><a href="#">Even When Under A Title</a></li>

<li><span class="divider divider-horiz" ></span></li>

<li><span class="item-secondary-title" >Title After Divider</span></li>

<li><a href="#">Once Again...</a></li>

<li><a href="#">These Links Still Appear</a></li>

<li><a href="#">Just Like The Others</a></li>

<li><a href="#">Even When Under A Title</a></li>

</ul></li>

<li class="clear">&nbsp;</li></ul>

</div>



Replace # your URL
Replace Home with any names like.
There have many link and name you can change.


8. Now save  HTML/JavaScript  


You are done.
Read More

Eden's Garden Blogger Template

Eden's Garden  Blogger Template



 Template Name : Eden's Garden  Blogger Template

 Template Author : RayCreations
        
 Designer :  RayCreations

 Basic Instructions : How to install a Blogger template

 Descriptions : - 1 Right Sidebar,To Rss subscribe- 2 Columns, Blue,green, Elegant, Fixed- blog Achieve - Navigation Menu- Top Search- Nice header color for contents-Black background.-Search-link- Green color header and Grey color footer-Blog roll-text



Read More

Tuesday, May 17, 2011

Cool Social bookmarks icons part 3

 Here is another cool  social bookmark icon for your blog.Add New icon and make Attractive your blog.

Visit cool icon part 1 click here 
Visit cool icon part 2 click here

1.
social

2. 

social


3.  

social
4.

social

5.
social

Add this icon to your blog.
Read More

Cyangant Blogger Template

Cyangant Blogger Template

blogger template,template.blogspot template

 Template Name : Cyangant Blogger Template

 Template Author : colorizetemplates.com
        
 Designer :  Blogger Hacks

 Basic Instructions : How to install a Blogger template

 Descriptions : - 1 Right Sidebar, 2 Columns, Blue, Bookmark Ready, Elegant, Fixed- blog Achieve - Navigation Menu- Top Search- Nice header color for contents-Blue background.-Search-link- Blue color header and footer-Rss Subscribe-Blog roll-text



Read More

Monday, May 16, 2011

How to Add Cool Vertical Menu for blogger part 2

This is cool vertical menu. I was posted first part earlier.
click here to visit first part

Demo here
1. Log in to your blogger account and Go to Design >> Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F  ]]></b:skin>

4. Paste below code before ]]></b:skin> tag

/* vertical menu*/
*{
 list-style:none;
 margin:0px;
 padding:0px;
}

 
#menu {
 width: 200px;
 border-style: solid solid none solid;
 border-color: #0e69be;
 border-size: 0px;
 border-width: 0px;

 }
 
#menu li a {
 height: 32px;
   voice-family: "\"}\""; 
   voice-family: inherit;
   height: 24px;
 text-decoration: none;
 } 
 
#menu li a:link, #menu li a:visited {
 color: #0e69be;
 display: block;
 background: url(http://1.bp.blogspot.com/-1MihNvKwQCQ/TdE0wUij1-I/AAAAAAAAAXo/vf4Ib3QS1UE/s1600/Bloggertrix.jpg);
 background-repeat:no-repeat;
 padding: 8px 0 0 30px;
 }
 
#menu li a:hover {
 color: #0e69be;
 background: url(http://1.bp.blogspot.com/-1MihNvKwQCQ/TdE0wUij1-I/AAAAAAAAAXo/vf4Ib3QS1UE/s1600/Bloggertrix.jpg) 0 -32px;
 background-repeat:no-repeat;
 padding: 8px 0 0 10px;
 }
 
#menu li a:active {
 color: #0e69be;
 background: url(http://1.bp.blogspot.com/-1MihNvKwQCQ/TdE0wUij1-I/AAAAAAAAAXo/vf4Ib3QS1UE/s1600/Bloggertrix.jpg) 0 -64px;
 background-repeat:no-repeat;
 padding: 8px 0 0 10px;
 }

/* www.bloggertrix.com*/

5. Now Go to Design >> Page Element

6. Click Add Gadget and select 'HTML/Javascript'

7. Paste below one of below code.

<div id="menu">
 <ul>
   <li><a href="#1" title="Home">Home</a></li>
   <li><a href="#2" title="About">About</a></li>
   <li><a href="#3" title="Services">Services</a></li>
   <li><a href="#4" title="Portfolio">Portfolio</a></li>
   <li><a href="#5" title="Store">Download</a></li>
   
 </ul>

</div>


* Replace red #1 to #5 with your URL
* You can change Blue color words(Title) as your like.

10. Save it. you are done.
Read More

The Latest Blogger Template

The Latest Blogger Template

Latest Blogger Template


 Template Name : The Latest Blogger Template

 Template Author : anshuldudeja.com
        
 Designer :   Themedesigner

 Basic Instructions : How to install a Blogger template

 Descriptions : Magazine style-Ads Ready-3 columns- 2 right sidebars-categories- blog Achieve - Navigation Menu- Top Search- Nice header color for contents-white background.List-Search-link-white color header and footer-Rss Subscribe-Blog roll-text



Read More

Saturday, May 14, 2011

Woodmag Blogger Template

Woodmag Blogger Template

Woodmag Blogger Template

 Template Name : Woodmag Blogger Template

 Template Author : bietemplates.com
        
 Designer :   Ipietoon

 Basic Instructions : How to install a Blogger template

 Descriptions : wood color header and footer-Ads Ready-3 columns- 2 right sidebars-categories- blog Achieve - Navigation Menu- Top SearchTwitter - Nice header color for contents-Search-link-Rss Subscribe-Blog roll-text

Read More

Wednesday, May 11, 2011

How to add floating share buttons to blogger

How to add floating share buttons to blogger

floating share buttons
1.  Log in to your blogger account and Go to Design >> Page Element

2. Click Add Gadget and select 'HTML/Javascript'

3. Paste below one of below code.

<style>
#sharebar {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;right:0;}
#sharebar .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div>
<div id="sharebar">


<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
</div>
<div class="sbutton" id="rt">
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script>
</div>
<div class="sbutton" id="su">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5">
</script>
</div>
<div class="sbutton" id="digg">
<script src="http://widgets.digg.com/buttons.js" type="text/javascript">
</script>
<a class="DiggThisButton DiggMedium" href=""></a>
</div>
<div class="sbutton" id="gb">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script>
</a>


<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.bloggertrix.com">Get widget</a></div>

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


4. Save HTML/Javascript. you are done.
Read More

Community Blogger template

Community Blogger template

Community template

 Template Name : Community Blogger template

 Template Author : bietemplates.com
        
 Designer :   Bie

 Basic Instructions : How to install a Blogger template

 Descriptions : Brown color header and footer-Ads Ready-3 columns- 2 menu bar-categories- blog Achieve - Navigation Menu- Top SearchTwitter - Nice header color for contents-white background.List-Search-link-Rss Subscribe-


Read More

Tuesday, May 10, 2011

How to add Beautiful Rss Subscribe Box to blogger

How to add Beautiful Rss Subscribe Box to blogger

feed burner,rss follower


This gadget is helps to get more RSS readers.


1.  Log in to your blogger account and Go to Design >> Page Element

2. Click Add Gadget and select 'HTML/Javascript'

3. Paste below one of below code.

<div class="rss_box">Sign up to receive latest Update free</div>
                <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open
('http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEED BURNER ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" id="rss_form">
                    <input type="text" name="email" id="email_rss" value="Enter your email!" onblur="if (this.value == '') {this.value = 'Enter your email!';}"  onfocus="if (this.value == 'Enter your email!') {this.value = '';}" />
                    <input type="submit" name="subscribe_email_btn" id="subscribe_email_btn" value="" />
                    <input type="hidden" value="technology/tricks" name="uri"/>

                    <input type="hidden" name="loc" value="en_US"/>
                </form>
<style>
.rss_box { /*in content */
    display: block;
    background-image:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/rss_icon.jpg);
    background-repeat:no-repeat;
    padding-left: 40px;
    height: 40px;
    border: 0;
}
#sidebar #rss_form { /*in content */
}
#rss_form #email_rss {
    background: none;
    border: 1px solid #CCCCCC;
    margin: 0px 0px 0px 7px;
    padding: 2px 3px 0px 30px;
    width: 182px;
    height: 18px;
    outline: 0;
    color:#666666;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size:12px;
    background-image:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/email.png);
    background-repeat:no-repeat;
    background-position: 5px 3px;
}
#rss_form #subscribe_email_btn {
    width:50px;
    height:21px;
    border:none;
    background:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/go.png) no-repeat;
    cursor:pointer;
    margin-left: 7px;
}

</style>

*Replace YOUR FEED BURNER ID with your Feed URL

4. Save HTML/Javascript. you are done.
Read More

Stream Blogger Template

 Stream Blogger Template

 Stream Blogger Template,blogger, template


  Template Name :  Stream Blogger Template

 Template Author :NewWpThemes.com
        
 Designer :   Blogger Template Place

 Basic Instructions : How to install a Blogger template

 Descriptions : Slide show-2 column layout-Black color header and footer-menu bar-categories- blog Achieve - Navigation Menu- Top SearchTwitter Widgets- fixed width- -black background.List-Search-link-social bookmark- ads ready.

Read More

Novinture Blogger Template

Novinture Blogger Template

blogger template,Novinture Blogger Template


 Template Name : Novinture Blogger Template

 Template Author : http://www.bloggertricks.com 
        
 Designer :   CamelGraph

 Basic Instructions : How to install a Blogger template

 Descriptions : Grey color header and footer-Ads Ready-Top menu bar-categories- blog Achieve - Navigation Menu- Top SearchTwitter - Nice header color for contents-white background.List-Search-link-Rss Subscribe-Bookmark Ready-  Slideshow-1 Left Sidebar


Read More

Promagazine Blogger Template

Promagazine Blogger Template

Promagazine Blogger theme
  Template Name : Promagazine Blogger theme

 Template Author :Subagya
        
 Designer :   Subagya

 Basic Instructions : How to install a Blogger template

 Descriptions : 3 column layout-Black color header and footer-menu bar-categories- blog Achieve - Navigation Menu- Top SearchTwitter Widgets- fixed width- -black background.List-Search-link-

Read More

Sunday, May 8, 2011

How to add Alert message box to your blogger

How to add Alert message box to your blogger

alert'alert box,message,blogger



This tip is helpful for bloggers,You can display new message box to your site when visitor came your site.Using this, we can give special announcement.Most important is  If visitor click "OK" he can visit the site.If not, we can redirect him to some other site.This gadget will helpful some time.(not mean every time).Thats why i share with you.you can try it.


1.  Log in to your blogger account and Go to Design >> Page Element

2. Click Add Gadget and select 'HTML/Javascript'

3. Paste below one of below code.

<script  type="text/javascript">
    confirm('Are you sure you want to  continue?');
    if  (confirm('Are you sure you want  to continue?')) {
     window.location =  "http://www.bloggertrix.com/";
    }
    else  {
     window.location =  "http://www.google.com/";
    }
    </script>

* Replace with Blue color text as your like.
* Replace Red color URL with,what you want to redirect site if User clicked OK
* Replace Green color URL with, what you want to redirect site If User clicked cancel

4. Save HTML/Javascript. you are done.
Read More

Blue Sensation Blogger template

Blue Sensation Blogger template

Blue Sensation,blogger template,template,blogger

 Template Name : Blue Sensation Blogger template

 Template Author : www.dailyblogtips.com  
        
 Designer :   freebloggertemplate

 Basic Instructions : How to install a Blogger template

 Descriptions : Blue color header and footer-menu bar-categories- blog Achieve - Navigation Menu- Top SearchTwitter Widgets- fixed width- Nice header color for contents-white background.List-Search-link-Rss Subscribe


Read More

How to Add Cool Vertical Menu for blogger

Vertical,Menu,blogger,menu bar

1. Log in to your blogger account and Go to Design >> Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F 

4. Paste below code before ]]></b:skin> tag

/* www.bloggertrix.com*/
 
*{
 list-style:none;
 margin:0px;
 padding:0px;
}

#menu4 {
 width: 200px;
 border-style: solid solid none solid;
 border-color: #D76100;
 border-size: 0px;
 border-width: 0px;
 }
 
#menu4 li a {
   height: 32px;
   voice-family: "\"}\""; 
   voice-family: inherit;
   height: 24px;
 text-decoration: none;
 }
 
#menu4 li a:link, #menu4 li a:visited {
 color: #9E3C02;
 display: block;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzUE_h-dZsodVZPbp0Rex7SRt5DEnaZBaKrpBonsPAoiSr8BqqC0uQWw5K3Opp1JdQQIZ4A9rpy446nt41LpNVyW0xbWPUWVzuZhZok5RoHkQzZ4B-o8R_AlEnevmObDqwbuc9DNHR52E/s1600/menu4.gif);
 padding: 8px 0px 0px 30px;
 }
 
#menu4 li a:hover {
 color: #fff;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzUE_h-dZsodVZPbp0Rex7SRt5DEnaZBaKrpBonsPAoiSr8BqqC0uQWw5K3Opp1JdQQIZ4A9rpy446nt41LpNVyW0xbWPUWVzuZhZok5RoHkQzZ4B-o8R_AlEnevmObDqwbuc9DNHR52E/s1600/menu4.gif) 0 -32px;
 padding: 8px 0 0 30px;
 }
 
#menu4 li a:active {
 color: #fff;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzUE_h-dZsodVZPbp0Rex7SRt5DEnaZBaKrpBonsPAoiSr8BqqC0uQWw5K3Opp1JdQQIZ4A9rpy446nt41LpNVyW0xbWPUWVzuZhZok5RoHkQzZ4B-o8R_AlEnevmObDqwbuc9DNHR52E/s1600/menu4.gif) 0 -64px;
 padding: 8px 0 0 30px;
 } 
/* www.bloggertrix.com*/

5. Now Go to Design >> Page Element

6. Click Add Gadget and select 'HTML/Javascript'

7. Paste below one of below code.

<div id="menu4">
 <ul>
   <li><a href="#1" title="Home">Home</a></li>
   <li><a href="#2" title="About">About</a></li>
   <li><a href="#3" title="Services">Services</a></li>
   <li><a href="#4" title="Portfolio">Portfolio</a></li>
   <li><a href="#5" title="Store">Download</a></li>
   
 </ul>

</div>


* Replace red #1 to #5 with your URL
* You can change Blue color words(Title) as your like.

10. Save it. you are done.
Read More

Saturday, May 7, 2011

Fresh Editorial Blogger Template

Fresh Editorial Blogger Template

blogger template,template,Fresh Editorial


 Template Name : Fresh Editorial Blogger Template

 Template Author : www.cbrightcherry.co.uk
        
 Designer :    BrightCherry

 Basic Instructions : How to install a Blogger template

 Descriptions : 2 Sidebar-2 menu bar-4 gadget footer-categories- blog Achieve - Navigation Menu- Top Search- RSS, Twitter Widgets- fixed width- Nice header color for contents-Grey background.List-Search-Followers-link list-Recent post-Recent comment,


Read More

5 cool mouse courser to your blog

How to add animate mouse courser to your blogger

This courser will give a great look to your blog,
Visitors will attract.its easy try this.

1. Log in toblogger account and Go to Design >Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F </body>

4. Paste one of below code before </body>


Style 1
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/user/use-1/use32.cur), progress;}</style>


Style 2
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-7/peo845.cur), progress;}</style>


Style 3
<style type="text/css">body, a, a:hover {cursor: url(http://royal-tutor.110mb.com/FRUITY_LIME_HEART-royaltutor.net.cur), progress;}</style>

Style 4

<style type="text/css">body, a, a:hover {cursor: url(http://royal-tutor.110mb.com/FRUITY_LEMON_HEART-royaltutor.net.cur), progress;}</style>

Style 5 

<style type="text/css">body, a, a:hover {cursor: url(http://royal-tutor.110mb.com/TRANSPARENT_HALO_POINTER-royaltutor.net.cur), progress;}</style>


5. Now click preview for checking everything fine to save template
   After click save template. you are done.
Read More

How to add weather widget to your blog

How to add weather widget to your blog

This is cool widget to your blog.its nice look.users can 
know their city weather,this is easy and fastest way.
try it.

1. First go to this site get widget

2. Select your style and Input your city
3. Now click Get code.

4. After log in to your blogger account and Go  Design >> Page Element

5.Click add gadget and select 'HTML/Java Script'

6. Now paste code that you generated.

7.Click save 'HTML/Java Script'. you are done.
Read More