May 31, 2009

Customize Blockquote In Your BlogSpot Blogs

First of all, if you don't know what a <blockquote> tag is, then edit any of your previous posts and add this code to it (anywhere in the post):
<blockquote>I am learning about blockquotes</blockquote>
Save the post, and check it out.
You will see that the text "I am learning about blockquotes" is separated from your regular content. At BloggerStop, you would have seen these blockquotes a number of times as gray text boxes, just like the one above.

These boxes are mainly used to quote some text/part of content from other webpage. You can easily modify your blog's template, to change their look.
Read More

Add a Search Box to Your Blog (Header)

This Post is requested by Kpopster-kith from KPopSites.

One of the important widgets in a blog is of course a search box, you may leave the archive widget, but do not miss a search box. With increasing number of posts, it is of course not possible for your readers to find a post from the never ending list in your blog archive, in that case only a search box can help them to find what they want.
According to my own blog statistics, out of every 500 page impressions at least 50 impressions belong to internal blog search.

Adding a search box to your blog is very easy. Simply go to Layout and click on Add a Gadget, and select it as Search Box.
But just in case you want to edit/modify the search box, then you should better add it as an HTML element.

So go to Blogger -> Layout -> click on Add a Gadget and select it as HTML/JavaScript

and paste this code in to it:
<div>
<form action='http://bloggerstop.net/search' id='searchthis' method='get' style='display:inline;'>
<span>Search This Blog</span>
<input id='b-query' maxlength='255' name='q' size='20' type='text'/>
<input id='b-searchbtn' type='submit' value='Search'/>
</form>
</div>
NOTE: Replace the code in RED with your blog's address. You may customize the widget by modifying the text in BLUE.
That's it save the widget.



In case you want to display the search box in the Header region, just like BloggerStop, follow these instructions:

Log in to Blogger -> Layout -> Edit HTML and mark the 'Expand Widget Templates' box.
Now find (CTRL+F) this:
#header {
.....
.....
.....
}
And immediately BELOW/AFTER it, paste this code:
#header .searchbox {
text-align:$endSide; //$endSide = Right & $startSide = Left
margin: 25px; // Distance from right or left side
}

Now search these lines:
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>

Add the blue code BELOW it, like this:
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
<div class='searchbox'>
<form action='http://bloggerstop.net/search' id='searchthis' method='get' style='display:inline;'>
<input id='b-query' maxlength='255' name='q' size='20' type='text'/>
<input id='b-searchbtn' type='submit' value='Search'/>
</form></div>
That's it, save the widget and let your visitors freely roam around your blog !
Read More

Submit Your Blog's Sitemap To BING, Yahoo, MSN, Ask, and of course Google !

A detailed tutorial on how to submit your blog's sitemap to Google has already been published on BloggerStop.
Although for most of the bloggers Google is the main source of traffic among all the search engines, but it doesn't mean that you can ignore other search engines like Yahoo, MSN Live and Ask.com

In case of Google, once you submit the sitemap, the process is quite automated and Google starts indexing your blog frequently. But for Yahoo, MSN and Ask you have to manually ping them occasionally. So here's what you have to do to submit your sitemap to these lazy Search engines:

Copy and paste your sitemaps in a text file:
1. http://bloggerstop.net/atom.xml
2. http://bloggerstop.net/rss.xml

Remember to replace the text in blue with your own blog's url.

Now in the address bar of your Internet browser (IE, Firefox, Opera etc.), paste these lines one by one and hit enter:

Submit Sitemap to Yahoo! :
http://search.yahooapis.com/SiteExplorerService/V1/updateNotification?appid=SitemapWriter&url=http://bloggerstop.net/atom.xml?redirect=false

http://search.yahooapis.com/SiteExplorerService/V1/ping?sitemap=http://bloggerstop.net/atom.xml?redirect=false

Submit Sitemap to Windows Live:
http://webmaster.live.com/ping.aspx?siteMap=http://bloggerstop.net/atom.xml

Submit Sitemap to Ask.com:
http://submissions.ask.com/ping?sitemap=http://bloggerstop.net/atom.xml

NOTE: Change the links in RED, with your own Sitemaps (and instead of atom.xml you may use rss.xml too).

Although Yahoo! doesn't guarantee to include your blog in to it's directory, but of course there's harm in pinging it once in a while...

Image credits: Dellustrations

*UPDATE: Now you may also submit your blog's sitemap to BING, along with your blog's url:
www.bing.com/webmaster/ping.aspx?siteMap=http://bloggerstop.net/atom.xml
Read More

Google Loves BloggerStop.Net

For the last few months, BloggerStop.Net was appearing in the suggestions list of Google:
Thanks to all my visitors and most importantly the regular readers of this blog to constantly encouraging me to maintain this blog with my full potential that finally any search for BloggerStop on Google shows SiteLinks below the homepage results:
Along with the backlinks, one hack that I am quite sure has helped me in achieving this is 'removing the duplicate meta tags and titles issue'
Read More

May 30, 2009

Add An MP3 Music Player To Your BlogSpot Blog

Demo of the player is a floating bar at the bottom of this page

Songs used in Demo (autoplay enabled):
1. Airtel Theme
2. Hutch Ringtone

The previous embeddable MP3 player discussed on BloggerStop had many limitations and was quite complicated in terms of customizing it.

So this tutorial will help you to add a customized music player and create your own playlist. The first 2 steps of this tutorial will let you add the songs to your blog (Repeat these steps whenever you want to add more songs to your blog/posts), and step #3 will add a floating MP3 player to your blog.
Read More

Add ToolTip (On Hover Text) To Your Blog/Website

Tooltip in simple terms is a text-box which is displayed over a hyperlink, when you hover your mouse cursor on the link.
These tooltips are used to briefly give the information about the target page.

See ToolTip in action here: ToolTip For Blogger

To add similar tooltips to your blog, follow these instructions:

Log in to Blogger, go to Layout -> Edit HTML, and find(CTRL+F) this:
</head>
And immediately ABOVE/BEFORE it, paste this code:
<!--TOOLTIP-STARTS-->
<style type='text/css'>
a{
z-index:10;
}
a:hover{
position:relative;
z-index:100;
}
a span{
display:none;
}
a:hover span{
display:block;
position:absolute;
float:left;
white-space:nowrap;
top:-2.2em;
left:.5em;
background:#fffcd1;
border:1px solid #444;
color:#444;
padding:1px 5px;
z-index:10;
}
</style>
<!--TOOLTIP-STOPS-http://bloggerstop.net-->
You may modify the code in red as per your wish and then save the template.

And now onwards, add code similar to this to any link, if you want to display tooltip over it.
<a href="#">Link-Title <span>Hidden-Tooltip</span></a>
Credits: CssGlobe
Image credits: Hogki.at
Read More

May 29, 2009

Show File Icons In Front Of Links Through CSS

Here's a simple CSS code to show specific type of file-icons in front of those links.
See this hack in action at: PoolieStudios [code author]
This hack automatically detects the type of link (file) and then shows the specific icon in front of that link, so you don't have to include any "class" in the <a> tags.
I have uploaded the icons used in the code to TinyPic.com, you may use the same links or you may upload them to any other image host too.

Follow these instructions to show those icons in your blog:
Log in to Blogger, go to Layout -> Edit HTML -> find (CTRL+F) this code:
</head>
And immediately ABOVE/BEFORE it, paste this code:
<style type='text/css'>
/* Iconize 0.5 */

/* websites (pictures and movies) */
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] {
padding: 5px 20px 5px 0;
background: transparent url(http://i42.tinypic.com/1z1vejk.jpg) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] {
padding: 5px 20px 5px 0;
background: transparent url(http://i39.tinypic.com/5minvr.jpg) no-repeat center right;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i43.tinypic.com/33mv0ab.jpg) no-repeat center right;
}

a[href$='.txt'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i41.tinypic.com/jaup7q.jpg) no-repeat center right;
}

a[href$='.xls'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i41.tinypic.com/9pvndy.jpg) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i44.tinypic.com/outtn8.jpg) no-repeat center right;
}

a[href$='.opml'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i40.tinypic.com/3151x14.jpg) no-repeat center right;
}

a[href$='.phps'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i43.tinypic.com/do87jp.jpg) no-repeat center right;
}

a[href$='.torrent'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i43.tinypic.com/2vttwdf.jpg) no-repeat center right;
}

a[href$='.vcard'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i43.tinypic.com/2s0xq8i.jpg) no-repeat center right;
}

a[href$='.exe'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i40.tinypic.com/2e2jmn7.jpg) no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i44.tinypic.com/1zu35j.jpg) no-repeat center right;
}

a[href$='.pps'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i41.tinypic.com/16c9wuo.jpg) no-repeat center right;
}

a[href$='.pdf'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i41.tinypic.com/28am90y.jpg) no-repeat center right;
}

a[href$='.xpi'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i39.tinypic.com/353331s.jpg) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i41.tinypic.com/514hhi.jpg) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i42.tinypic.com/290yez6.jpg) no-repeat center right;
}

a[href$='.ical'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i39.tinypic.com/25qyt5v.jpg) no-repeat center right;
}

a[href$='.css'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i40.tinypic.com/2yo5zzm.jpg) no-repeat center right;
}

a[href$='.ttf'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i42.tinypic.com/14lo29.jpg) no-repeat center right;
}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i39.tinypic.com/5minvr.jpg) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i42.tinypic.com/1z1vejk.jpg) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] {
padding: 5px 20px 5px 0;
background: transparent url(http://i39.tinypic.com/w2hq2a.jpg) no-repeat center right;
}

/* messenger */
a[href ^="aim:"] {
padding: 5px 20px 5px 0;
background: transparent url(http://i43.tinypic.com/qq94hs.jpg) no-repeat center right;
}

a[href ^="msnim:"] {
padding: 5px 20px 5px 0;
background: transparent url(http://i40.tinypic.com/2qu43l2.jpg) no-repeat center right;
}

a[href ^="xmpp:"] {
padding: 5px 20px 5px 0;
background: transparent url(http://i41.tinypic.com/2mqj2pi.jpg) no-repeat center right;
}

a[href *="icq.com"] {
padding: 5px 20px 5px 0;
background: transparent url(http://i43.tinypic.com/2eehphu.jpg) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] {
padding: 5px 20px 5px 0;
background: transparent url(http://i41.tinypic.com/20py7g5.jpg) no-repeat center right;
}

a[href ^="callto:"] {
padding: 5px 20px 5px 0;
background: transparent url(http://i42.tinypic.com/15foodv.jpg) no-repeat center right;
}

a[href ^="skype:"] {
padding: 5px 20px 5px 0;
background: transparent url(http://i42.tinypic.com/2mcuif.jpg) no-repeat center right;
}

a[href ^="gg:"] {
padding: 5px 20px 5px 0;
background: transparent url(http://i43.tinypic.com/r1il3a.jpg) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
padding: 5px 20px 5px 0;
background: transparent url(http://i40.tinypic.com/6tjrrb.jpg) no-repeat center right;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
padding-right: 0px !important;
background: none !important;
}
</style>

Of course you do not have to use all of them, neither is their any restriction to use any additional file types.
So if you have got an idea how to include new file extensions with corresponding image-icons then feel free to include them.
You may download and use these additional icons, from
1. DeviantArt
2. FreeIconsDownload
3. FreeIconsWeb
Read More

May 28, 2009

Google Page Rank Updated [May 2009]

Google Page Rank [the visible toolbar rank], an important benchmarking criteria for most of the bloggers and websites has just been updated for BloggerStop.Net and is being updated for many other blogs.
BloggerStop.Net has just crossed level 3 and entered level 4 on the scale of 10. I am Quite happy with these results, as from PR4 it is considered as Medium level PR range.

Although most of the PR checking tools allows to check Ranks of individual pages, but here's a simple method to check Google PageRank of all pages of any website/blog at the same time:
Check PR of all pages of a website.
Read More

May 26, 2009

Hot Orange Blogger Template


The Template is Designed by BloggerStop.Net and it is inspired by the work of Hot Orange T.

*Update: I just came to know that this template is listed at Mashable's Top 12 Stunning WordPress Themes

To show the "Advertise Here" 125x125 ad-spots, read this post: Add 125x125 ad-spots to Blogger.

Instructions: How to change Blogger Templates

If you want to improve it further, and make it more search engine friendly, then see these blogger tips and tricks

Read More

Add 125x125 Ad Slots To Your Blogger/BlogSpot Blog


Presently 125x125 ad-spots are the most famous ad dimensions in the blogosphere. For both publishers and advertisers these dimensions are perfect to display text & pictures attractively and at the same time these ads do not interfere much with the blog's content.
So if you are too planning to sell some place on your blog with these 125x125 ad spots, then follow these simple instructions:
Although many bloggers place and control these ad-spots through CSS but I am using simple HTML tables, so as to keep the process simple and so that you can easily customize it later.

STEP 1:
Log in to Blogger, go to "Layout", and click on "Add a Gadget" -> select it as "HTML/JavaScript".
Paste this code into the HTML box:
<center><table border="0"><tr>
<th width="126" height="126" align="center"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></th>
<th width="126" height="126" align="center"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></th>
</tr><tr>
<td width="126" height="126" align="center"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></td>
<td width="126" height="126" align="center"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></td>
</tr></table></center>
The code in blue represents "no. of columns" (2 blue lines=2 columns) and code in purple represents "no. of rows" (2 purple lines=2 rows).

STEP 2:
Save the widget.

STEP 3:
As soon as an advertiser approaches you, replace the links in RED in the code above with the new ads.

TIP: Instead of showing all 4 banners as "Advertise Here", it is better to use 2 or 3 of them to show any affiliate ads and keep the last one as "Advertise Here" banner.

You may use any of these "Advertise Here" banners:


This tutorial was requested by Mohammad Mustafa Ahmedzai from TNT-by-STC.
Read More

May 18, 2009

Best Way To Share Files And Pictures On Your Blog


I have been using Box.net for quite some time now and I found their widget really unique and an innovative way to share files online. You can easily create any number of widgets (boxes) each uploaded with as many files as you want (but limited to 1GB per 1 free account).
Not only they allow you to easily add and delete files from the boxes (and embed these boxes anywhere on the web), but you may even invite your friends to upload files to the boxes from their PCs.

The boxes are displayed using Flash, and allow your visitors to download files without leaving your blog (almost like direct-links).
You may even use these widgets to create slide-shows with your own images. Moreover you can set any of the boxes as private or public (this allows you to share files contained in it).

Have a look on the demo below:


Check out their features and add-on services (requires login).
Read More

May 17, 2009

A Pictorial Related Posts Widget For Blogger Blogs

Both pictures and related posts widget are very important for a blog.
Pictures do speak a thousand words and they express your thoughts in a better way. And related posts will of course show more options to your readers and thus they stay longer on your blog.
So a perfect mixture of these two will definitely help you to build a more successful blog.

Pictorial Related Posts Widget For Blogger/BlogSpot Blogs

Moreover this widget overcomes another problem in the previous related posts widget, which used to show only the latest related posts. But this widget crawls all your blog and then randomly selects the related articles.

There are no ads in the widget and you do not even have to register in their website to use the widget.
Simply visit LinkWithin, enter the details, click on "Get Widget". In the new page, click on Install Widget button, and the widget will be ready for your blog.

Although there are some limitations in the widget, like you cannot customize it, but as they say and I have experienced too, the widget does get blend in to your blog easily.
Presently I am using this widget along with the previous widget, and I already have noticed many clicks through the widget.

I would recommend you to try this widget for at least a week.
NOTE: As the widget is based on JavaScript, so it will take some to load in your blog.
Read More

May 15, 2009

Automatic Read More Hack For Blogger

Although this tutorial will allow you to truncate the post wherever you want (i.e. you can show/hide several parts of the post with this hack), but being a javascript based hack, this method is not SEO friendly. If you want to use a SEO friendly post-truncating method on your blog, then kindly read this post.

Here's a multi-purpose and quite awaited Blogger Hack.
This is for all those bloggers who are looking for a hack, which adds "Read More..." expandable link automatically to all their posts (whether the posts are new or old).

Read More Hack For Blogger


You have to specify the number of characters after which the post will be truncated. If you select it as 500, then all your posts in the home page will show only first 500 characters.
And moreover this hack has already been modified to show the first image from the post, as a thumbnail along with the truncated post.

I called this hack as multi-purpose, because through this hack you not only add the "Read More" tag to your posts, but it also optimizes your "Archive pages" (Feb 2008, Oct 2008, etc.) for search engines and also for your readers.

NOTE: In the previous "Read More" hack, you have the control over your posts (to hide/truncate different posts at different lengths). But once you apply this hack, all your posts will be of equal length.

Instructions to follow:

STEP 1:
Log in to Blogger, go to Layout -> Edit HTML, and mark the Expand Widget Templates box.

Now find (CTRL+F) this in the template code:
</head>
And immediately ABOVE/BEFORE that, paste this code:
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/read-more_auto2.js' type='text/javascript'/>
You may change the numbers in blue, as per your wish. If a post doesn't have images then the length of the summary will be 500.
If a post contains image, then text length will be 450, and the first image that will be displayed will have these dimensions:
width= 120, and
height= 100.

STEP 2:
Now again in the template, find (CTRL+F) this:
<data:post.body/>
Then REPLACE that line, with this code:

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/><b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/><b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div><script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");</script>
<div style='clear: both;'/>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read More... <data:post.title/> </a></span></b:if></b:if>

Save the template and make your readers and search bots happy !


NOTE: Although the JavaScript file has already been uploaded and linked in the code in STEP #1, but as a backup I suggest you to download and save a copy of it:

BackUp - STEP 1:
Download this file: read-more_auto.js

Download Link

BackUp - STEP 2:
Upload the file to
MyDataNest (Recommended),
NOTE: Edit & save the folder properties at your MyDataNest account as "Hidden" and NOT as "Private".
And copy the DIRECT LINK to the file.

Credits: VietWebGuide
Read More

May 13, 2009

Add AutoHiding Social Bookmarking [Sharing is Sexy/Caring] Widget To Your Blog

As already discussed here in this blog, social networking buttons widget is a must for blogs and moreover you must be very creative while adding these buttons.
To make your work easier, here's an attractive bookmarking widget, that by default partially hides the buttons and shows them only when a visitor hovers his mouse-cursor over the icons.
Screen-Shot:

So have a look on this widget, designed by Eight7Teen [Live Demo]

To add this widget to your blog, follow these instructions:

Step 1:
Log in to Blogger, go to Layout -> Edit HTML and mark the "Expand Widget Templates" box.

Step 2:
Now find (CTRL+F) this in the code:
</head>
And immediately BEFORE/ABOVE it, paste this code:
<!--HIDDEN-BOOKMARKS-STARTS-->
<style type='text/css'>
div.beauty-bookmarks {
height:54px;
background:url('http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/sharingsexy.png') no-repeat left bottom;
position:relative;
width:540px;
}

div.beauty-bookmarks span.beauty-rightside {
width:17px;
height:54px;
background:url('http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/sharingsexy.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.beauty-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.beauty-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.beauty-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}

.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {
background:url('http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/sexysprite.png') no-repeat !important;
}

.beauty-furl {
background-position:-300px top !important;
}
.beauty-furl:hover {
background-position:-300px bottom !important;
}
.beauty-digg {
background-position:-500px top !important;
}
.beauty-digg:hover {
background-position:-500px bottom !important;
}
.beauty-reddit {
background-position:-100px top !important;
}
.beauty-reddit:hover {
background-position:-100px bottom !important;
}
.beauty-stumble {
background-position:-50px top !important;
}
.beauty-stumble:hover {
background-position:-50px bottom !important;
}
.beauty-delicious {
background-position:left top !important;
}
.beauty-delicious:hover {
background-position:left bottom !important;
}
.beauty-yahoo {
background-position:-650px top !important;
}
.beauty-yahoo:hover {
background-position:-650px bottom !important;
}
.beauty-blinklist {
background-position:-600px top !important;
}
.beauty-blinklist:hover {
background-position:-600px bottom !important;
}
.beauty-technorati {
background-position:-700px top !important;
}
.beauty-technorati:hover {
background-position:-700px bottom !important;
}
.beauty-myspace {
background-position:-200px top !important;
}
.beauty-myspace:hover {
background-position:-200px bottom !important;
}
.beauty-twitter {
background-position:-350px top !important;
}
.beauty-twitter:hover {
background-position:-350px bottom !important;
}
.beauty-facebook {
background-position:-450px top !important;
}
.beauty-facebook:hover {
background-position:-450px bottom !important;
}
.beauty-mixx {
background-position:-250px top !important;
}
.beauty-mixx:hover {
background-position:-250px bottom !important;
}
.beauty-script-style {
background-position:-400px top !important;
}
.beauty-script-style:hover {
background-position:-400px bottom !important;
}
.beauty-designfloat {
background-position:-550px top !important;
}
.beauty-designfloat:hover {
background-position:-550px bottom !important;
}
.beauty-syndicate {
background-position:-150px top !important;
}
.beauty-syndicate:hover {
background-position:-150px bottom !important;
}
.beauty-email {
background-position:-753px top !important;
}
.beauty-email:hover {
background-position:-753px bottom !important;
}

</style>
<!--HIDDEN-BOOKMARKS-STOPS-http://bloggerstop.net-->

NOTE: To show the phrase "Sharing Is Caring" instead of "Sharing Is Sexy", edit the above code like this:
Replace the text highlighted in BLUE color, i.e. instead of left bottom and right bottom use left top and right top.

Step 3:
Now find this in the code:
<data:post.body/>
And BELOW/AFTER that, paste this code:
<b:if cond='data:blog.pageType == "item"'>
<div class='beauty-bookmarks'>
<ul class='socials'>
<li class='beauty-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='beauty-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='beauty-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='beauty-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='beauty-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='beauty-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='beauty-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='beauty-twitter'><a expr:href='&quot;http://twitter.com/home/?status=Chk Out-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank'/></li>
<li class='beauty-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='beauty-syndicate'><a href='http://feeds.feedburner.com/bloggerstopnet' title='Subscribe to RSS'/></li>
<li class='beauty-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
</ul>
<span class='beauty-rightside'/></div>
</b:if>
You may of course remove any button code, if you do not want to show it.

Now save the template.

That's it. Now just write some good posts worth bookmarking ;)

via CssReflex
Read More

May 11, 2009

Winners Declared - It's Party Time !

Here are the winners of the contest held at BloggerStop.Net

1st - Rosa
2nd - Levy 3rd - Sherry


Rosa won the First Prize - Robot Dog Shaped Web Cam (ScreenShot |Prize|Results|)
Levy won the Second Prize - Universal TeleVision Remote (ScreenShots |Prize|Results|), and
Sherry won the third prize - Cell Phone Leather Cover (Maximum Entries in the contest |Prize|)
A special fourth prize to ~eMeFZee~ - 125x125 ad spot banner at BloggerStop.Net (first participant & commentator in the contest)

Once again thanks to our sponsors - BudgetGadgets.com for the great prizes!
If you are looking for any gadget within any budget, then BudgetGadgets is the right place to visit. Their website has thousands of gadgets and accessories for your gadgets, well categorized according to price and type of products. Gadgets start from as low as $0.5 and the best part of it is that the shipping of the products is completely free too. So just have a quick look at their website and FAQ section for more details about them.

And other than these 3 prizes, BudgetGadgets.com has decided to give special discount coupons (5% off on any product) to all the readers of this blog. Simply open an account at BudgetGadgets and contact them through Twitter [@BudgetGadgets] with your user-id to get your free coupon.

Congrats to all the winners...
Read More

May 10, 2009

A Simple Dock Menu (FishEye Menu) For BlogSpot Blogs

Similar to the previous dock menu, explained a few weeks back, here is another great widget for your blogspot blogs (will work in blogs based on any other platform too).
A fisheye-menu/dock menu is a menu with pictorial menu items which zoom on mouse-hover, and are linked to different web pages.


Check out the widget in action: Fish Eye Menu

As positioning the previous widget was somewhat confusing for most of the bloggers, so I found this one at MarcGrabanski, which can easily be placed at any location in the blog with simple HTML widgets.

Remember to subscribe to this blog, for more such great widgets and hacks.
Read More

May 8, 2009

Win Big - Web Cam and TV Remote at BloggerStop

Finally the contest at BloggerStop is ON. The prizes include a cool robot dog shaped web cam, a universal TV remote and one black leather cover for your mobile phone.

First Prize:

Robot Dog Shaped Web Cam

Second Prize:

Universal TeleVision remote

Two winners will be selected by Random (Random.Org)

The more you participate the more will be the chances to win.

Earn Your Entries Now!

Compulsory:
Visit BudgetGadgets.com(sponsors) and simply name the product you liked the most in any of the categories as a comment here. [3 entries]

More ways to gain entries:
1. Write about this contest at your blog and link to this blog (http://bloggerstop.net) and the sponsors - BudgetGadgets (http://budgetgadgets.com) (do not use rel="nofollow" tags while linking) [10 entries]
You'll get more entries {10 X no. of posts} for posting about the contest in different blogs
2. Review the website - BudgetGadgets.com in your blog. [5 entries]
NOTE: Multiple entries are allowed.
3. Write about this contest in any of the online-forums. [5 entries]
NOTE 1: The posting should be in the correct category in the forum, and should not be deleted before the contest ends.
NOTE 2: If any of the participant mentions your name as the referrer, then you'll get 5 additional entries while the new participant gets 3 additional entries.
4. Subscribe to this blog: [3 entries]

Enter your email address


5. Add these banners to your blog.
Banner 1 (dimensions 468 X 210): [5 entries]
Link To Banner
Code:


Banner 2 (dimensions 360 X 360): [3 entries]
Link To Banner
Code:


Banner 3 (dimensions 125 X 125): [2 entries]
Link To Banner
Code:


6. Add BloggerStop.Net to your Technorati Faves [2 entries]
7. Add this post Del.icio.us [2 entries]
8. Follow this blog, using Google Friend Connect (Widget at bottom of the page) [3 entries]
9. Follow @BloggerStop and @BudgetGadgets at Twitter [3 + 3 entries]

10. ReTweet about the contest. [2 entries]
Retwt dis msg:
Win a Robot-Dog Web Cam, TV Remote, Black Leather Mobile Cover at http://BloggerStop.Net (http://is.gd/sy87) RT @BloggerStop

NOTE: Multiple retweets are allowed, but limited to 5 tweets per day (and only 1 tweet per hour). Send the links of all tweets to me (as a comment here) at the end of the contest, to add them to your entries.

First Special Prize:

And the third prize (cell phone leather cover), is for the one who earns maximum entries during the contest period (although luck doesn't play any role here, but just in case two people score the maximum number of entries, then there will be a lucky draw between the two).
TIP: If you are competing for this prize, then check on the last day if you are still the one with maximum entries.

Second Special Prize:

If the last commenter is a member of Entrecard, then s/he will win 2,500 credits from Bikes.BloggerStop.Net
NOTE: You can make multiple comments, to be the last commenter, but make sure you are eligible for competing.

Contest Ends On 8th May, 2009 [11:59 P.M.] [GMT]
And the winner will be announced on 10th May

Comment in this Format:
Fav. Product: [category]

Blog Post: Link1, Link2 etc.
Referrer:
Review: Link1, Link2, etc.
Forum posts:
email used to subscribe:
banner(s) at:
Technorati profile:
Del.icio.us profile:
Google friend connect profile:
Twitter updates:
Tweets:

Total Entries:
NOTE 1: All entries will be finalised by me.
NOTE 2: In case of multiple entries, use the same username/profile while commenting and mention only the additional tasks completed by you.

NOTE 3: The contest to is open for everybody, moreover shipping of the prizes will be done for free!

A Big Thanks to the the sponsors - BudgetGadgets.com, and
Good luck to all participants !
Read More
Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy