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.
Read More

Wednesday, March 23, 2011

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.
Read More

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.
Read More

Tuesday, March 22, 2011

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
Read More

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

Read More

Sunday, March 20, 2011

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='http://1.bp.blogspot.com/-9vtQvOiWC1Y/T_p6pFRNs7I/AAAAAAAAB7U/LuSawp4Fwkc/s1600/125x125.png' rel="Blogger Gadgets" title="Blogger Gadgets"/></a>

468x60  Banner

<a href="http://www.bloggertrix.com/" ><img  border="0" src='http://4.bp.blogspot.com/-yvAoQDPU8Gg/T_p7HWs7CsI/AAAAAAAAB7c/5ZciKVNUqyQ/s1600/468x60.png' rel="Blogger Gadgets" title="Blogger Gadgets"/></a>

Small badge 1


<a href="http://www.bloggertrix.com/" ><img  border="0" src='http://1.bp.blogspot.com/-LbUDUboHWs8/T_p7xY_cWYI/AAAAAAAAB7s/9F0lRY6ZJRs/s1600/bloggertrix.png' rel="Blogger Gadgets" title="Blogger Gadgets"/></a>

Small badge 2


<a href="http://www.bloggertrix.com/" ><img  border="0" src='http://3.bp.blogspot.com/-gFeaMJ-eQI4/T_p8F9boYRI/AAAAAAAAB70/A2MHAtMrqGY/s1600/bloggertrix+2.png' rel="Blogger Gadgets" title="Blogger Gadgets"/></a>

Thanks you all.
Read More

Picture Line Blogger Template

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.

Read More

Groove Blogger Template

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.

Read More

Saturday, March 19, 2011

Animated (On Hover) Twitter follow badge to blogger

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.
Read More

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.

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







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

Read More

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.
This widget is more powerful.Its allow to users to
share your post easily.It count
 live count of  the amount.


 Another twitter button to your blogger.




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


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 


          
This widget show how many people following you on twitter.


This widget show your latest tweet.Have more customize.



  This widget show which twitter users visited recently your blogger.


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

This widget display twitter status.
Twitter Tag
This is automatic update twitter image for blogger.
Create Twitter badge to your blogger


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

           This is twitter Gadget for myspace                            






This is specially display your booger update.





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










This is show your last update in your blogger.

This gadget shows your twitter friends.

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




Enjoy it
Read More

Simple Facebook Widget Tools

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



     Creating a photo badge to your blogger.

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

     Creating a fan Badge.

     Easy way to share your post on Facebook.

    Share your Facebook page.

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

    Allow to Facebook users to share the post.

    Allow to your users to publish their content.

    Let your users to comment your post from their account.

Enjoy it.
Read More

Recent Post Widget for Blogger

After put Recent Post Widget reader can know your what
are the recent post.In this widget you can make more
customize,thumbnail number of comment,Display Post 
Date etc.Try this widget.its also easy. Just want to install.

Features of the widget

  1. Choose which blog posts to display (choose URL).
  2. Display Post Summaries
  3. Display Post Date
  4. The Recent Post Titles
  5. Display Post Thumbnails
  6. Display Number of Comments on each post
  7. Display Read More Link
  8. Number of Posts do Display
Click here to install.

Enjoy it. 
Read More

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.
Read More

Add Avatar to costom Blogger Template


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.
Read More

Cool Social bookmarks icons part 2

Read More