Monday, March 28, 2011

How to add yahoo media player for blogger

Embed Yahoo media player for blogger

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

2. Put checked marked in Expand Widget Templates

3.Find this tagby using Ctrl+F </head>

4. Paste below code before </head> tag

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

5. Save your template and Go to Design >> Page Elements

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

<a href="Your mp3 direct URL">Mp3 file name</a>

* Replace Your mp3 direct URL with your mp3 URL
* Replace Mp3 file name with your Mp3 song name

7. Now save 'HTML/Javascript' You are done.

Submit your post to 250 social bookmark sites with One click

Submit your post to 250 social bookmark sites with One click

Now you can easily submit the whole site to up to 250 social and
bookmark sites at once.

Click here visit the link

After fill the blanks, you can click generate.you are done.

Add new feature "Follow by Email" Gadget to Blogger

Add new feature "Follow by Email" Gadget to Blogger

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

2.Select "Follow by Email" (New).

3. Now add it to your blog.

4. After you add Result will like this.

You are done.

How to add animated recent post widget

How to add animated recent post widget

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

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

3.Paste below code.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.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(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.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>
 <script language='JavaScript'> 


imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
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://www.bloggertrix.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
    <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

* Replace http://www.bloggertrix.com/ with your site URL

4. Click save you are done.

Source

News view Blogger Template

New view Blogger Template

Template Name : New view Blogger Template

Template Author : BloggerTheme / http://www.bloggertheme.net

Designer : newwpthemes

Basic Instructions : How to install a Blogger template

Descriptions : 3 columns layout- Right Sidebar- Featured Posts- Two Navigation Menu- Top Navigation Menu- Ads Ready- Search Box Ready- Ready Social Widgets- RSS, Twitter Widgets- Gravatar on comments- fixed width- Widget Ready- Gray background

Connect To us

Sharing experience knowledge is the better way to
get learn.So, You will learn best thing.Actually i shared
My experience with you all. New tricks tools, Css
gadgets,widgets, HTML and lot of thing related to
bloggers. I hope you all improved your knowledge
and designed your blog. So, if our tutorial help you
to grow up your blog, kindly keep our words to
your readers. I created different ads formats.so you
can choose it. All ads are Png Format.you can add
it as HTML/JavaScript widgets to your blog. If you
don't know how to add, Check below.

Log in to blogger account > Go to Design >> Page Element

Click Add Gadget and select 'HTML/Javascript'

Paste one of below code and save it.

125x125 Banner

<a href="http://www.bloggertrix.com/" >
<img  border="0" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf5_WG9Cwv87T7L9ESTkdUXmbVtlGUcXpJmgkOeObt8UZagKzgCmpv2u1VPUg11eB8CwATMVeWIrLYKI6NLmcY0cdgnzAlfixH34d6WP-QYEEj6w5HmVTv2dUCYrgm_GxfxOIw7IlB3xFl/s1600/125x125.png' rel="Blogger Gadgets" title="Blogger Gadgets"/></a>

468x60 Banner

<a href="http://www.bloggertrix.com/" ><img  border="0" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY3GD1UpUme5bhV7tlSCKHqMO2kGXVUGcFyaIcM3QwR96vqa1w3WCoBH0NFy1abEzDrUgYZyusZlWAKVY-IyoukIkw8Y6Y6RjRsLrRemJuMsqZYS85bMc6Wh9y3WUtl15bPpjfQGRpFz2j/s1600/468x60.png' rel="Blogger Gadgets" title="Blogger Gadgets"/></a>

Small badge 1

<a href="http://www.bloggertrix.com/" ><img  border="0" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Ls2ucTGAbg_0zSt-ZyDdb-KnyuSooeGFYHri2d9uWUwMqLcYLZV3CpsT26lhq67lhQzkOsu7oyP1W5vLA8BACUocIu7ODFgYBjP9JBHzjjlp97Ixkp74HnTZEtHp2Q9XbOWPSIeAC3RR/s1600/bloggertrix.png' rel="Blogger Gadgets" title="Blogger Gadgets"/></a>

Small badge 2

<a href="http://www.bloggertrix.com/" ><img  border="0" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbt6RrGAw8sHEqiBUWILwDGasMNhO9U_1ZixBR_DikfIsSgF8WjwUlUcdO3airBML7hWKLFMgiwvGI0PdnVumevtM02INdaB0rVdb9QLqE5L7mheNbEFIrh94Wxw7Z50sZ0-oizDJ4j-l3/s1600/bloggertrix+2.png' rel="Blogger Gadgets" title="Blogger Gadgets"/></a>

Thanks you all.

Picture Line Blogger Template

Template Name : Picture Line Blogger Template

Template Author : www.dzignine.com

Designer :Dzignine

Basic Instructions : How to install a Blogger template

Descriptions : 2 columns, left sidebar, This template has ability to grab thumbnail automatically wherever you put your image at bottom or top. This Blogger template optimized for photo blog or photography based blog.

Groove Blogger Template

Template Name : Groove Blogger Template

Template Author : PBTemplates

Designer :FThemes

Basic Instructions : How to install a Blogger template

Descriptions : Groove is a free blogger template adapted from WordPress with 2 columns,
        right sidebar, magazine-styled, space for ads, slideshow, posts thumbnails, tabs and
         drop down menu.

Animated (On Hover) Twitter follow badge to blogger

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

2. First,download the present template as a backup.

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

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

5. Paste below code before </ head> tag

<!--ANIMATE FOLLOW-ME-STARTS-->

<style type='text/css'>

.feedbacktw {

width: 31px;

height: 136px;

display: block;

font-size: 10px;

text-decoration: none;

background-repeat:no-repeat;

background-image:url(http://i26.tinypic.com/1zb4509.jpg);

position:fixed;

top:20%;

right:2px;

}



.feedbacktw:hover {

width: 31px;

height: 136px;

display: block;

text-decoration: none;

background-repeat:no-repeat;

background-image:url(http://i26.tinypic.com/xpu99c.jpg);

position:fixed;

top:20%;

right:10px;

}

</style>

<!--ANIMATE FOLLOW-ME-STOPS-Widget-by-http://Bloggertrix.com-->

6. Now click save template.

7. Now Go to Page Element and Click Add Gadget and Select HTML/JavaScript

8. Paste below code

<!--FOLLOW-ME-STARTS--><a style="display:scroll;" href="http://twitter.com/profile name" class="feedbacktw"> </a><!--FOLLOW-ME-STOPS-->

* Replace with Profile name with your twitter id

9. Now save it. you are done.

Twitter Buttons And Icons

You can copy and paste this button and icons for
your site easily.After you can use it for various purpose.

Twitter Button For Blog Marketing

31 Buttons

Happy Birds
4 Twitter birds

Randa Clay Graphics
18 Twitter buttons

Tweet Vector Icon Set
4 different photos

Twitter Bird Icon Set
6 Quality birds

Twitter birds

8 Flying birds

Twitter Graphics
16 twitter Graphics

German Twitter Buttons
10 twitter buttons

Twitter Icon Promo Pack

Tweet birds icons
2 more icons

Social bird Icon Set
20 icon set

Enjoy it..

Twitter Widget Tools For Blogger

Twitter also popular social website in the world.If put
twitter widget to our blogger easy to to increase readers
.So your blog will become popular.Try these tools.

Tweet me Button

This widget is more powerful.Its allow to users to
share your post easily.It count

live count of the amount.

Tweeter

Another twitter button to your blogger.

Re Tweet Button

This is also similar to Tweet me button.Its change in color.

Tweet Counter

This is also good widget to your blogger.it count numbers time has been tweeted
you can do more customize.It can change colors,borders,etc

Twitter Counter

This widget show how many people following you on twitter.

Tweet Stamp

This widget show your latest tweet.Have more customize.

Tweet Remote

This widget show which twitter users visited recently your blogger.

Chris' Original Twitter Badge

This is snazzy looking Twitter badge.its load in no time created by cheris

Twit Twoo

This widget display twitter status.
Twitter Tag
This is automatic update twitter image for blogger.

Twitter Gif

Create Twitter badge to your blogger

Twitter Profile

This widget loop through your tweets.It have more customization.

Add Twitter To MySpace

This is twitter Gadget for myspace

Twit Sig Badge

This is specially display your booger update.

Go To Web badge

This gadget helps to directs readers to your twitter page when clicked on.

Tweet Gadget

This is show your last update in your blogger.

Twitterati Badge

This gadget shows your twitter friends.

Tweet Snap

This create an image to to your twitter account and it will display latest tweet.

Enjoy it

Simple Facebook Widget Tools

I think this post will helps you to who want to add
Facebook tools for blogger.

Photo Badge

Creating a photo badge to your blogger.

Profile Badge

Creating a profile badge to your blogger.People can get your information about your site.

Fan Badge

Creating a fan Badge.

Share Button

Easy way to share your post on Facebook.

Page Badge

Share your Facebook page.

Fan Box

Easy way to become fan from your site and allow to view your Facebook page.

Live Stream

Allow to Facebook users to share the post.

Publishing to Facebook

Allow to your users to publish their content.

Comment Box

Let your users to comment your post from their account.

Enjoy it.

Random Post Widget to Blogger

After install the Random Post Widget you can change the
link text.The default name is View Random Post.if you
want to change it.go to "Edit HTML" andsearch
"View Random Post"and change it as
your like.

Click here to install it.

After you can follow its step.

1. Go to your blogger and click "Design" on your dashboard and click "Edit HTML"

2. Make sure "Expand Widget Templates" checked.

3. Find these tag by using Ctrl+F

                                  <dl id='comments-block'>
                                                   or
                                  <div id='comments-block'>

4. Because some Templates this code will start from <div.

5. Replace above code with this code.

For dl code     <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

For div code   <div expr:class='data:post.avatarIndentClass' id='comments-block'>

6.Now find this code.
                           <a expr:name='data:comment.anchorName'/>

7. Just paste below code before above code.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' width='35px' style='margin-bottom:-2px;' />
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if> <a expr:name='data:comment.anchorName'/>

8. Now you are done.click preview and save template.