Thursday, June 30, 2011

iMac Blogger Template

iMac Blogger Template
iMac Blogger Template











Template Name : iMac Blogger Template
 
 Template Author : eyeforweb
        
 Designer : eyeforweb.com

 Basic Instructions : How to install a Blogger template

 Descriptions : - 3Columns, Fixed , wp theme, Top Search,Fresh and clean Blogger template,
,Blue white color  header,White color background,Blue color menu bar,Grey color footer,Search-link, Subscribe ,Followers,friends ,Categories,Blogroll



Read More

Fusion Blogger Template

Fusion Blogger Template

Fusion Blogger Template


Template Name : Fusion Blogger Template
 
 Template Author : digitalnature
        
 Designer : http://digitalnature.ro

 Basic Instructions : How to install a Blogger template

 Descriptions : - 2 Columns,wp theme,  Fixed , Top Search,Fresh and clean Blogger template,
,Grey color header,White color background,Search-link, Subscribe ,Followers,friends
,categories,Threaded-comments,



Read More

How To Add Welcome Message For Blogger

Using this post , you can add welcome message to your blog.


1. Log in to 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

.element { position:fixed; bottom:1%; right:1%; padding:10px; font-family:Arial;
 background:#98DBF7; border:1px solid #2FBAF6; }

5. Now Go to Design >>page Element

6.Click Add gadget  and Select HTML/JavaScript 

7. Now paste paste below code

<div class="element">... Message Here ...</div>

Replace Blue color sentence with your own message

8.  Now save  HTML/JavaScript.  you are done.
Read More

Wednesday, June 29, 2011

Carrington Blog Blogger Template

Carrington Blog Blogger Template



Template Name : Carrington Blog Blogger Template
 
 Template Author : Crowd Favorite
        
 Designer : http://crowdfavorite.com

 Basic Instructions : How to install a Blogger template

 Descriptions : - 3 Columns,wp theme,  Fixed , Top Search,Fresh and clean Blogger template,
,Grey color header &  footer,White color background,Search-link, Subscribe ,Followers-friends-
-categories,About



Read More

Tuesday, June 28, 2011

Cool Social Bookmarks Icons Part 6

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

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


1.




Download here





2.



Download here







3.


Download here






4.



Download here





5.





Download here







Enjoy with new icon set
Read More

FluidYellow Blogger Template

FluidYellow Blogger Template

FluidYellow Blogger Template


Template Name : FluidYellow Blogger Template
 
 Template Author : AskGraphics
        
 Designer : http://www.askgraphics.com

 Basic Instructions : How to install a Blogger template

 Descriptions : - 3 Columns,wp theme,  Fixed , Top Search,Fresh and clean Blogger template,
Yellow color header, Nice footer,Search-link, Subscribe ,Followers-friends-
Cool 2 right sidebar-categories,large post date showing,White background,



Read More

Monday, June 27, 2011

Google Updated PageRank 2011

Today Google updated the pagerank, so check your your
pagerank now.you can use below gadget to check your pagerank.


1. First add site and  click Check PR


Check Page Rank of your Web site pages instantly:




This page rank checking tool is powered by Page Rank Checker service
2. After you will go to prchecker.info site

3. After add Anti-bot code show on left.  Now click verify

4. Now you can see your page rank,

Now if you want, you can add PageRank Buttons to your blog.
Read More

Librio Blogger Template

Librio Blogger Template

Librio Blogger Template


Template Name : Librio Blogger Template
 
 Template Author : Deniart
        
 Designer : http://deniart.ru/

 Basic Instructions : How to install a Blogger template

 Descriptions : - 2 Columns,wp theme,  Fixed , Top Search,Fresh and clean Blogger template,
Blue color background, Nice menu bar,Search-link, Subscribe ,Followers-friends-
Cool right sidebar-categories



Read More

How To Add Images For Blogger Page Navigation

This is a cool trick for your blog.some Templates don't have
this icons. so you can add this icons as your like.
its easy , follow these steps.


1. Log it to blogger and go to Design > Edit HTML

2.Make sure you put check mark to “Expand Widget Templates

3.Find this code by using Ctrl+F 
(This is for previous page)


title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>


In this above code select  <data:olderPageTitle/> code and replace with below code 
<img src='http://4.bp.blogspot.com/-pMmD3Y7Gmvg/TgdpOOvyiQI/AAAAAAAAAjU/KV63gm-6_Aw/s320/Button-Previous-icon.png'/>


4. Find this code by using Ctrl+F
(This is for Next page)

title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>


In this above code select  <data:newerPageTitle/> code and replace with below code 
<img src='http://1.bp.blogspot.com/-1YMCpXCmL30/TgdpBzns52I/AAAAAAAAAjM/1SvdRTSt33s/s320/Button-Next-icon.png'/>


5. Find this code by using Ctrl+F
(This is for Home page)

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
In this above code select  <data:homeMsg/> code and replace with below code 
 <img src='http://2.bp.blogspot.com/-0JfgBCs98Us/TgdphbTjTgI/AAAAAAAAAjc/1nqU7sgr9uU/s320/Home.png'/>

6. Save your template.

7. Now you are done.
You can change icon URL as your like
Read More

Sunday, June 26, 2011

Aerodrome Blogger Template

Aerodrome Blogger Template

Aerodrome Blogger Template

Template Name : Aerodrome Blogger Template
 
 Template Author : Joe Fischler
        
 Designer : http://thebuckmaker.com

 Basic Instructions : How to install a Blogger template

 Descriptions : - 3 Columns,wp theme,  Fixed , Top Search,Fresh and clean Blogger template,
Nice  background with green, light color, Nice 2menu bar,Search-link, Subscribe ,Followers-friends-
Cool right side bar t-categories-cool post date showing.Sidebar header with highlight,



Read More

How To Add Wibiya's Web Toolbar For Blogger

Wibiya's toolbar is helps to show online visitors, facebook
fan page, twitter, feed and many more.so it  is a good
gadget for blogger.














1. First go to This site  http://www.wibiya.com

2. Click get it now and fill give some information about your site

3. After you can select theme as your like.








4. After select theme you can add your Facebook, twitter feed etc.with user names and links

5. Now you can choose your website (platform) select blog and add it.

6. Now you are done.
Read More

Realm Blogger template

Realm Blogger template

 Realm Blogger template,Realm template



 Template Name : Realm Blogger template

 Template Author : FThemes.com
        
 Designer :  http://fthemes.com

 Basic Instructions : How to install a Blogger template

 Descriptions : - .Beautiful slide show.2 Columns, Ads Ready, SEO Ready, Fixed  - menu bars- Top Search- fresh and clean Bogger template, gray and brown color background,-Red hover menu barr.Search-link-Rss Subscribe-3 tab with sidebar gadget.



Read More

Saturday, June 25, 2011

Blak Magik Blogger Template

Blak Magik Blogger Template



Template Name : Blak Magik Blogger Template
 
 Template Author : Gopal Raju
        
 Designer :http://www.productivedreams.com/

 Basic Instructions : How to install a Blogger template

 Descriptions : - 2 Columns,wp theme,  Fixed , Top Search,Fresh and clean Blogger template,
Dark brown and back color background, Nice menu bar,Search-link, Subscribe ,Followers-friends-
Cool right side bar t-categories-Sidebar header with highlight,cool post date showing.



Read More

How Add Cool Jquery Slide Show For Blogger Part 3

This is also cool slide show to your blog.Follow instruction
to add it to your blog.

Demo here

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

2. Find this tag by using Ctrl+F    </head>

3. Paste below code before </head> tag

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

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){var currentPosition=0;var slideWidth=560;var slides=$('.slide');var numberOfSlides=slides.length;$('#slidesContainer').css('overflow','hidden');slides.wrapAll('<div id="slideInner"></div>').css({'float':'left','width':slideWidth});$('#slideInner').css('width',slideWidth*numberOfSlides);$('#slideshow').prepend('<span class="control" id="leftControl">Clicking moves left</span>').append('<span class="control" id="rightControl">Clicking moves right</span>');manageControls(currentPosition);$('.control').bind('click',function(){currentPosition=($(this).attr('id')=='rightControl')?currentPosition+1:currentPosition-1;manageControls(currentPosition);$('#slideInner').animate({'marginLeft':slideWidth*(-currentPosition)})});function manageControls(position){if(position==0){$('#leftControl').hide()}else{$('#leftControl').show()}if(position==numberOfSlides-1){$('#rightControl').hide()}else{$('#rightControl').show()}}
});
//]]>
</script>

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

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

/*
Slideshow style rules.
*/
#contentSlide {
border: 1px solid #000;
background:#212421;
height:263px;
padding:10px 0;
}
#slideshow {
margin:0 auto;
width:640px;
height:263px;
background:transparent url(http://lh6.ggpht.com/_dfnTVAxeWMI/SlTPJpS_axI/AAAAAAAABYA/JS60KVWJ9GQ/bg_slideshow.jpg) no-repeat 0 0;
position:relative;
}
#slideshow #slidesContainer {
margin:0 auto;
width:560px;
height:263px;
overflow:auto; /* allow scrollbar */
position:relative;
}
#slideshow #slidesContainer .slide {
margin:0 auto;
width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
height:263px;
}
.control {
display:block;
width:39px;
height:263px;
text-indent:-10000px;
position:absolute;
cursor: pointer;
}
#leftControl {
top:0;
left:0;
background:transparent url(http://lh6.ggpht.com/_dfnTVAxeWMI/SlT8KH99FgI/AAAAAAAABZM/e9gXvHjzltU/control_left.jpg) no-repeat 0 0;
}
#rightControl {
top:0;
right:0;
background:transparent url(http://lh6.ggpht.com/_dfnTVAxeWMI/SlT8KMpFpxI/AAAAAAAABZQ/a207Rx0XuiU/control_right.jpg) no-repeat 0 0;
}

.slide h2, .slide p {
margin:15px;
}
.slide h2 {
font:italic 24px Georgia, "Times New Roman", Times, serif;
color:#212421;
letter-spacing:-1px;
}
.slide img {
float:right;
margin:0 15px;
padding: 1px;
background-color: #212421;
border: 1px solid #999;
}

6. Now Go to Design >>page Element

7.Click Add gadget  and Select HTML/JavaScript 

8. Now paste paste below code

<!-- Slideshow HTML by www.wierdwalker.blogspot.com -->
<div id="contentSlide"><div id="slideshow">
<div id="slidesContainer">

<div class="slide">
<h2>Thor (2011)</h2><p><a href="http://tinyurl.com/nlqnby"><img alt="Thor (2011)" width="215" src="http://1.bp.blogspot.com/-Geu3JPbT9-U/TgWxhQnwM-I/AAAAAAAAAi0/Sf4kGbQSIjc/s320/Thor%2B2011.jpg" height="145"/></a>The powerful but arrogant warrior Thor is cast out of the fantastic realm of Asgard and sent to live amongst humans on Earth, where he soon becomes one of their finest defenders. </p>
</div>

<div class="slide">
<h2>Sucker Punch</h2>

<p><a href="#"><img alt="Sucker Punch" width="215" src="http://3.bp.blogspot.com/-7_5oLGJ-vaI/TgWxNq_dZLI/AAAAAAAAAis/madOJo3K-6M/s320/Sucker%2BPunch.png" height="145"/></a>Sucker Punch is a 2011 action-fantasy thriller musical film about the fantasies of a young woman who is committed to a mental institution. It was written by Steve Shibuya and Zack Snyder and directed by Snyder</p></div>



<div class="slide">
<h2>crysis2</h2><p><a href="#"><img alt="crysis2" width="215" src="http://1.bp.blogspot.com/-i5BHlh4rHWw/TgWwMI0x7vI/AAAAAAAAAic/_XIXHHDUFac/s320/crysis2.png" height="145"/></a>Crysis 2 is a first-person shooter video game developed by Crytek, published by Electronic Arts and released in North America, Australia, and Europe in March 2011 for Microsoft Windows, PlayStation 3, and Xbox 360. Officially announced on June 1, 2009, the game is the second main installment of the Crysis series, and is the sequel to the 2007 video game Crysis and Crysis Warhead.[3</p></div>

<div class="slide">
<h2>Pirates of the Caribbean 4</h2><p><a href="#"><img alt="Pirates of the Caribbean 4" width="215" src="http://2.bp.blogspot.com/-iQ--txYLsWo/TgWwktBYz3I/AAAAAAAAAik/RcyiE7yRYbQ/s320/Pirates%2Bof%2Bthe%2BCaribbean.png" height="145"/></a>aptain Jack Sparrow (Depp) crosses paths with a woman from his past (Cruz), and he's not sure if it's love -- or if she's a ruthless con artist who's using him to find the fabled Fountain of Youth. When she forces him aboard the Queen Anne's Revenge, the ship of the formidable pirate Blackbeard (McShane)</p></div>
</div>
</div></div>
<!-- Slideshow HTML -->

Replace # your URL
you can replace description and image URL with your own.

9. Now save  'HTML/JavaScript' 
You are done.
Read More

Friday, June 24, 2011

iBlog Blogger Template

TiBlog Blogger template



Template Name : iBlog Blogger template
 
 Template Author : Andrew Powers
        
 Designer :http://www.pagelines.com

 Basic Instructions : How to install a Blogger template

 Descriptions : - 3 Columns,wp theme,  Fixed , Top Search and RSS ,Fresh and clean Blogger template,White color background, Search-link, Nice header, Subscribe ,Followers-friends-
Cool right side bar t-categories-cool comment and past date gadget below post title.



Read More

Cool CSS Vertical Menu For Your Blogger

 Cool Vertical Menu For Your Blogger
This is cool vertical menu. you can it to your blog as
side bar gadget. make your blog attractive.


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*/
#menu10 {
 background: #333;
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
 width: 12em;
}
#menu10 li {
 font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
}
#menu10 a {
 background: #333;
 border-bottom: 1px solid #393939;
 color: #ccc;
 display: block;
 margin: 0;
 padding: 8px 12px;
 text-decoration: none;
}
#menu10 a:hover {
 background: #2580a2 url("http://1.bp.blogspot.com/-7BhddBSPZgE/TgODLwBYHOI/AAAAAAAAAhY/8_Ybh4Gdli8/s320/hover.gif") left center no-repeat;
 color: #fff;
 padding-bottom: 8px;
}


/* 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.

<ul id="menu10">
    <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>


* 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

Wednesday, June 22, 2011

How To Unlock Huawei HSDPA Modem Free

How To Unlock Huawei  HSDPA Modem Free

Earlier  I made a post about how to unlock Huawei and
ZTE HSDPA modem free.If you are confused about it.
So you can try below method for Unlocking your
Huawei  HSDPA modem.Its easy.


















1. First of all click here

2. After go to that link, you will get like below image











3. After entered IMEI number, Enter security code also.(shown in front of text box)

4. Now click calculator button.

5. Now you can see your Unlock code. like image below.(blue color highlight)







6. Now you can Unlock your Huawei modem easily
Read More

How To Unlock ZTE HSDPA Modem Free

How To Unlock ZTE HSDPA Modem Free

Earlier  I made a post about how to unlock Huawei and
 ZTE HSDPA modem free.But some modems asking
12 digit unlock codes.SO using earlier method cant
generate 12 digit.So you can try below method for
Unlocking your ZTE HSDPA modem.Its easy.



1. First of all click here

2. After go to that link, you will get like below image










3. After entered IMEI number, Enter security code also.(shown in front of text box)

4. Now click calculator button.

5. Now you can see your Unlock code. like image below.





6. Happy Unlocking ZTE HSDPA modems.
Read More

Monday, June 20, 2011

How To Add Cool Horizontal CSS Menu Bar For Blogger

This is nice menu bar to your blog,add it to your blog.

Horizantal CSS Menu,menu bar
Demo here

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

2.Click Add gadget and Select 'HTML/JavaScript' 

3. Now paste paste below code

<style>
#nav1 {
 margin: 0;
 padding: 6px 7px 0;
 height:37px;
 background: #7d7d7d url(http://4.bp.blogspot.com/-_i1yn5hxsz0/Tf8XoLEGesI/AAAAAAAAAhA/2zI_yCncnao/s320/image1.png) repeat-x 0 -110px;
 line-height: 100%;

 border-radius: 3em;
 -webkit-border-radius: 3em;
 -moz-border-radius: 3em;

 -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
 -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav1 li {
 margin: 0 5px;
 padding: 0 0 8px;
 float: left;
 position: relative;
 list-style: none;
}


/* main level link */
#nav1 a {
 font-weight: bold;
 color: #000000;
 text-decoration: none;
 display: block;
 padding:  8px 20px;
 margin: 0;

 -webkit-border-radius: 1.6em;
 -moz-border-radius: 1.6em;

 text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav1 a:hover {
 background: #000;
 color: #fff;
}

/* main level link hover */
#nav1 .current a, #nav1 li:hover > a {
 background: #666 url(http://4.bp.blogspot.com/-mJGtQvkk0uo/Tf8YeUI5bQI/AAAAAAAAAhI/_fmQ6Z3y234/s320/image1.png) repeat-x 0 -40px;
 color: #444;
 border-top: solid 1px #f8f8f8;

 -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
 -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
 box-shadow: 0 1px 1px rgba(0,0,0, .2);

 text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#nav1 ul li:hover a, #nav li:hover li a {
 background: none;
 border: none;
 color: #666;

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
}
#nav1 ul a:hover {
 background: #0078ff url(http://4.bp.blogspot.com/-mJGtQvkk0uo/Tf8YeUI5bQI/AAAAAAAAAhI/_fmQ6Z3y234/s320/image1.png) repeat-x 0 -100px !important;
 color: #fff !important;

 -webkit-border-radius: 0;
 -moz-border-radius: 0;

 text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav1 li:hover > ul {
 display: block;
}

/* level 2 list */
#nav1 ul {
 display: none;

 margin: 0;
 padding: 0;
 width: 185px;
 position: absolute;
 top: 35px;
 left: 0;
 background: #ddd url(http://4.bp.blogspot.com/-_i1yn5hxsz0/Tf8XoLEGesI/AAAAAAAAAhA/2zI_yCncnao/s320/image1.png) repeat-x 0 0;
 border: solid 1px #b4b4b4;

 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;

 -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
 -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
 box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav1 ul li {
 float: none;
 margin: 0;
 padding: 0;
}

#nav1 ul a {
 font-weight: normal;
 text-shadow: 0 1px 0 #fff;
 font-weight: bold;
 color: #000000;
}

/* level 3+ list */
#nav1 ul ul {
 left: 181px;
 top: -3px;
}

/* rounded corners of first and last link */
#nav1 ul li:first-child > a {
 -webkit-border-top-left-radius: 9px;
 -moz-border-radius-topleft: 9px;

 -webkit-border-top-right-radius: 9px;
 -moz-border-radius-topright: 9px;
}
#nav1 ul li:last-child > a {
 -webkit-border-bottom-left-radius: 9px;
 -moz-border-radius-bottomleft: 9px;

 -webkit-border-bottom-right-radius: 9px;
 -moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav1:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}
#nav1 {
 display: inline-block;
}
</style>
<ul id="nav1">
<li class="current"><a href="/">Home</a></li>
<li><a href="3">level1</a>

<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</li>
<li><a href="#">Multi-Levels</a>

<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>

* Replace with # your links.
* Replace with  link  your names.

4. Now save 'HTML/JavaScript'.  you are done.
Read More

Grunge Paper Blogger template

Grunge Paper Blogger template

 Grunge Paper Blogger template




Template Name : Grunge Paper Blogger template
 
 Template Author : Lorelei
        
 Designer :http://www.loreleiwebdesign.com/

 Basic Instructions : How to install a Blogger template

 Descriptions : - 2 Columns,wp theme,  Fixed , Fresh and clean Bogger template, Top Search and RSS ,Brown color background, Search-link, Nice header, Subscribe ,Followers-friends-Cool left side bar with headerhightlight-categories- cool post date.



Read More

Thistle Blogger template

Thistle Blogger template







Template Name : Thistle Blogger template
 
Template Author :  Daniel Tan aka BoltClock
        
 Designer :  http://blog.NOVALISTIC.com

 Basic Instructions : How to install a Blogger template

 Descriptions :  2 Columns, SEO Ready, Fixed-Fresh and clean Bogger template, Purple color background,-cool menu bar -Nice header- Rss Subscribe-Followers-Friends-Nice post date and commenting system.


Read More

Sunday, June 19, 2011

DarkZen Blogger template

DarkZen Blogger template





Template Name : DarkZen Blogger template
 
 Template Author :  Daily Blog Tips
        
 Designer :  http://www.dailyblogtips.com

 Basic Instructions : How to install a Blogger template

 Descriptions :  3 Columns, SEO Ready, Fixed-Fresh and clean Bogger template, Grey color background,-cool menu bar -Grey color header and right header link set- Rss Subscribe-Followers-Friends-


Read More

How To Change Blog Links color and font style

How To Change Blog Post Links color and font style



Using this codes ,you can change your every blog  links fonts size color automatically (including with post title).If you are changing it manually, make it as you want, so no need to do it manually every time when you making post. so i think this will helpful to you.


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

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

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

.post a{font-weight:bold;font-size:12px;color:#000000;text-decoration:none}
.post a:hover{text-decoration:underline}

4. You can change fonts size as your like (changing12)
    If you want to change color, 000000 replace with your color code.

     Get your color code here

5. After save your template. you are done.
Read More

I feel dirty Blogger template

I feel dirty Blogger template

I feel dirty Blogger template



Template Name : Dreamline Blogger template
 
 Template Author :  The studio ST team
        
 Designer :  http://studio.st/

 Basic Instructions : How to install a Blogger template

 Descriptions :  2 Columns, SEO Ready, Fixed-Fresh and clean Bogger template, Grey color background,-cool menu bar -red color header and right header link set- Rss Subscribe- header and Footer same image-Followers-Friends-


Read More

Dreamline Blogger template

Dreamline Blogger template

Dreamline blogger template,Dreamline template

Template Name : Dreamline Blogger template
 
 Template Author :  Alexander Tumanov
        
 Designer :http://www.flashdaweb.com/

 Basic Instructions : How to install a Blogger template

 Descriptions :  2 Columns, SEO Ready, Fixed-Fresh and clean Bogger template, Black color background,-cool menu bar -wide header- Rss Subscribe-Followers-Friends-


Read More

Saturday, June 18, 2011

Mezzo Blogger template

Mezzo Blogger template

Mezzo blogger template











Template Name : Mezzo Blogger template
 
 Template Author :  Moses Francis
        
 Designer :http://www.wpthemesplugin.com

 Basic Instructions : How to install a Blogger template

 Descriptions : - 3 Columns, Ads Ready, SEO Ready, Fixed-Fresh and clean Bogger template, Blue color background,-cool menu bar with Search gadget- Rss Subscribe-Followers-friends-Nice footer with three columns




Read More

How to add flying twitter bird widget to blogger

 How to add flying twitter bird widget to blogger
This is a cool gadget to your blogger. it will help you to
get more twitter  followers.


twitter,twitter bird, animated bird,flying twitter bird
1. Log in to blogger and Go to  Design >> Page Element.

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

3.Paste below code.

<script type="text/javascript" 
src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js"></script><script
 type="text/javascript">

var twitterAccount = "Twitter User Name";

tripleflapInit();

</script><noscript><span 
style="font-size:10px;"><a 
href="http://www.bloggertrix.com">Get this</a></span></noscript>

Replace Twitter user name with your twitter user name

4. Now save your HTML/Javascript'.

you are done.
Read More

Blue Chillout Space Blogger template

Blue Chillout Space Blogger template



Template Name : Blue Chillout Space Blogger template
 
 Template Author : Iliyan Darganov
        
 Designer :http://www.darganov.com

 Basic Instructions : How to install a Blogger template

 Descriptions : -2 Columns, , Fixed  - Top Search and RSS -Fresh and clean Bogger template, Blue color background,-cool menu bar.Search-link- Nice Rss Subscribe-Followers-Friends-categories wide header.



Read More

Revolution Code Red Blogger template

Revolution Code Red Blogger template

 Revolution Code Red Blogger template,Revolution Code Red template



Template Name : Revolution Code Red Blogger template
 
 Template Author : Brian Gardner
        
 Designer :http://www.briangardner.com

 Basic Instructions : How to install a Blogger template

 Descriptions : - 2 Columns,wp theme, Fixed ,  Top Search and RSS ,white color background,-Red color header -Dark red menu bar- Wide header and footer , Search-link,  Subscribe ,Followers-friends-Cool side bar with header hightlight-categories- Ads ready.Fresh and clean Blogger template,



Read More

Friday, June 17, 2011

Art Blog Blogger template

Art Blog Blogger template

Art Blog Blogger template'Art Blog template



Template Name : Art Blog Blogger template
 
 Template Author : New Era Web Solutions
        
 Designer :http://www.new-era-web-solutions.com

 Basic Instructions : How to install a Blogger template

 Descriptions : - 2 Columns,wp theme, Ads Ready, SEO Ready, Fixed , Fresh and clean Bogger template, Top Search and RSS ,Blue color background,-Tranceparent menu bar, Search-link,  Subscribe ,Followers-friends-Cool side bar with headerhightlight-categories- cool post date.



Read More

Grass Roots Blogger template

Grass Roots Blogger template

Grass Roots Blogger template'Grass Roots template





Template Name : Grass Roots Blogger template
 
 Template Author : Andrew Lindstrom
        
 Designer :http://www.andrewlindstrom.com

 Basic Instructions : How to install a Blogger template

 Descriptions : - 3 Columns, Ads Ready, SEO Ready, Fixed  - Top Search and RSS -Fresh and clean Bogger template, Brown color background,-cool menu bar.Search-link- Nice Rss Subscribe-Followers-friends-Cool side bar with header icons-categories 



Read More

Vintage Style Blogger template

Vintage Style Blogger template




Template Name : Vintage Style Blogger template
 
 Template Author : Searchopedia
        
 Designer : http://www.searchopedia.org/

 Basic Instructions : How to install a Blogger template

 Descriptions : - 2 Columns, Ads Ready, SEO Ready, Fixed  - Top Search and RSS -Fresh and clean Bogger template, Red color background,- Nice header image- cool menu bar.Search-link- Nice Rss Subscribe-Followers-Friends-Achieves-



Read More

Thursday, June 16, 2011

OneRoom Blogger template

OneRoom Blogger template


OneRoom Blogger template,OneRoom template


Template Name : OneRoom Blogger template

 Template Author : Jeremie Tisseau
        
 Designer : http://web-kreation.com/

 Basic Instructions : How to install a Blogger template

 Descriptions : - 3 Columns, New style 3 columns-Ads Ready, SEO Ready, Fixed  - Top Search-To RSS  fresh and clean Blogger template, Gray color background,-Top green color menu bar-Search-link- Followers-friends-Author-Nice post date details style.



Read More

How to add floating social subscribe buttons for blogger

This is a cool unique subscribe gadget with nice buttons.
Add to your blog and make it attractive.

 subscribe, facebook, twitter,feedburner, buttons

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

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

3.Paste below code.

<div style='position: fixed; bottom: 1%; right: 1%;'>
<table border="0"><tr><td>
<a href='facebook profile url' target="_blank"><img alt="Find Us On Facebook" border="0"style='background:transparent;border:none;' title='like us on facebook' src="http://3.bp.blogspot.com/-nKHgJVodRHU/Tfml-Ug-jJI/AAAAAAAAATg/LQtsSCTrf9M/s1600/facebook-icon.png" /></a>
<a href='http://twitter.com/your twitter username' target="_blank"><img alt="Follow Us On Twitter" border="0"style='background:transparent;border:none;' title='follow us on twitter' src="http://2.bp.blogspot.com/-WIAlw6PxXBA/TfmmiU6tYrI/AAAAAAAAATo/fOx9pdanDVo/s1600/twitter-icon.png" /></a>
<a href="http://feeds.feedburner.com/YOURFEEDNAME" target="_blank"><img alt="Rss Feed Options" border="0"style='background:transparent;border:none;' title='subscribe us' src="http://2.bp.blogspot.com/-FvrOQNuGUQI/Tfmm2ZVVRAI/AAAAAAAAATw/9Zmy123uCZA/s1600/rss-icon.png" /></a>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=yourfeedname&loc=en_us' target="_blank"><img alt="Subscribe Via Email Rss" border="0" style='background:transparent;border:none;' title=' email subscribe'src="http://4.bp.blogspot.com/-WrDypC0Ot5s/TfmViMlMS1I/AAAAAAAAATY/8Rp7MK0FIWc/s1600/rss-mail.png" /></a>
</td><td>
</td></tr></table>
<div style="clear: both;font-size: 8px;text-align:center;margin-top:-10px;"><a href="http://ehowportal.blogspot.com/2011/05/how-to-add-floating-social-media.html"><p>Get this</p></a></div>

</div>

* Repalce  facebook profile url with your URL
* Repalce  your twitter username with your URL
* Replace YOURFEEDNAME  with your feed name
* Replace yourfeedname  with your feed name

4. Now save your HTML/Javascript'.

you are done.
Read More

Mystique Blogger template

Mystique Blogger template
















Template Name : Mystique Blogger template

 Template Author : digitalnature
        
 Designer : http://digitalnature.ro

 Basic Instructions : How to install a Blogger template

 Descriptions : - 2 Columns, Ads Ready, SEO Ready, Fixed  - Top Search-To RSS  fresh and clean Bogger template, lack color background,-cool menu bar.Search-link- Nice Rss Subscribe-Followers-friends-my latest tweets.



Read More

Wednesday, June 15, 2011

BlackGrass Blogger template

BlackGrass Blogger template

















Template Name : BlackGrass Blogger template
 
 Template Author : skinpress
        
 Designer : http://www.skinpress.com

 Basic Instructions : How to install a Blogger template

 Descriptions : - 2 Columns, Ads Ready, SEO Ready, Fixed  - Top Search and RSS -Fresh and clean Bogger template, grass image background,-cool menu bar.Search-link- Nice Rss Subscribe-Followers-friends-Cool side bar with header icons- Grass footer.



Read More

Tuesday, June 14, 2011

Cool Jquery Slide Show to Your blogger Part 2

 This is nice slide show to your blogger,add it and make
your blog attractive.











Demo here

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

2. Find this tag by using Ctrl+F    </head>

3. Paste below code before </head> tag

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

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function() {

//Execute the slideShow, set 6 seconds for each images
slideShow(3000);

});

function slideShow(speed) {


//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});

//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});

//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));

//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});

//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);

//pause the slideshow on mouse over
$('ul.slideshow').hover(
        function () {
                clearInterval(timer);
        },
        function () {
                timer = setInterval('gallery()',speed);
        }
);

}

function gallery() {


//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')?  $('ul.slideshow li.show') : $('#ul.slideshow li:first'));

//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));

//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');

//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);

//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
                //Display the content
                $('#slideshow-caption h3').html(title);
                $('#slideshow-caption p').html(desc);
                $('#slideshow-caption').animate({bottom:0}, 500);
});

//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');

}

//]]>
</script>

<style type="text/css">
ul.slideshow {
list-style:none;
width:400px;
height:250px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:400px;
height:250px;
border:none;
}
#slideshow-caption {
width:500px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>

If you want, you can change image width and height (highlighted with different color)

4. Now Go to Design >>page Element

5.Click Add gadget  and Select HTML/JavaScript 

6. Now paste paste below code

<ul class="slideshow">

<li><a href="#"><img src="http://3.bp.blogspot.com/-X01lvNGoZP8/TfeEXy8CIXI/AAAAAAAAAeU/zNw1ADoaK9Q/s1600/image%2B4.jpg" title="Image 1 title here" alt="Image 1 Description here" /></a></li>

<li><a href="#"><img src="http://4.bp.blogspot.com/-Jx_URwewxpg/TfeEpYld40I/AAAAAAAAAec/siweUuCVOq0/s1600/image%2B1.jpg" title="Image 2 title here" alt="Image 2 Description here" /></a></li>

<li><a href="#"><img src="http://2.bp.blogspot.com/-jy74KW7u2TM/TfeE36INJrI/AAAAAAAAAek/QC3Rx_kCxA8/s1600/image%2B3.jpg" title="Image 3 title here" alt="Image 3 Description here" /></a></li>

<li><a href="#"><img src="http://2.bp.blogspot.com/-dfs7y51TGSY/TfeDGMGkZCI/AAAAAAAAAd0/CjCMIP9lo2w/s1600/bla_image.png" title="Image 4 title here" alt="Image 4 Description here" /></a></li>
</ul>

Replace # your URL
Replace Red color words with  image title
Replace Red color words with  image description

7. Now save  HTML/JavaScript  
You are done.
Read More