new vid

CSS, Tips & Tricks

Check your blog’s rank at Popuri (Hattip: Daniel Blake Saltman)


popuri logo In the past couple of weeks I’ve been telling you what it takes to get your blog ranked and how the big 3 ranking sights work. There are a couple more but they are not really as important as the big 3. Today I’m gonna tell you a little about where to go to check your ranking.

Popuri is my favorite one because you can check all of the different ranks in one place. They also make it extremely simple to put a widget on your blog listing your ranking. I’ve put the one for this site at the bottom of this post. You just go to the website, put in your blogs URL, and voila. Your ranks appear. You can see the ranks for this site below. This site is so new that our ranking is pretty low but I’m sure it will grow with time. Right on the main page you will see your Google PageRank, Alexa Rank, Compete Rank, Quantcast Rank, Google BackLinks, Yahoo BackLinks, Live Search BackLinks, Technorati Links, del.icio.us Bookmarks, and Bloglines subscribers. As a matter of fact I just discovered Compete and Quantcast ranking. Not real sure what they are but I will research them between now and next week for you.

My Popularity (by popuri.us)

popuri, Google PageRank, Alexa Rank, Compete Rank, Quantcast Rank, Google BackLinks, Yahoo BackLinks, Live Search BackLinks, Technorati Links, del.icio.us Bookmarks, Bloglines
Blogging Tools 3 Comments »



The stats for the stataholics are PR4, Alexa rank of 4,278,362 and a Technorati Authority 135.
Great Blogs 2 Comments »
Paid Blogging: A List of Companies


 Today’s post on paid blogging is a list of companies that offer paid blogging options. Each has its own unique way of doing things, and some may work better for you than others. I’ve found that by trying them, I favor some over others. Everybody has a different feel or experience with a company, so poke around the sites, read the terms of service and learn more about them. I have not worked with every company listed, but I have worked with most of them (11 out of 14). You may find you like one company better than others, and you may end up working with many of them, or choose that they aren’t working for you. Some offer more work than others, and some are more selective in assigning work. With multiple companies comes multiple opportunities, so be sure to explore all your options.

If you would like to add one to the list that isn’t here, feel free to leave it in the comments. Next week, I’ll be doing another review on a specific paid blogging site. For now I’ll leave you with this list of companies. Happy exploring!

1.  PayPerPost
2.  Blogitive
3.  Blogsvertise
4.  Review Me
5.  Sponsored Reviews
6.  Loud Launch
7.  PayU2Blog
8.  Smorty
9.  Blogging Ads
10. CreamAid
11. BlogToProfit
12. V7N
13. Dewitts Media
14. Linky Love Army

Happy Blogging, Deb
Paid Blogging 6 Comments »
CSS Design part 3b: Images in DIVs

This is a pretty easy lesson in what to do with DIVs and images. It is all about how you want to place your elements within the page. DIVs are always broken up into layers. Each layer can be displayed in a certain order to make a page look the way you expect it to. Let’s say, for instance, that you have a picture that you want overlain by the text. You can do that with the z-index tag. This tag tells the internet how to display the layers of your page.

Let’s play around with this. I am going to take this picture:
 Which constitutes this code being placed between the body tags:

<div id=”image”>
<img src=”http://test.blogulalmighty.com/wp-content/uploads/2007/07/testtitle.gif”>
</div>

and create some text to go over it. In this case, I am going to use the words “Bloggers R Us”.

<div id=”pictext”>
<h3>Bloggers R Us</h3>
</div>

The code that goes between the style tags looks like this:

div#image {
position:absolute;
left:350px;
top:20px;
}

div#pictext{
position:absolute;
left:350px;
top:20px;
}

This renders a page that looks like:

test 3

Now we are going to take control over where the text shows up. The code between the style tags now changes to look like this:

div#image {
position:absolute;
left:350px;
top:20px;
z-index:2;
}

div#pictext{
position:absolute;
left:350px;
top:20px;
z-index:1;
}

You will notice that the text has disappeared now. It is actually BEHIND the picture. Switch the z-index numbers and see what happens now. The text shows up again. The z-index works up from the bottom. The first layer is the background and it builds up like a tower from there. The higher the number, the higher the precedence in order on the screen.

I was going to talk about the relative attribute, but I will save that for next week. Don’t forget to check out the code we have worked with on the test page. Ctrl-U to see the code.

Happy coding!