AuctionAds is a new advertising program from our favorite auction site, Ebay. AuctionAds works just like Adsense or Chitika. The only difference is the ads are made up of live auctions on ebay. Once you sign up you have the option customizing your advertisement to fit your sites theme. Not only can you change the color, but you can add keywords so that the ads displayed better suit your market. They give you the html code, and you paste it on your website. Its as simple as that. Now, if your anything like me, you'll want to know how you make money and how you get paid. For every person that clicks on your ad and then wins an auction, you will make up to 65% of ebay's commission on that item. For every user you refer to AuctionAds, you will make 2% of everything they make for 6 months. Also, for every user you refer to Ebay, you'll pull in between $12 and $22 for each new active user. There is a $10 limit before they pay you, which is a lot less than the $100 Adsense limit. Once you pass your $10 limit, they forward your money to your PayPal account on first of every month. AuctionAds isnt bad for yet another ad program.
Saturday, April 28, 2007
AuctionAds - Ebays Answer to Adsense
AuctionAds is a new advertising program from our favorite auction site, Ebay. AuctionAds works just like Adsense or Chitika. The only difference is the ads are made up of live auctions on ebay. Once you sign up you have the option customizing your advertisement to fit your sites theme. Not only can you change the color, but you can add keywords so that the ads displayed better suit your market. They give you the html code, and you paste it on your website. Its as simple as that. Now, if your anything like me, you'll want to know how you make money and how you get paid. For every person that clicks on your ad and then wins an auction, you will make up to 65% of ebay's commission on that item. For every user you refer to AuctionAds, you will make 2% of everything they make for 6 months. Also, for every user you refer to Ebay, you'll pull in between $12 and $22 for each new active user. There is a $10 limit before they pay you, which is a lot less than the $100 Adsense limit. Once you pass your $10 limit, they forward your money to your PayPal account on first of every month. AuctionAds isnt bad for yet another ad program.PayPerPost Review
Want to make real money fast? Haha, I feel like an advertiser when I say that. I'm not though, I'm just telling you whats worked for me so far. PayperPost is an amazing FREE program, and there are a few ways to make A LOT of money. First is by clicking the link on the bottom of this page. If you sign up, you can review this blogpost and we both make $7.50 in the process. Second is by blogging, writing on your website, whatever it is you do. Once you sign up for PayperPost you have access to an entire list of advertisers who are looking for reviews for their websites, services, etc. Each advertiser has a set amount of money they are willing to pay you for writing about them. Just looking now, there are approximately 80 open opportunity ranging from $5 to no joke, $500... Usually the only requirement is that you write 100 to 300 words. So far writing this I've already fulfilled the lesser of the requirements. It's really an easy way to make money! Now heres the part that I'm excited about. Writing blog entries (while maybe paying for that new guitar I've been wanting), is chump change compared to this. Once you sign up, for FREE let me remind you, your allowed to "recruit" new users. For every blogger that you refer to PayperPost, you make $15... For every advertiser you'll make $25... If I had never heard of this before, it might sound too good to be true. Thankfully, for my wallets sake, it is.
Friday, April 27, 2007
Hack: Hide Navbar (hide/show button)
Once again! A quick note before we start... Because the Navbar is a form of advertising for Blogger, it may be against your terms of service to manipulate it. I haven't found anything to document this, and I'm personally using a Navbar hiding tecnique myself, so I'm not saying that it's going to get you into trouble. What I am saying, is if you do get in trouble and your blog happens to get deleted; I told you it was a possibility and I am in no way responsible... Yey Disclaimer!
Ok, this code will allow you to hide the Navbar when you want to, and show it if your editing your site. The navbars pretty helpful, so this may be better than just getting rid of it. Use your browsers "Find" (ctrl+F) function and search for <head> right below, paste the following.
<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
{
showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{
nav.style.visibility="visible";
nav.style.display="block";
}
else
{
nav.style.visibility="hidden";
nav.style.display="none";
}
}
</script>
<style type="text/css">
#navbar-iframe {
visibility: hidden;
display: none;
}
</style>
Ok, that should hide the navigation, but to get it to click on and off, you need to paste the following code in a Page Element. I put mine in a regular html section.
Remember to exchange the link to my website with yours and you should be all set! Enjoy hiding your new Navigation Bar!
Ok, this code will allow you to hide the Navbar when you want to, and show it if your editing your site. The navbars pretty helpful, so this may be better than just getting rid of it. Use your browsers "Find" (ctrl+F) function and search for <head> right below, paste the following.
<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
{
showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{
nav.style.visibility="visible";
nav.style.display="block";
}
else
{
nav.style.visibility="hidden";
nav.style.display="none";
}
}
</script>
<style type="text/css">
#navbar-iframe {
visibility: hidden;
display: none;
}
</style>
Ok, that should hide the navigation, but to get it to click on and off, you need to paste the following code in a Page Element. I put mine in a regular html section.
<span style="cursor:pointer;" onclick="ShowHideNav();">
Show|Hide
<a style="visibility:hidden;" href="http://bloggingforsoup.blogspot.com"></a>
</span>
Show|Hide
<a style="visibility:hidden;" href="http://bloggingforsoup.blogspot.com"></a>
</span>
Remember to exchange the link to my website with yours and you should be all set! Enjoy hiding your new Navigation Bar!
Hack: Hide Navbar (permanently)
A quick note before we start... Because the Navbar is a form of advertising for Blogger, it may be against your terms of service to manipulate it. I haven't found anything to document this, and I'm personally using a Navbar hiding tecnique myself, so I'm not saying that it's going to get you into trouble. What I am saying, is if you do get in trouble and your blog happens to get deleted; I told you it was a possibility and I am in no way responsible... Yey Disclaimer!
*Note - This is the easy way to hide your Navbar. If your looking for a Navbar that you can use and then hide when your done, click here. Alright, Go to the Edit HTML portion of you dashboard and use the "Find" (ctrl+F) function of your browser. Search for #header-wrapper and paste the following code directly above it.
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
Horray! No more Navbar!
*Note - This is the easy way to hide your Navbar. If your looking for a Navbar that you can use and then hide when your done, click here. Alright, Go to the Edit HTML portion of you dashboard and use the "Find" (ctrl+F) function of your browser. Search for #header-wrapper and paste the following code directly above it.
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
Horray! No more Navbar!
Hack: Add a Picture to Your Header
Use your browsers "Find" (ctrl+F) function to search for <div id='header-wrapper'> . Underneath, you will see the following.
<b:widget id='Header1' locked='true' title='blogtitle (Header)' type='Header'/>
</b:section>
</div>
<div id='header-wrapper
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='blogtitle (Header)' type='Header'/>
</b:section>
</div>
To enable yourself to add a picture to your header, your going to need to change the maxwidgets number to 5, shadow element to yes, and locked to false. Now you can add your picture, just go to Template, choose Page Elements, and click on the header at the top. You can now upload your picture to the page. while editing your header, you should also make sure to check the placement option so that it says "Instead of title and description", and your all set. You should now be able to drag your header anywhere you like on your page!
Hack: Edit Sidebar "Title" Background Colors
Ok, following this will change your sidebars "title" background colors. But I'm guessing you got that from the title :) It only takes one simple step. To start off, go to template, then click Edit Html. You may want to back up your template first. Ok, now Use your browser's "Find" (ctrl+f) function and search for
/* Sidebar Content
----------------------------------------------- */
Right underneath this, paste the following
.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: #ffffff;
font-size: 100%;
color: #000000;
}
Ok, Now you've made it so you can edit the titles and title backgrounds on your sidebar. Currently, your font color is set as #000000 (black) and your background color is set as #ffffff (white). You can easily change either of these hexadecimal codes to your choice of color. My personal favorite way to find the right code for the color I want is to use Photoshop, click on foreground color (the color box closer to the screen in your tools navbar), select the color I want, and look at the bottom right hand corner for my hexadecimal code. If you don't have Photoshop try going here or here.
/* Sidebar Content
----------------------------------------------- */
Right underneath this, paste the following
.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: #ffffff;
font-size: 100%;
color: #000000;
}
Ok, Now you've made it so you can edit the titles and title backgrounds on your sidebar. Currently, your font color is set as #000000 (black) and your background color is set as #ffffff (white). You can easily change either of these hexadecimal codes to your choice of color. My personal favorite way to find the right code for the color I want is to use Photoshop, click on foreground color (the color box closer to the screen in your tools navbar), select the color I want, and look at the bottom right hand corner for my hexadecimal code. If you don't have Photoshop try going here or here.
Hack: Three Column Template
Alright, for this one your going to need to choose either the Minima Dark or Minima White Templates. Right now I'm pretty sure these are the only ones this works for. If your looking for a different scheme, you can always change the colors of everything later. Before we start, you should probably back up your template. Click Customize on your NavBar, then the Template Tab next to posting and Settings. From here click the tab Edit HTML and then under this click Download Full Template. Good, now we can get on to the real fun.
Under Edit Template, use "Find" by pressing ctrl+f to search for #main-wrapper { . It should take you right to it. Once your there, paste the following code right above it.
#leftsidebar-wrapper {
margin-right: 14px;
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
What you just did was add a new column, and unfortunately in the process your old right hand column got pushed off the page. To fix this problem, we look right above where we just pasted the #leftsidebar-wrapper { code and we see #outer-wrapper { . Now your going to have to trust me on this part. I want you to delete #outer-wrapper { and everything directly under it, then paste the following code in its place.
#outer-wrapper {
width: 1000px;
margin:0 auto;
padding:0 0 15px;
text-align:left;
font: $bodyfont;
}
One more thing then we can move on. Three sections below #outer-wrapper { you will find #sidebar-wrapper { . All I want you to do here is add margin-left: 14px; between #sidebar-wrapper { and width: 220px; and were done with that part.
What we just did was change the page parameters so that everything will fit. This is the last and might I add the easiest step. This actually puts the extra column on the page! Use "Find" (ctrl+f) again, and search for div id='main-wrapper'> . Right above this point your going to paste the following. *note, You need to add a < in front of each of the following... I could not get it to save properly otherwise.
div id='leftsidebar-wrapper'>
b:section class='sidebar' id='leftsidebar' preferred='yes'>
b:widget id='Text1' locked='false' title='' type='Text'/>
/b:section>
/div>
Thursday, April 26, 2007
About Me
Hi! I'm EverydayHero AKA Wes Crouch.I know I don't look like much, but this is the second website I've started while trying to stake my claim on the internet goldrush. I'm a Graphic Art/Marketing major living (and hopefully not struggling) out of Connecticut. I started out knowing only what I've read about building and maintaining a website; and I knew much less about making money off one. I'm here to prove that I can make it in the real world just like I made it through college. That and... I'm poor.
Subscribe to:
Posts (Atom)
