Several gadgets have been introduced to Dynamic Views now, but a stat counter isn't one of them. I thought it'd be awesome if the space occupied by the 'Send Feedback' button at the bottom-right of your blog can be utilized for showing a stat counter. Those that have tried adding StatCounter to Dynamic Views before might be wondering if this approach will mess up your default Dynamic Views background - nope, it won't. In this tutorial, you will learn how to convert the redundant 'Send Feedback' button that you can find in your blog to a Stat Counter button..
Step 1:
Go to http://statcounter.com, register an account and login. Once you're in, click on Add Project.
Go to http://statcounter.com, register an account and login. Once you're in, click on Add Project.
Step 2:
Fill in your blog details on the left hand side . This is pretty straight forward.
Fill in your blog details on the left hand side . This is pretty straight forward.
Step 3:
On the right hand side, leave things as it is, although you might wanna set 'Email Reports' to none if you don't want to receive any emails from StatCounter. You can click on 'Customize' under 'Visible Counter' if you want to change the background and text color of your counter.
Click on 'Add Project' when you're done.
On the right hand side, leave things as it is, although you might wanna set 'Email Reports' to none if you don't want to receive any emails from StatCounter. You can click on 'Customize' under 'Visible Counter' if you want to change the background and text color of your counter.
Click on 'Add Project' when you're done.
Step 4:
Choose 'Blogger' from the list of website, and you'll be presented with this code. This is a very important step. You don't need the whole thing except for the address in the line that I've highlighted below (Line 9). In my case, the address is 'http://c.statcounter.com/8024715/0/185651ec/0/'.
Choose 'Blogger' from the list of website, and you'll be presented with this code. This is a very important step. You don't need the whole thing except for the address in the line that I've highlighted below (Line 9). In my case, the address is 'http://c.statcounter.com/8024715/0/185651ec/0/'.
1 2 3 4 5 6 7 8 9 10 | <!-- Start of StatCounter Code for Blogger / Blogspot --><script type="text/javascript">var sc_project=8024715; var sc_invisible=0; var sc_security="185651ec"; </script><script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a title="blogger counter" href="http://statcounter.com/blogger/" class="statcounter"><img class="statcounter" src="http://c.statcounter.com/8024715/0/185651ec/0/" alt="blogger counter" /></a></div></noscript><!-- End of StatCounter Code for Blogger / Blogspot --> |
Step 5:
Use the address that you've gotten from Step 4 to replace the address in the following CSS code:
Now that your code is ready, go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
You're done. Have fun!
Use the address that you've gotten from Step 4 to replace the address in the following CSS code:
1 2 3 4 5 6 7 8 | .feedback{background-image: url('http://c.statcounter.com/8024715/0/185651ec/0/') !important;font-size: 0px;width: 60px !important;height: 18px !important;border: 0px !important;background-repeat: no-repeat !important;} |
You're done. Have fun!
Extra:
If you're running your Dynamic View blog on a custom domain, you will not see the 'Send Feedback' button. If you'd still like to have the StatCounter button in your page, here's an alternative solution for you. You still have to perform Steps 1 to 4 above. In addition, if you have a default background for your body, get the direct link of your background. In Firefox for example, you can get the direct link for your background by simply right clicking on the background of your blog - 'View background image'.
Once you have the address of your statcounter from Step 4, and the directlink of your background, add this to your CSS:
Replace Line 2 with the address that you've gotten from Step 4, and replace Line 3 with the address of your background's directlink. If you don't have a background, remove Line 3 from the code above.
If you're running your Dynamic View blog on a custom domain, you will not see the 'Send Feedback' button. If you'd still like to have the StatCounter button in your page, here's an alternative solution for you. You still have to perform Steps 1 to 4 above. In addition, if you have a default background for your body, get the direct link of your background. In Firefox for example, you can get the direct link for your background by simply right clicking on the background of your blog - 'View background image'.
Once you have the address of your statcounter from Step 4, and the directlink of your background, add this to your CSS:
1 2 3 4 5 6 7 | body{background-image: url('http://c.statcounter.com/8024715/0/185651ec/0/'),url('http://themes.googleusercontent.com/image?id=1xW5NSq22Id4x2EgfmiclCzFsu3av_xEjndeCpM0D_rSk6Ms14va4nUBDVs7hvlpTTOhF');background-position: left bottom, center top !important;background-attachment: fixed !important;background-repeat: no-repeat !important;} |
You might also like:
VIRUS REMOVAL
ReplyDeleteIs Your Computer Sluggish or Plagued With a Virus? – If So you Need Online Tech Repairs
As a leader in online computer repair, Online Tech Repairs Inc has the experience to deliver professional system optimization and virus removal.Headquartered in Great Neck, New York our certified technicians have been providing online computer repair and virus removal for customers around the world since 2004.
Our three step system is easy to use; and provides you a safe, unobtrusive, and cost effective alternative to your computer service needs. By using state-of-the-art technology our computer experts can diagnose, and repair your computer system through the internet, no matter where you are.
Our technician will guide you through the installation of Online Tech Repair Inc secure software. This software allows your dedicated computer expert to see and operate your computer just as if he was in the room with you. That means you don't have to unplug everything and bring it to our shop, or have a stranger tramping through your home.
From our remote location the Online Tech Repairs.com expert can handle any computer issue you want addressed, like:
• - System Optimization
• - How it works Software Installations or Upgrades
• - How it works Virus Removal
• - How it works Home Network Set-ups
Just to name a few.
If you are unsure of what the problem may be, that is okay. We can run a complete diagnostic on your system and fix the problems we encounter. When we are done our software is removed; leaving you with a safe, secure and properly functioning system. The whole process usually takes less than an hour. You probably couldn't even get your computer to your local repair shop that fast!
Call us now for a FREE COMPUTER DIAGONISTIC using DISCOUNT CODE (otr214428@gmail.com) on +1-914-613-3786 or chat with us on www.onlinetechrepairs.com.