September 28, 2009

Display Your HomePage Like BING

The previous tutorial on this blog explains, how to add an overlay welcome/under construction page to your blog.
Now this post is exactly based on the same method, but with some simple modifications.


Click on the image

Or check out the Live Demo

Follow these instructions to add a BING like homepage to your blog...

Step #1
Download these two files:
leightbox.js
prototype.js

from CodeBook
and save the files on to your computer.

And download BG_Like_BING.rar (extract it to BG_Like_BING.css) from Ziddu:
BG_Like_BING.rar

STEP #2
Upload all three files to your MyDataNest account (registration required)
NOTE: Remember to edit the 'Access permission' properties of the folder (at MyDataNest) as Hidden (It should not be set as 'Private')
And then copy the DIRECT LINKS to these files.

STEP #3
Log in to Blogger, go to "Layout" -> "Edit HTML"
and find (CTRL+F) this code in your blog template
</head>
Immediately ABOVE/BEFORE it, paste these lines of code:
<!--Welcome-UnderConstuction-Page-Starts-->
<link rel="stylesheet" type="text/css" href="http://mydatanest.com/files/*****/BG_Like_BING.css"/>
<script type="text/javascript" src="http://mydatanest.com/files/*****/prototype.js"></script>
<script type="text/javascript" src="http://mydatanest.com/files/*****/leightbox.js"></script>
<style type='text/css'>
div.leightbox {
color: #fff;
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -240px 0 0 -380px;
width: 745px; //Keep the WIDTH 5px LESS than the actual width of the image you are planning to use...
height: 400px;
padding: 0 0 0 5px;
border: 1px solid #FFFFFF;
background: url(http://i36.tinypic.com/2w4n40k.jpg) no-repeat;
z-index: 101;
overflow: none;
}
</style>
<!--Welcome-UnderConstuction-Page-Stops-HELP-http://bloggerstop.net-->
NOTE: Replace the links highlighted in RED with the DIRECT LINKS you got in STEP #2
Change code in blue to change the displayed image, its width, height and margin (margin: top right bottom left)

You may download more attractive images from GraphicBazaar

STEP #4
Go to "Layout" -> "Page Elements" and click on "Add a Gadget" and select it as "HTML/JavaScript"
And paste this code into it:
<!----------// POPUP (AUTOLOAD) //---------->
<div id="pop01" class="leightbox">

<div class="scrollbox">
<h1>Welcome To My Blog</h1>
<p>A blog by <a href="http://bloggerstop.net">BloggerStop.Net</a></p>
</div>
<a href="#" class="lbAction" rel="deactivate">Enter The Blog</a></div>

<!----------// POPUP (AUTOLOAD script: add AFTER the autoload popup div) //---------->
<script type="text/javascript">
lb = new lightbox();
lb.initCallable('pop01');
lb.activate();
</script>
Change the code highlighted in Purple and RED, and save the widget.
Do not place the widget in the sidebar, rather drag and place the widget either ABOVE/BELOW the main "Blog Posts" widget.

NOTE 1: Remember to place this widget somewhere in the top region of your blog (above "blog posts" widget if possible), to make sure that this widget loads before other widgets (including posts).
NOTE 2: Use this tutorial to restrict this widget to only HomePage.
Read More

September 27, 2009

Google Turns 11 - So Two 'L's in Google Logo

Neither Google nor its logo is hacked :) Today Google turns 11.


Check out Google's history, and how Google used to look in its early days: History Of Google
Do check out that page...as it will be more interesting than reading about Google at Wiki ;)

Four days back (on 23rd September) BloggerStop turned One, which is exactly one month after Blogger's Birthday and the same day when ProBlogger was launched. So after 365 days of blogging and being surrounded by all Internet Giants I think BloggerStop had a good start too :)
Happy Blogging To All !
Read More

September 26, 2009

Professional Entrecard Traffic Tips – Drive Traffic The Smart Way!

This is a Guest Post by Mohammad Mustafa Ahmedzai. Follow him on Twitter @MyBloggerTricks

Stop-Dropping-and-Start-Earning Entrecard is a name that most of you know as a traffic source but are you really getting tremendous and continuous targeted traffic from it? If you have a negative answer then you are on the right stop to learn how to drive traffic from Entrecard like you never did before!

As you know Entrecard is a service, through which you can advertise your product on thousands of blogs by displaying the standard 125 by 125 AD Banner. The only thing you need to do, is to show a 125 x 125 AD Banner widget on your blog, so that other fellow bloggers can also advertise on your blog.

Bloggers who are using Entrecard usually experience these three issues:

1. Those who visit/drop at your blog are not always targeted visitors,
2. You Gain Entrecard credits/ECs by shedding a lot of sweat but lose it badly when you start advertising your product on other blogs
3. Same Droppers every second day!
4. Low Traffic from blogs where you have advertised.

If you are really suffering through all these problems discussed above, then you need to adopt a different strategy that can help you achieve what you should from Entrecard.

Entrecard is a newly born Traffic source and not as effective as the monster traffic sources like Digg and StumbleUpon and BlogExplosion. So how one should use this system to receive maximum targeted traffic? Well the answers/tips are simple yet logical. Have a look at the three best Entrecard Traffic tips shared below,

1. Advertise on Cheapest Blogs to Attract loyal Visitors and Subscribers

Your targeted visitors should be mainly the minor ones. They are the ones who turn out to be loyal visitors. Always choose publishers who costs no more than 2 ECs.

Now how come you receive traffic by advertising on these newly born blogs?

Your Targeted visitors are the publishers themselves! When you advertise on a blog, the blog owner will surely visit your blog to check if he should approve your Ad or not. The moment s/he visits your blog, you get your first targeted loyal visitor, because as a newbie, anything that you share is a new learning resource for her/him. What happens next? If your blog appears interesting to the publisher, s/he will surely subscribe to your Feed Updates. Thus becoming a Subscriber! Imagine if you have 500 Entrecard Credits in your account and you advertise on 250 blogs costing 2 ECs, you will receive 250 unique plus targeted visitors with a minimum of 20-30 subscribers! Moreover you will also receive a fair amount of traffic from the publisher’s blog that will further add to your targeted traffic.

Don’t waste ECs by advertising on popular and expensive blogs. The probability that a visitor will click the Ad is 0.1% which means that if 1000 visitors visit that popular blog only one will click the Ad. Normally only commercial websites receive 1000-10000 visitors a day. Most of the blog owners at Entrecard are normally self financed bloggers, receiving a maximum of 1000 visitors and probably not more than that (excluding some major blogs of course). So focus more on cheaper publishers and don’t expect too much of traffic from Entrecard widget.

2. Stop Dropping and Start Earning ECs Smartly

You don’t necessarily need to visit 10-100 blogs each other day to earn Entrecard Credits. This would be like wasting your time. Start acting smartly and receive ECs by not dropping at all!

The more you advertise the more EC and traffic you earn. When you advertise on a blog, the publisher will surely visit your blog as I said in Tip #1  and if your content was related to that of the publishers you will receive an advert/Ad request. For example if you advertise on 100 blogs costing 2 ECs you will surely receive a minimum of 20 AD requests which will cause the advertising cost on your blog to increase simultaneously. According to Entrecard’s algorithm the advertising cost on your blog multiply with the simultaneous increase in the number of Ad requests. Thus you earn more when you advertise more. Leading to smart ECs earning!

NT:- Stop Dropping doesn’t mean that you may not drop at all. When you drop at a niche blog the blog owner will surely drop back/visit back. Dropping at relevant blogs is encouraging and you can surely do that to expect traffic. But give more importance to Dropping when you have low ECs in your account.

3. Don’t blog about monthly Top Droppers

Don’t try to make the top dropper to your blog happy by adding his name to the monthly top droppers list on your blog. Instead act professionally and stick to your blog topic.  Linking to several low PR blogs on a post will decrease the importance of your blog in the eyes of the loyal readers and search engines. Your readers will find your posts less professional because you are not blogging about what you should, thereby diverting their focus. To many links from one post to several Low PR blogs will decrease your PR significantly and is strongly not appreciated by search engines. People will start visiting your blog again and again just to give you a drop so that they could be added to the monthly droppers list. But they will not read your posts because they are not your loyal readers, as a result the bounce rate of your blog will increase immensely. Your blog will be used only for gaining back links.

In short the biggest advantage of not blogging about droppers would be that the number of publishers, adverts and unique visitors to your blog would increase. Your blog’s reputation in Entrecard Community will increase. You will gain respect also in the eyes of the Giant Entrecard users. They too will pay you a visit and will request you to place their Ad on your blog.
That’s All!

I hope you have learnt something that could help you make the best out of Entrecard. I would also advise you that pay more attention to your blog’s first impression. Use professional style blogger templates to drive even better quality traffic. It all comes with a little effort and a lot of patience. So remain motivated and keep blogging, for the world needs you.

About The Author
Mohammad Mustafa Ahmedzai is an Engineering Student with keen interest in Web development, Blogging and Social Media. He is a certified Search Engine Optimizer. During his leisure time he blogs at www.MyBloggerTricks.com

Blogger Goodies By Mohammad:
Blogger Template - MBT Church Theme
Glossy Bookmarking Icons - Set 1 & Set 2


Read More

September 22, 2009

Add A Welcome or Under-Construction Page To Blogger Blogs

This tutorial is requested by Rakero from CrakerLo Blog

Add a Welcome Page To Your Blogger/BlogSpot Blog.

See this hack live at Disqus In BlogSpot blog

Follow the instructions given below to add a similar page to your blog:

STEP #1
Log in to Blogger, go to "Layout" -> "Edit HTML"
and find (CTRL+F) this code in your blog template
</head>
Immediately ABOVE/BEFORE it, paste these lines of code:
<!--Welcome-UnderConstuction-Page-Starts-->
<link rel="stylesheet" type="text/css" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/leightbox.css"/>
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/prototype.js"></script>
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/leightbox.js"></script>
<!--Welcome-UnderConstuction-Page-Stops-HELP-http://bloggerstop.net-->

STEP #2
Go to "Layout" -> "Page Elements" and click on "Add a Gadget" and select it as "HTML/JavaScript"
And paste this code into it:
<!----------// POPUP (AUTOLOAD) //---------->
<div id="pop01" class="leightbox">

<div class="scrollbox">
<h1>Welcome To My Blog</h1>
<p>A blog by <a href="http://bloggerstop.net">BloggerStop.Net</a></p></div>
<a href="#" class="lbAction" rel="deactivate">Enter The Blog</a></div>

<!----------// POPUP (AUTOLOAD script: add AFTER the autoload popup div) //---------->
<script type="text/javascript">
lb = new lightbox();
lb.initCallable('pop01');
lb.activate();
</script>
Change the code highlighted in Purple and RED, and save the widget.

NOTE 1: Remember to place this widget somewhere in the top region of your blog (above "blog posts" widget if possible), to make sure that this widget loads before other widgets.

NOTE 2: Under Construction page is often required in all the pages, but as welcome page is required only in the "HomePage", so use this tutorial to show the widget only in the homepage.

You can change the background overlay color and transparency by editing the leightbox.css file before uploading it.
Here's the code you have to change in the leightbox.css file.
div#overlay {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-color:#000; //color default - back
-moz-opacity: 0.8; //opacity default at 80%
opacity: 0.8; //opacity default at 80%
filter: alpha(opacity=80); //opacity default at 80% for IE
}

NOTE: To display this page as entirely different web page, set opacity and -moz-opacity at 1.0 (fully opaque)

Add an UnderConstruction Page to Your Blogger/BlogSpot blog

You may sometimes want to hide your blog partially (or make it inaccessible). Especially when editing any important part of your template, like sidebar or any widget.
So to hide your blog partially temporarily, use the same method as described above, but remove the option to enter the blog. You can do this by using this code in STEP #2
<!----------// POPUP (AUTOLOAD) //---------->
<div id="pop01" class="leightbox">
<div class="scrollbox">
<h1>Welcome To My Blog</h1>
<p>A blog by <a href="http://bloggerstop.net">BloggerStop.Net</a></p>
<p>This Page Is Under Construction</p>
<p>Sorry For The Inconvenience</p>
<p>Come Back Within An Hour :)</p>
</div>

<!----------// POPUP (AUTOLOAD script: add AFTER the autoload popup div) //---------->
<script type="text/javascript">
lb = new lightbox();
lb.initCallable('pop01');
lb.activate();
</script>

See a working example at Blogger Blogs UnderConstruction

You may download Under Construction images from AnimatedGif.net or WebWeaver

Credits
The original creators of Leightbox, a lightweight inline div solution to the popular Lightbox ajax solution, from the people at eight.nl.
Paul van Iterson from Quaint Tech for his article on his Leightbox ‘onLoad hack’.
Richard from pixelcised for fixing the script.

And CodeBook for the OnLoad functionality
Read More

September 12, 2009

Personalized Profile Page For Bloggers !


Get an elegant and customizable profile page from DooID
Have a look at my new profile page: DOOID-SAI

You can link your profile page from your blog using a small profile badge or with a simple hyperlink, like this:
sai

To get your new profile page, first register at DooID with a unique user-id. Your profile-url will contain your username.
To modify/edit your profile page, simply log in to DooID and select any of the menu items present in the sidebar, edit and save them.
View your profile page at this address: http://dooid.com/USER_NAME


Remember to select the theme of your choice at "Edit Design and Colors", just like Twitter, here you can upload and use a theme/background image created by you.
Read More

September 11, 2009

7 Cool and Innovative Widgets For Your Blog

Do you talk too much in your blog?

OnePlusYou has created many creative widgets, which you can freely use on your blog. I have tried all the widgets related to blogging and here are some of the widgets that you may add to your sidebar:

#1 The Blog Verbosity Test - Find out if you talk too much in your blog
This test will count how long your blog posts are and compare them to other bloggers.

#2 The Blog Cuss-O-Meter - Do you cuss a lot in your blog or website?
The Cuss-O-Meter will tell you what percentage of pages on your website contain cuss words and compare that score to other websites.
The Blog-O-Cuss Meter - Do you cuss a lot in your blog or website?

#3 Some cool stickers for your sidebar - Get them here

#4 Send some Funny Awards to other bloggers !

#5 Find out how much are you addicted to Blogging !!!
72%How Addicted to Blogging Are You?

#6 Rate your blog - just like Hollywood movies...
OnePlusYou Quizzes and Widgets

#7 Flash countdown timer


Read More

Errors Fixed - Blogger Jump Break (Truncated Posts) Issues Solved


The latest feature by Blogger, enables you to truncate your posts and show "Read more..." links beneath the posts on the homepage.
But some glitches have been reported by many users.

ERROR #1
If posts do not get truncated at all, then check the code you are using, as it should be
<!-- more --> and not <!--more-->
Read More

September 10, 2009

Read More is Official Now and "Static Pages" Are In The Pipeline !!!

Some errors have been reported by many bloggers, while using this hack, so read this post to fix the 3 most common errors/glitches of this Blogger official read-more hack.

The latest gift from Blogger now allows you to truncate your long blog posts with a simple html comment...

The "Read more" hack was already there for Blogger, and infact recently a post on "Automatic Read More Hack" was also published here.
But this method is more simple and does not involve any javascripting too. So try this trick on any of your latest posts now...

To truncate the posts, as already explained at Blogger, you simply have to type a small comment-code, like this:
Read More

September 9, 2009

Comment Like This !

While commenting on any Blogger (BlogSpot) blog, it is easy to leave your comment through a single click if you are already signed in to your Google account. And when the comment gets published on the blog, you get a backlink to your blogger-profile as the commentator.
BUT other than making the author of the post happy, the comment doesn't give any direct benefit to you. Even if the comment is impressive and a reader clicks on the link, s/he is directed to your blogger profile. From here the reader may/may not visit your blog (and chances are further low, if you have a big list of blogs displayed on your profile page).

So here's what you have to do;
While commenting on a Blogger blog, if the blog allows 'anonymous' comments, then along with the option "Anonymous" another option gets activated, which is 'Name/URL'. Select this option and write your name along with any keyword in the "Name" field, and type your blog/blog post url in the "URL" field, like this:
Name: John @ Exam Tips
URL: www.exam-tips.blogspot.com

And in case the blog doesn't allow anonymous comments, then select the option "OpenID" and type your blog's url in the appropriate field.

The benefits you get:
Although mostly BlogSpot blogs have "nofollow" associated with the commentator's links, but some of them have "dofollow" too, so in that case the famous Google PR link juice is passed to your blog instead of your blogger profile. And sometimes Google even considers a nofollow link as a valid backlink and so your site/blog is now recognized better for a particular keyword.
Secondly as the comments remain forever in the blog, so they become a permanent passive source of traffic for your blog.
Read More

September 5, 2009

Bukisa vs Today.com - Earn Money While Blogging - Part 2

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.

Blogging is almost always associated with earning money online. But it is not necessay to write paid posts or sponsored posts to start earning. You don't even have to sign up with any advertising agencies like Adsense, Komli, or Bidvertiser etc. to earn money while blogging. There are websites, ready to add funds to your bank account simply for writing posts, and bringing visitors to them. Here's a comparison between the leaders of "make money while blogging" service providers.

Bukisa vs Today

First things first...

So how much do they pay and when do they payout?
Read More

September 1, 2009

Create Feed (Recent Posts) Banners For Your Blog

If you want to show your latest posts on standard-sized banners, then here's a perfect tutorial for you. Once you complete the steps of this tutorial, you will get some animated .GIF images, which are dynamically updated from Feedburner's servers and show latest posts of your blog, like these:




Instructions to follow:
1. Log in to Feedburner.com (using your Google account)
2. Select your Blog (Blog's feed)
3. Then select Publicize tab
4. Now click on "Create new..." link below "Headline Animator".


5. Now create and save the animated banner. Click on "Activate" button and copy the code.

If you are new to Feedburner, then first read this tutorial on "How to burn your feed at FeedBurner" (Read the first 3 steps of the tutorial).
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