August 31, 2009

The Best Random Posts Widget For Blogger Blogs

Although "Related Posts Widget" and "Popular Posts Widget" are important for all types of blogs, but in blogs where almost all the posts are similar (like blogs with articles on recipes, money-making, computer tricks or automobiles etc.), visitors usually do not mind reading some quite-unrelated posts too. So along with Related Posts widget, a "Random Posts widget" on your blog will help you to increase the number of page impressions.

Adding a Random posts widget is very easy...
Simply log in to Blogger, go to Layout, click on "Add a Gadget", and select it as "HTML/JavaScript" type.

And finally paste this code in to it:
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
Edit the code shown in 'red' to change the number of posts being displayed in the widget.
Now save the widget, and place it somewhere so that it is clearly visible to the visitors !


Thanks to Blog Godown for this widget. Visit this blog to display the same widget along with summaries.
Image credits: AndApps
Read More

August 30, 2009

7 Free Blog Headers | Theme - Nature |

Free header images for your blog/website:
All these images are available in 1000x200 resolution. You are free to use them in either your personal or commercial projects. Attribution/link back is not necessary but definitely appreciated. But you are not allowed to distribute these images directly as header images from any other blog/website. If you want to share these images, then kindly link to this post.

Header images included in the pack:

Click Me
Read More

August 26, 2009

Show Selected Labels In Animated Blogger Flash Tag Cloud

Party is over and it is now time to unpack the gifts. So here comes your first gift from Blogger:
Official Tag Cloud Widget with additional options to display limited & selected labels and to show labels according to frequency instead of alphabetically.

May be you are not impressed by this one, as you already have the animated flash tag cloud embedded in your blog. BUT WAIT!
There's something for you too...

Many of you requested an easy way to remove unwanted labels from the animated tag cloud, and that is exactly where this new feature will help you.

Once you have added the animated tag cloud, you will see an additional widget (labels widget) in the Layout -> Page Elements page. So click on the "Edit" link of this widget.


Then in front of "Show" option mark the radio button "Selected Labels", now click on the small "edit" link and un-mark the labels which you want to remove from the tag cloud, and finally save it.


If you want to edit or completely remove any of your labels, then read this post.

Image credits: NotizBlog
Read More

August 25, 2009

Add Emoticons To Your Tweets

If you press "ALT" + "3" (type number from the numeric key section of your keyboard - extreme right) simultaneously, then a small heart will form, like this ♥. Similarly "Alt" + "1" + "4" will form a musical note - ♫. In Twitter you cannot embed images while tweeting, but you can certainly use these emoticons in your tweets.
Complete list of symbols and their shortcuts here:
1. Special Alt Characters 1
2. Special Alt Characters 2

But that's not all, check out these new and innovative characters developed by The Next Web Blog which include a telephone, plane, chess characters, moon, umbrella, snow-man and many more symbols. You can make some really funny and attractive tweets using these symbols, like:
I’m going to ✈ to ☭ in the morning after I make a ☎ to make sure my ♂ is ✔ with it. ✌ for now and don’t forget to ✍ and lets have ♨ soon!


From this page (TheNextWeb) drag the highlighted link (TwitterKeys) to your browser.


While tweeting click that link and a small pop-up window with those symbols will appear. And you can copy and paste these symbols into your tweets.Also,

Create a Twitter Look-Alike Logo


To create a logo like this for your blog:

visit Twitlogo.com
Read More

August 24, 2009

Content Copied or Stolen? - Protect Your Blog !

I asked God for a bike, but I know God doesn't work that way. So I stole a bike and asked for forgiveness.
It does hurt a lot to see our own content on some other blog without a link/attribution to the original author. This is called plagiarism or simply content theft.
The content of a blog is supposed to be shared with others, so there's no point in hiding it. But once you publish an article it is almost impossible to protect the images/content from the content thieves.
The previous article on BloggerStop will help you in protecting your images displayed on your blog (at least your images will be safe from the novice sploggers). Protecting the text/content is not so easy. But we must try our best to resist it.
First of all, you should copyright whatever you publish on your blog. This is not limited to having a copyright symbol on your blog, but you should properly register your blog and blog-posts. For this purpose I found MyFreeCopyRight as the best free copyrighting service. It gives a unique copyright number to you, and registers each and every blog-post you publish (with date and time of publishing).
MyFreeCopyright Logo Image

If the blog, where your content is being copied, is a .Blog*Spot.com (Blogger) blog, then you must report it to the Blogger Team via this page: Report spam blogs to Blogger.

Google has already updated it's algorithm to find the source of articles and to remove duplicate content from its index. So if an article from your blog is copied, then according to Google, in Google search results your blog will still appear above the plagiarized article. But being a computer algorithm exceptions are also possible.

Read these two articles from BlogHerald and VirtualHosting on fighting plagiarism:
1. Reporting Blog Content Thieves
2. 100 Tips to Defeat Content Thieves

And if the sploggers (spam blog authors) are still not responding to you, then give them some free publicity by adding a "non-linked content thieves widget in your blog".

Image credits: PerpTurkey
Read More

Protect Your Images From Being Copied

The usual way of displaying images in a blog post/widget is very easy but these images can be stolen or copied easily too. Even a novice user can simply right click on an image to save it on to his computer, which is eventually passed on to others and finally appears in some other blog, website or magazine.


Most common reasons/ways of stealing images:
1. From Google Image Search
2. By Right Click -> "Save Image As..."
3. By Copying image address from "Page Source"

Methods To Protect Your Images:

Methods you should not use:
1. Watermarks spoil the overall look of the images, so I will not suggest you to use big watermarks over the images, unless you are selling the images from your blog/site (where only a thumbnail of the image is shown with a watermark on it) [Like This One].

2. Disabling right click is one of the 'infamous' methods as the pop-ups doesn't look nice.

Methods You Should Use:
METHOD #1
By using JavaScript encryption you can not only protect your images, but many other html widgets too: Read more about html encryption here.
Because of this encryption, nobody can find your image address from the page source.

METHOD #2
The other famous method to protect you images from getting stolen is to use CSS instead of pure HTML. Although even in this case, images can be easily stolen (by taking screenshots and editing them), but because of the lengthy process most of the content thieves will definitely drop the plan of taking pictures from your blog. This technique will also protect your images from getting indexed and shown in Google image search results.

So instead of using a code like this;
<a href="http://bloggerstop.net"><img src="http://i49.tinypic.com/19p9ad.jpg"/></a>

Use this code:
<div style="background:url(http://i49.tinypic.com/19p9ad.jpg);width:300px;height:200px;">
<img src="http://i49.tinypic.com/ol2tg.png" width="300" height="200"/><span style="float:left;color:white;margin-top:-200px;"> © Your_Blog</span></div>

Try saving the image below (protected by the CSS method):


© Your_Blog

NOTE: Remember to change the width and height attributes according to the image you are using (at four places in the code above). Also the margin-top attribute should be equal to the height of the image.

The above image is immune against these methods:
1. Right click and "Save Image As..." or "View Background Image"; because the original image is being used as a background image (by CSS) and on top of it another TRANSPARENT image is being used [code highlighted in BLUE], so if anyone tries to save this image (or copy the image address) he will be surprised to see a blank image instead of the one he actually wanted.

2. The image will not be indexed by Google, so it will NOT appear in Google Image Search.

But, of course you can get it from the page source. (so read the next method)

METHOD #1 + Method #2 = Best Protection Method
So presently try a combination of the CSS method and HTML encryption described above, to show & protect your images on the web.

So finally, after HTML encryption of the code from METHOD #2, we get this code:
<Script Language='Javascript'>
<!--
document.write(unescape('%3C%63%65%6E%74%65%72%3E%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%62%61%63%6B%67%72%6F%75%6E%64%3A%75%72%6C%28%68%74%74%70%3A%2F%2F%69%34%39%2E%74%69%6E%79%70%69%63%2E%63%6F%6D%2F%31%39%70%39%61%64%2E%6A%70%67%29%3B%77%69%64%74%68%3A%33%30%30%70%78%3B%68%65%69%67%68%74%3A%32%30%30%70%78%3B%22%3E%0A%3C%69%6D%67%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%69%34%39%2E%74%69%6E%79%70%69%63%2E%63%6F%6D%2F%6F%6C%32%74%67%2E%70%6E%67%22%20%77%69%64%74%68%3D%22%33%30%30%22%20%68%65%69%67%68%74%3D%22%32%30%30%22%2F%3E%0A%3C%73%70%61%6E%20%73%74%79%6C%65%3D%22%66%6C%6F%61%74%3A%20%6C%65%66%74%3B%20%6D%61%72%67%69%6E%2D%74%6F%70%3A%20%2D%32%30%30%70%78%3B%22%3E%20%A9%20%59%6F%75%72%5F%42%6C%6F%67%3C%2F%73%70%61%6E%3E%0A%3C%2F%64%69%76%3E%0A%3C%2F%63%65%6E%74%65%72%3E'));
//-->
</Script>

Now this code has all the benefits of METHOD #2 and moreover the image address is also not visible in the Page Source.

Prevent your images from appearing in Search Engine Image search (or simply Google Image Search):
Use this meta tag in the <head> region of your template:
<meta name="robots" content="noimageindex"></meta>


Finally, read some more tricks to "protect your images" and "why you CANNOT protect your images" !!!

Image credits: OCAL-Coredump
Read More

August 23, 2009

Style Your Images Using Simple CSS


We know that images are necessary for blogs to make the posts attractive. But rather than simply adding images in your blog, you can easily add borders/shadow effects to all the images in your blog.
Here are some examples to dress-up your images:

First of all, what to change?

While linking/embedding images in your posts/articles you use the tag - img, for example:
<a href="http://bloggerstop.net"><img src="http://i40.tinypic.com/mihsgg.jpg"/></a>
So find a code similar to this in your blog's template (Dashboard -> Layout -> Edit HTML):
.post img {
margin: 5px;
...
...
...
padding: 3px;
}

If the code is missing in your blog, then add it yourself before the </head> tag like this:
<style type="text/css">
.post img {
border: 0px;
}
</style>

Now you have to modify the above code, depending on the image-style you want (described below).

1. Single border [EXAMPLE]
<style type="text/css">
.post img {
border: 1px solid red;
}
</style>

2. Single border with hover effect [EXAMPLE]
<style type="text/css">
.post img {
border: 5px solid gray;
}
.post img:hover {
border: 5px solid black;
}
</style>

3. Single border - dotted - Stamp-Style [EXAMPLE]
With Black hover effect
<style type="text/css">
.post img {
border: 3px dotted gray;
}
.post img:hover {
border: 3px dotted black;
}
</style>

4. Double Border [EXAMPLE]
<style type="text/css">
.post img {
border: 5px solid gray;
padding: 5px; /*Inner border size*/
background: #d5d5d5; /*Inner border color*/</style>

}
</style>

5. Double border - Hover effect [EXAMPLE]
<style type="text/css">
.post img {
border: 5px solid gray;
padding: 5px; /*Inner border size*/
background: #d5d5d5; /*Inner border color*/

}
.post img:hover {
border: 5px solid black;
padding: 5px; /*Inner border size*/
background: #gray; /*Inner border color*/

}
</style>

6. Special Border 1 (Shadow Effect) [EXAMPLE]
<style type="text/css">
.post img {
background: url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
border: 0px;

}
</style>

7. Special Border 2 (Framed at top-right corner) [EXAMPLE]
<style type="text/css">
.post img {
background: url(http://i26.tinypic.com/2u5ufz8.jpg) no-repeat top left;
padding: 20px 10px 5px 35px;
border: 0px;

}
</style>
Read More

August 19, 2009

Blogger's 10th Anniversary

The most famous blogging platform-Blogger, presently owned entirely by Google was created by Pyra labs ten years ago. On 23rd August 1999 Blogger was officially launched by Pyra labs and in Feb. 2003 Google acquired it.

Countdown has already started, and instead of taking presents from us Blogger has promised gifts to all the Blogger users over the next several weeks.

Countdown created by OnePlusYou
Read More

August 12, 2009

7 Free Blog Headers | Theme - Cars |


Free header images for your blog/website:
All these images are available in 1000x200 resolution. You are free to use them in either your personal or commercial projects. Attribution/link back is not necessary but definitely appreciated. But you are not allowed to distribute these images directly as header images from any other blog/website. If you want to share these images, then kindly link to this post.

Header images included in the pack:


Click Me
Read More

August 10, 2009

Animated (On Hover) Fixed-Floating Twitter-Follow Me Badge

Get more twitter followers, by adding a Twitter Follow-Me/Us badge to your blog, which is quite similar to the fixed-floating feedback badge.
This tutorial will quickly explain you, how to add a fixed-floating twitter follow me badge to your blog's layout.



Steps to follow:
1. Log in to Blogger
2. Go to Layout -> Edit HTML, and find this code in the template:
</head>
3. Immediately ABOVE/BEFORE that code, paste these lines of code:
<!--FOLLOW-ME-STARTS-->
<style type='text/css'>
.feedbacktw {
width: 31px;
height: 116px;
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: 116px;
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>
<!--FOLLOW-ME-STOPS-Widget-by-http://bloggerstop.net-->
4. Finally in Layout -> Page Elements -> Add a Gadget (HTML/JavaScript type), add this code:
<!--FOLLOW-ME-STARTS--><a style="display:scroll;" href="http://twitter.com/BloggerStop" class="feedbacktw"> </a><!--FOLLOW-ME-STOPS-->
Change the link in RED color to your own Twitter profile.

The two images used in this hack are designed by me. Presently I have made the images with only black and blue background colors. You may use both/any one in your blog. If you do not want to show a different image on mouse-hover then delete the .feedbacktw:hover code in step 3, and add only this code:
<!--FOLLOW-ME-STARTS-->
<style type='text/css'>
.feedbacktw {
width: 31px;
height: 116px;
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;
}
</style>
<!--FOLLOW-ME-STOPS-Widget-by-http://bloggerstop.net-->

In case you want the same follow-me badge with some other background color (other than black and blue), then tell me the hex-HTML-color code through comments below...
Read More

August 9, 2009

A Cool New Fixed-Floating Toolbar For Blogger Blogs

Here's a multi-purpose fixed floating toolbar for Blogger (BlogSpot) blogs from Wibiya.

Click on the image to enlarge
[This type of image-zoom-display is called LightBox Effect]

See the live demo here: Wibiya multi-purpose toolbar for Blogger.

Although the toolbar is completely free, but it is presently in the Beta phase, and therefore you have to first apply for an account in their website, and within a day or two you will be given an invitation to join them.
Once you get the invitation, it is hardly a ten minutes job to install the toolbar in to your blog.


Presently some of the best features I found in the toolbar are as follows:

1. Easy to add and quick to load in the blog. You simply have to copy-paste a small code in to an HTML/JavaScript widget [Dashboard -> Layout -> Add a Gadget].
2. Easy to modify the toolbar, select the color that best suits your blog prior to adding the toolbar to your blog.
3. Widgets that you get in the toolbar:
    (a) An easy to switch between "Site Search" and "Google Web Search" option available.
    (b) Site translator widget.
    (c) A Pictorial Recent Posts and Random Posts Widgets.
    (d) Social Bookmarking Widget.
    (e) RSS Feed, Twitter and Facebook widgets.
    (f) Games by Heyzap and Photo Gallery for members of Flickr
4. Readers can easily toggle between the small or complete display of the toolbar.
5. Finally NO-self promotion is there in the toolbar, by Wibiya.

And as the widget is still in it's Beta phase, so you may expect some more features in future...
Reblog this post [with Zemanta]
Read More

August 7, 2009

Make Money By Blogging - Simply Blog To Earn Money

UPDATE (Feb. 2011): Bukisa no longer pays just for bringing traffic to their site. Now, at Bukisa you will have to place your Adsense/Chitika adverts and when visitors click those ads, that revenue is shared with you. Now BloggerStop NO LONGER suggests Bukisa as an easy money-making Blogging service.

Starting a blog is easy, adding content to the blog is also easy, placing ads is again easy and finally with all the social networking sites (like StumbleUpon, Digg, Reddit, Twitter etc.) bringing some traffic to the blog is easy too. So where's the difficulty in making money? Why are you not getting paid for each and every visitor your blog receives? The reason is, every visitor who visits your blog does not click on your ads, and even if you are able to get clicks from each and every visitor, a 100% CTR wouldn't get digested by your advertiser, and you'll definitely get your account banned.
So how can you monetize each and every visitor-count that your blog gets? You would have heard it a hundred times that you should blog with a focused topic and that you cannot start monetizing immediately after starting a blog. So let's prove these things wrong.

The above problems arise when you start your own blog. In that case you need to have a focused topic to attract some regular readers, then you add adverts to your blog, then you build some more traffic and finally you see bucks adding up in your account. But remember that we are searching the short-cut...

So the easier way is to start blogging on an already established blog/web-site. The benefit of blogging on this pre-established blog is that, as the blog is already famous and contains a lot of content added by other bloggers, so indexing of this blog by search engines has already been optimized and getting more traffic to your article is also more easy.
But what you want is the direct conversion of traffic into money. So that's what Bukisa offers to you.


At Bukisa you blog as you usually do. But here you do not have any unique blog address, and neither the blog template/settings are under you control. Every time you add an article, a unique url gets added to your content. And whenever a visitor visits the article, the entry is recorded and you get paid for that entry.
So, now you need not place any ads, and neither you have to make any extra efforts to get clicks on your ads. Simply write the articles and count the visitors. For every 1000 visitors they pay around $3.0 - $4.0
That means if you just have 5 articles in your account, and each article receives 50 visitors per day, then at the end of the month, total visitors you get is 7500. That means $25-30 per month. I hope I haven't exaggerated any of the above numbers :) The great news is that, their minimum payout amount is $10, so even if you are able to get just 20 visitors per day per article, you will be qualified to get a payment in that month.
Read More

August 5, 2009

Upload and Create Background Images For Your Blog

Whether it's a blog, website or a profile page, if it's a web page and it's online, then background image is a must for the page. And searching for background patterns is definitely not easy, first you have to find images matching the foreground colors and then you have to check for the image's copyrights. And trying to create your own background images using (Adobe)Photoshop or any other tool is definitely boring and takes a lot of time.
So here's a great tool where you have to simply upload any image (use any image captured on your own digital camera or mobile-camera) and drag a small window over the image and voila! your pattern is ready, like this:



The small scenery shown with a red border at the bottom of the image is what I uploaded, and further the red square inside that small image is the area selected and finally the red arrows show the pattern that is formed by that small selected area.

Give this tool a try and create beautiful background images yourself within minutes:

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