This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Showing posts with label website tips. Show all posts
Showing posts with label website tips. Show all posts

Wednesday, 18 January 2012

50-widgets-for-blogs-and-websites


      Blog Widgets
    Widgets are a handy, easy and simple way to add some flare to your blog. Whether you’d like to display the number of currently online visitors to your site or simply the weather report for Los Angeles, you can do it with widgets. We’ve assembled a list of 50 useful or simply cool widgets for your pleasure. And remember, the first rule of widgetizing your blog is – don’t overdo it!
    MyBlogLog’s Recent Readers – this widget can easily be called a hit amongst blog owners; its popularity even managed to convince Yahoo into buying MyBlogLog. The widget lets you see the avatars of recent visitors to your blog, provided they’re also members of MyBlogLog.
    Mashable – get the latest social networking news from this very site.
    Flickr Flash Photo Stream Badge – display images from your Flickr profile with a handy Flash photo stream.
    Preview Anywhere – see a live preview of outgoing links in a small popup which activates on mouseover. Some find this annoying, while others might find it useful.
    Twitter Badge – if your life is so interesting that everyone must know what you’re up to all the time, then a Twitter badge is the ideal counterpart to your blog. It’ll proudly displays your recent tweets.
    Digg News – display the latest Digg links on your blog. Themeable and fully customizable.
    FEEDJIT – real time traffic data directly in your blog’s sidebar.
    LineBuzz – inline comments for your blog. Very handy for blogs with frequent lively discussions.
    Flixn – display a stream directly from your webcam, so your blog visitors can always see what you’re up to.
      Flixn
    3Jam – lets your visitors send messages to your mobile phone, without them knowing your phone number.
    Jaxtr – with Jaxtr, your visitors can actually call you to your mobile phone; again, your number stays private.
    LinkedInABox – show off your LinkedIn profile. Perfect for personal blogs.
    Box Widget – enable visitors to use box.net’s online storage directly on your web site.
    Price of gas – displaying gas prices on your blog might seem unnecessary to some, but it’s cool if you have a traffic/travel related blog.
    iBegin Weather Widget – Display weather information in your sidebar. Just like with Price of Gas, works great with travel-related blogs.
    ClockLink – display time in various time zones with these nifty Flash clocks.
    Film Loops – display the latest loops from your FilmLoops account.
    Daily Painters – display paintings from famous painters on your blog.
    WhoLinked – show your visitors which sites have recently linked to your web site. Works with all major blog platforms.
    Criteo AutoRoll – displays links to blogs similar to your blog.
    Bitty Browser – embed a cute, fully functional mini web browser to your blog.
    Leafletter – create a mini website and embed it into your blog.
      Leafletter
    WikiSeek – search Wikipedia with this simple widget.
    FeedCount – show off the number of visitors to your blog with this handy little button.
    Technorati Link Count – display the number of links your website has from one of the biggest blog authorities – Technorati.
    MyPageRank – another good way to show how “big” your blog is is to show off your Google PageRank.
    CheckPageRank – in addition to showing your PageRank, this widget also shows your Alexa ranking.
    BlinkxIt – embed a link to related videos directly into your website.
    Skype button – display your Skype online/offline status on your blog.
    RockYou Horoscope – not something I would personally use, but some people are into horoscope. Hell, most people are into horoscope. Anyway, this widget shows horoscope (doh!) and does it in a nicely designed colorful box.
      Horoscope
    del.icio.us Tagometer – display how many times have del.icio.us users saved your page.
    del.icio.us Linkrolls – this badge shows your latest bookmarks from del.icio.us.
    Timelines – need to create a timeline? Seek no further. This widget makes it really easy.
    PollDaddy – PollDaddy lets you create beautiful polls in no time, and display them at your blog.
    Vizu – another poll-making widget, compatible with all major blog platforms.
    AnswerTips – display definitions from Answers.com for various terms on your blog. The definitions are shown in bubbles which are activated on doubleclick.
    AnswerBoxes – give your visitors a chance to enter a term themselves, and get a definition from Answers.com
    Now Playing – if you got to share your current playlist contents with the world, Sigamp will do the trick. Works with most popular music players, including Foobar, Winamp, iTunes and others.
    BuzzBoost – display headlines from your RSS feed on any website.
    LibraryThing – show off the latest books you’ve been reading.
    Plaxo Address Book – let your most faithful visitors access their address books direclty from your site.
      Plaxo
    AuctionAds – a widget that displays auctioned items on eBay, and gives you a percentage of the price paid when sometimes buys an item.
    aStore – similar to AuctionAds, only for Amazon. Create a mini-store on your site and receive profit when someone buys an item through your store.
    Plazes – show your current location on a Plazes map.
    Stockalicious – track your portfolio with this widget, and share it with others. Let everyone know how much money you’ve lost.
    Yahoo! For Good – create a charity badge and ask for donations for a worthy cause.
    Giftspace – your friends never know what to buy you for birthday? Let them know what you really want with this nifty widget.
    MixMap – see where are the visitors to your MySpace profile from on a map.
      MixMap
    Google Map Widget – display a searchable Google Map on your website.
    Google Video Search – add a video search form and selected videos to your web site.
    Odeo player – display an Odeo player for and podcast right there in your sidebar.

Monday, 16 January 2012

add-hover-effect-follow-us-gadget-to-blog


Polaraid icons demo

Place Your Cursor Over The Icons.



Looks Great Huh !

Add The Vintage To New Polaroid Icons To Your Blog


The Code

This is just html so it will work in any part of your blog that allows it.I will show how to quickly add the icons to your Blogger sidebar below the code, if you have Wordpress or another blog platform add the code to a sidebar text/html widget.

<a href=http://www.facebook.com/spiceupyourblog onmouseover= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_My9JP2Tkr5sUh8o-3DmCgX03541mvSp30SltCJDSXsS7GoLETCPPLu4AYAOGHcz5ZBw73Sem3VLMBFJ9i_LDXnbrjFOSSB7BTuYqemTXp12SCMGhyLi-6KY0qzSPM15WHSNxq9aiyrrc/s1600/facebook.png';" onmouseout= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiORSV2UgUdXHKcAxZRculPAdrtwYPx2Di89KAeQ7JbIPtZW2oDNZFXSUmzr2zBmBGMpyVdVDJkAD_0Q9GHraEFkoyp2jM1FJUha3cRFwyqpLyGIqDEj9f1g3NDBoWKm4xM-0_NgvrPd4Bs/s1600/facebook.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiORSV2UgUdXHKcAxZRculPAdrtwYPx2Di89KAeQ7JbIPtZW2oDNZFXSUmzr2zBmBGMpyVdVDJkAD_0Q9GHraEFkoyp2jM1FJUha3cRFwyqpLyGIqDEj9f1g3NDBoWKm4xM-0_NgvrPd4Bs/s1600/facebook.png" name="facebook" border="0" width="64" height="82"/></a>
<a href=http://twitter.com/paulcrowepro onmouseover= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnaQVMJ6-BCiCTlrbY3y6FohifN45_jlL3esSBBCwOoGSmBkPBS3H9_GWXEthBzLifzxB2AVJCJUgBBrhJCcoYD-lxd5jZ0mZgzxlP0YyloNNUG_CgZTlP06XAdTXr6P8KDzEhWluCeZff/s320/twitter.png';" onmouseout= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWglHDSHXZKJK5dFa5tac33VNRzs7BZz0n4BMn3osD_Iw-cbwsev6kehmPmKkpGeGlYiWxQpT4lZKgIjrdiCVKmITyB2wW4vF49EOq7QuuaKURD-ImTimTtSzdZ3S0MK4NRr9_G_kvmxC/s1600/twitter.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWglHDSHXZKJK5dFa5tac33VNRzs7BZz0n4BMn3osD_Iw-cbwsev6kehmPmKkpGeGlYiWxQpT4lZKgIjrdiCVKmITyB2wW4vF49EOq7QuuaKURD-ImTimTtSzdZ3S0MK4NRr9_G_kvmxC/s1600/twitter.png" name="twitter" border="0" width="64" height="82"/></a>
<a href=http://feeds.feedburner.com/spiceupyourblog onmouseover= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoRJ814lw3hXAUCiGcnK-V35xqv_K5eI4UdM-KQBn8fsscm90hnSs8_IvkC6sne8KdGTntfFFncUseD3oAFiDO3oP8zLfBf_oqBAJCXC8qHDEZucfcFyE-YquV4b0ScUXebtCU80EcoWAc/s1600/rss.png';" onmouseout= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqnuBxGVF7KpQvx5YNqdgpfb3aRgjAQFbfe84_BfXJqqshoWVSOX5vTQ3PNIiRUbK_AVoXWkWUTMHc4AA1Z_eeA62v1coP_bkqLhzcMqbhhtJN_CGfBqwFeqcYs_8rN-cHfMZu7Vra-b5J/s1600/rss.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqnuBxGVF7KpQvx5YNqdgpfb3aRgjAQFbfe84_BfXJqqshoWVSOX5vTQ3PNIiRUbK_AVoXWkWUTMHc4AA1Z_eeA62v1coP_bkqLhzcMqbhhtJN_CGfBqwFeqcYs_8rN-cHfMZu7Vra-b5J/s1600/rss.png" name="rss" border="0" width="64" height="82"/></a><br/><a href="http://www.spiceupyourblog.com" target="_blank"><small>Blog Gadgets</small></a>

Note - Replace the highlighted URLs with the URLs for your Facebook, Twitter and Rss Feed.

Add Icons To Blogger Sidebar


Step 1. In your Blogger dashboard click > Design > Add A Gadget > Choose Html/Javascript Gadget :








Step 2. Copy and Paste the following code into the html/javascript gadget and save.

Sunday, 15 January 2012

image-and-colour-in-comment-in-blog



New Blogger Script Display Images And Colors In Comments



We do see many of them chats with shorten words, symbols, smileys and more to tell in short form. Now its a time of zero typing where image speaks a lot more than words. Let us imagine there is a colorful animated new year greeting post where you like to greet the author the same way.You know greeting pictures speak Louder than words,so you too created a splendor greeting picture for the blog author but the blog restrict you to post images. Then?

Of course, Blogger.com restrict the readers to post images in their comments column.We know It is possible to posts picture comment in wordpress blogs by adding just <img> tags. then what is the solution for the blogger's blogspot? Here I introduce new javascript which try to minimize the maximum extend of this restriction. and be aware of it that it doesn't work in script disabled browsers. 

How to add image?

This is just simple, you need to start with [im] and end with [/im] place your image address in between of it.Like This :

[im]http://domain.com/folder/sample.jpg[/im]


How to install?

This is the code

<a href='http://www.tvtvfree.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVjiYALwTCh60RqNFUoJfuTe9Xvt8bQq2Js5nENodrTNyplgrfaDFYfgpEeBGOM15jSddDWIiDHEvtGHvHXr-b0AwJXhsvPNRJzUR_gEjwYpUXomPJ4l7ZDQSxEZSDec4fqDgygjom90XS/s1600/best+blogger+tips.png'/></a><script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/><a href="http://www.tvtvfree.blogspot.com">Best Blogger Tips</a>

which you need to paste it before </body> in the source code of blogspot or any blogger's website.

That's it The Script take care of it, and don't forget to tell to your readers about picture comments.

What more ?

Do you need more colorful comments? then use :

[ma]....your text...[/ma]
for marquee effect i.e. running letters.

[co="red"]...your text...[/co]
for red colored text. you can change the color as your wish.You can try this code and add what you feel, if you agree.

Summary And Message Above Comments



Add The Script To Your Blog

Step 1. Click Design > Edit Html 





Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code 

</body>

Step 3. Copy And Paste The Following Code Directly Below / Under </body>

<script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/><a href="http://www.tvtvfree.blogspot.com">Best Blogger Tips</a>

-To add an image to a comment wrap it in [im][/im] like this :

[im]Image URL Here[/im]

-To Change Color Of Text In Comment Wrap It In [co="color"][/co] Like This :

[co="red"]Comment Text Here[/co] - Change Red To The Color You Want.

-To Add Marquee Text Wrap It In [ma][/ma] Like This :

[ma]Comment Text[/ma]

Add Message Above Comment Form


You will want to let your readers know the options so below i will show you how to add a message above the comment form.You can see the message we are adding on the demo.

Step 1. In your Blogger Dashboard click > Design > Edit Html > Expand Widget Templates :







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<p><data:blogCommentMessage/></p>

Step 3. Copy And Paste The Code Below Directly After <p><data:blogCommentMessage/></p>

<a href='http://www.tvtvfree.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVjiYALwTCh60RqNFUoJfuTe9Xvt8bQq2Js5nENodrTNyplgrfaDFYfgpEeBGOM15jSddDWIiDHEvtGHvHXr-b0AwJXhsvPNRJzUR_gEjwYpUXomPJ4l7ZDQSxEZSDec4fqDgygjom90XS/s1600/best+blogger+tips.png'/></a><b>Comment Options -</b> You Can Add Images, Colored Text And Marquee Text To Your Comment.<br/><br/><b>Image -</b> [im]Image URL Here[/im]<br/><b>Colors - </b>[co="red"]Comment Text Here[/co] - Change Red To The Color You Want.<br/><b>Marquee -</b> [ma]Comment Text[/ma]<br/><b>Get This -</b> <a href="http://www.tvtvfree.blogspot.com/2012/1/image-and-colour-in-comment-in-blog.html" target="_blank">Blogger Comment Script</a><br/>

Save Your Template and your readers will now know all the options they have.

submit-your-blog-in-latest-directories


20 Best Blog Directory And Rss Submission Websites
  1. www.dmoz.org - Has A Google Page Rank Of 8 And An Alexa Rank Of 455
  2. www.boingboing.net - Has A Google Page Rank Of 8 And An Alexa Rank Of 1,809
  3. www.blogs.com - Has A Google Page Rank Of 7 And An Alexa Rank Of 1,521
  4. www.mybloglog.com - Has A Google Page Rank Of 7 And An Alexa Rank Of 2,023
  5. www.blogs.botw.org - Has A Google Page Rank Of 7 And An Alexa Rank Of 4,521
  6. www.icerocket.com - Has A Google Page Rank Of 7 And An Alexa Rank Of 5,464
  7. www.bloggernity.com - Has A Google Page Rank Of And An Alexa Rank Of 31,324
  8. www.blo.gs - Has A Google Page Rank Of 7 And An Alexa Rank Of 42,729
  9. www.globeofblogs.com - Has A Google Page Rank Of 7 And An Alexa Rank Of 49,454
  10. www.alltop.com - Has A Google Page Rank Of 6 And An Alexa Rank Of 2,898
  11. www.blogged.com - Has A Google Page Rank Of 6 And An Alexa Rank Of 5,831
  12. www.blogpulse.com - Has A Google Page Rank Of 6 And An Alexa Rank Of 18,687
  13. www.bloggapedia.com - Has A Google Page Rank Of 6 And An Alexa Rank Of 29,085
  14. www.bloghub.com - Has A Google Page Rank Of And An Alexa Rank Of 43,274
  15. www.topofblogs.com - Has A Google Page Rank Of 5 And An Alexa Rank Of 14,313
  16. www.blogdigger.com - Has A Google Page Rank 5 Of And An Alexa Rank Of 27,776
  17. www.blog-directory.org - Has A Google Page Rank Of 5 And An Alexa Rank Of 58,534
  18. www.blogexplosion.com - Has A Google Page Rank Of And An Alexa Rank Of 33,776
  19. www.blogville.us - Has A Google Page Rank Of 5 And An Alexa Rank Of 71,287
  20. www.blogcatalog.com - Has A Google Page Rank Of 4 And An Alexa Rank Of 1,108

Phew - You should take the time out to submit to all the sites in the list, it would be a well spent 20 minutes.Make sure to check out more of our Top Lists and SEO Tips for your blog.Have i missed one ? if you know a Free Blog Dictory or Rss Feed submission ranked higher than those in the list let us know