Monday, December 14, 2009

SexyBookmarks v2 For Blogger

As you know that social networking is very useful tools to get huge traffic. In this post I will teach to add social bookmarking site to submit your blog.

I think you have seen “sharing is sexy”. I found that one and it is interesting. I did for my blog. Check it out. If you want to add just let use this tricks and you will be done.

Sharing is sexy

Here are step if you want to do it for your blog:
1. Login to blogger with Google ID
2. Click Layout.
3. Then click edit HTML tab.
4. Click the Download full template link. Save your template (Don’t forget)
5. Please mark the little box to Expand Widget Templates.
6. Find the code like this : </head>

7. Copy below code and paste it before </head>

<p><code class="javascript"><br />
<script src='' type='text/javascript'/><br />
<script type='text/javascript'><br />
jQuery(document).ready(function() {<br />
// xhtml 1.0 strict way of using target _blank<br />
jQuery('.sexy-bookmarks a.external').attr("target", "_blank");<br />

// this block sets the auto vertical expand when there are more than<br />
// one row of bookmarks.<br />
var sexyBaseHeight=jQuery('.sexy-bookmarks').height();<br />
var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height();<br />
if (sexyFullHeight>sexyBaseHeight) {<br />
jQuery('.sexy-bookmarks-expand').hover(<br />
function() {<br />
jQuery(this).animate({<br />

height: sexyFullHeight+'px'<br />
}, {duration: 400, queue: false});<br />
},<br />
function() {<br />
jQuery(this).animate({<br />
height: sexyBaseHeight+'px'<br />
}, {duration: 400, queue: false});<br />
}<br />
);<br />

}<br />
// autocentering<br />
if (jQuery('.sexy-bookmarks-center')) {<br />
var sexyFullWidth=jQuery('.sexy-bookmarks').width();<br />
var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width();<br />
var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length;<br />
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);<br />
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;<br />
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;<br />

jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px');<br />
}<br />
});<br />
</script> code>p>

And this one too

<p><code class="css"><br />
<style type="text/css"><br />{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}<br />{height:29px; overflow:hidden}<br />

.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('') !important; background-repeat:no-repeat}<br />{padding:26px 0 0 10px; background-position:left -1148px !important}<br /> ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}<br /> ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}<br /> ul.socials li:before, ul.socials li:after, ul.socials li a:before, ul.socials li a:after{content:none !important}<br /> ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}<br /> ul.socials a:hover{background-color:transparent !important}<br />
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('') no-repeat !important;border: 0;outline: none;}<br />
.sexy-digg{background-position:-980px bottom !important}<br />

.sexy-digg:hover{background-position:-980px top !important}<br />
.sexy-reddit{background-position:-700px bottom !important}<br />
.sexy-reddit:hover{background-position:-700px top !important}<br />
.sexy-stumbleupon{background-position:-630px bottom !important}<br />
.sexy-stumbleupon:hover{background-position:-630px top !important}<br />
.sexy-delicious{background-position:-1190px bottom !important}<br />
.sexy-delicious:hover{background-position:-1190px top !important}<br />
.sexy-yahoobuzz{background-position:-1120px bottom !important}<br />
.sexy-yahoobuzz:hover{background-position:-1120px top !important}<br />

.sexy-blinklist{background-position:-1260px bottom !important}<br />
.sexy-blinklist:hover{background-position:-1260px top !important}<br />
.sexy-technorati{background-position:-560px bottom !important}<br />
.sexy-technorati:hover{background-position:-560px top !important}<br />
.sexy-myspace{background-position:-770px bottom !important}<br />
.sexy-myspace:hover{background-position:-770px top !important}<br />
.sexy-twitter{background-position:-490px bottom !important}<br />
.sexy-twitter:hover{background-position:-490px top !important}<br />
.sexy-facebook{background-position:-1330px bottom !important}<br />

.sexy-facebook:hover{background-position:-1330px top !important}<br />
.sexy-mixx{background-position:-840px bottom !important}<br />
.sexy-mixx:hover{background-position:-840px top !important}<br />
.sexy-scriptstyle{background-position:-280px bottom !important}<br />
.sexy-scriptstyle:hover{background-position:-280px top !important}<br />
.sexy-designfloat{background-position:-1050px bottom !important}<br />
.sexy-designfloat:hover{background-position:-1050px top !important}<br />
.sexy-newsvine{background-position:left bottom !important}<br />
.sexy-newsvine:hover{background-position:left top !important}<br />

.sexy-google{background-position:-210px bottom !important}<br />
.sexy-google:hover{background-position:-210px top !important}<br />
.sexy-comfeed{background-position:-420px bottom !important}<br />
.sexy-comfeed:hover{background-position:-420px top !important}<br />
.sexy-linkedin{background-position:-70px bottom !important}<br />
.sexy-linkedin:hover{background-position:-70px top !important}<br />
.sexy-friendfeed{background-position:-1750px bottom !important}<br />
.sexy-friendfeed:hover{background-position:-1750px top !important}<br />
.sexy-link{ margin-left:25px; float:left}<br />

.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}</style>code>p>

3. Now Put the below code after


<p><code class="html"><div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'><br />
<ul class='socials'><br />
<li class='sexy-delicious'><a class='external' expr:href='&quot;;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on'>Share this on</a></li><br />

<li class='sexy-digg'><a class='external' expr:href='&quot;;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li><br />
<li class='sexy-stumbleupon'><a class='external' expr:href='&quot;;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li><br />

<li class='sexy-reddit'><a class='external' expr:href='&quot;;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li><br />
<li class='sexy-google'><a class='external' expr:href='&quot;;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li><br />

<li class='sexy-twitter'><a class='external' expr:href='&quot; &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li><br />
<li class='sexy-facebook'><a class='external' expr:href='&quot;;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li><br />

<li class='sexy-mixx'><a class='external' expr:href='&quot;; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li><br />
<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li><br />
<li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li><br />

<li class='sexy-linkedin'><a class='external' expr:href='&quot;;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li><br />
<li class='sexy-designfloat'><a class='external' expr:href='&quot;;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li><br />

<li class='sexy-technorati'><a class='external' expr:href='&quot;;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li><br />
<li class='sexy-scriptstyle'><a class='external' expr:href='&quot;;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li><br />

<li class='sexy-myspace'><a class='external' expr:href='&quot;;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li><br />
<li class='sexy-blinklist'><a class='external' expr:href='&quot;;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li><br />

<li class='sexy-friendfeed'><a class='external' expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li><br />
<li class='sexy-newsvine'><a class='external' expr:href='&quot;;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li><br />

</ul><br />
<div style='clear:both;'/><br />
<div class='sexy-link'> Widget by <a href='' title='Free XML templates'> XML </a>|<a href='' title='Free XML Templates'> XML</a></div>code><br />
For any query please reply herep>

</div><br />

Friday, July 31, 2009

How to start a blog on

Step by step instructions for starting your own blog. Visit to start a blog.

How to Use Classic Blogger Template (HTML) in New Blogger

“hi! I love this template and would like to use it on my blog.
only problem is, this error occurs when i try to save changes…

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type “head” must be terminated by the matching end-tag “”.

could you help me rectify it?
hope to hear from u soon!”

If you got the same problem, please read How to Use Classic Blogger template in New Blogger

  1. Login to New Blogger with your Google account.
  2. On your Dashboard choose blog you want to edit, Click on Layout, you’ll go direct to Template tab where blog you want to Edit.
  3. Choose the Template tab of your blog then click on Edit HTML.
  4. Next scroll down to the end of your page and choose Revert to Classic Template.
  5. Copy all the code of the template you wish and paste it into your blog.
  6. Click on SAVE TEMPLATE and you are done!.

How to Use New Blogger Template (XML) in New Blogger

1. Download and Save the .zip file on your hard disk.
2. Extract the .zip file with Winzip or UltimateZIP
2. Go to Blogger Dashboard.
Blogger Dashboard
3. Klik on Layout link.
4. Next klik Edit HTML.
5. Browse the XML file you have saved and upload it.
Upload XML Template
6. Finish

News Blogger Template : San Francisco Skyline

News Blogger Template : San Francisco Skyline

Tuesday, May 5, 2009

5 Steps to Create Income Online

Do you want to create income online with an autopilot system? You don't need to be a professional in website design and you don't need to be an expert in your market. With the help of affiliate marketing, you are able to generate a 4 figure online income by just spending a few hours into it everyday.

Many people thought that create income online is something difficult and complicated. In fact, it is not. Many people are generating money from the internet these days, especially with the existence of affiliate marketing, more and more people are making money from the comfort of their home.

Now, here are the 5 steps how you can create income online using affiliate marketing...

1. Start by targeting a hungry crowd. This is the same as looking for a profitable market. Remember, it is the people in the market that are going to buy from you, therefore, do your market research correctly.

2. Find the problems in your market; solve the problems by providing an affiliate product. For example, if you are in golf market, there are a lot of people who want to learn how to play better golf and so you can promote affiliate products to fulfill their needs.

3. Build a squeeze page. A squeeze page is a simple one-page website that you use to capture visitors' emails and names so that you can contact with them anytime. Use an auto-responder to do this. Outsource this if you don't have any idea about it. It is not complicated and it can be done within 5 minutes. Building your own list of subscribers is a very important task to create income online.

4. Build trust and relationship with the people in your market by providing what they are looking for. Nobody is going to buy from you if they don't know you and if they don't trust you. Thus, you must build relationship with them and promote them at the same time. Use your auto-responder to send automated emails to them.

5. Drive targeted traffic to your squeeze page. Traffic generation is all about taking action. As long as you take the necessary action, traffic will come. Use article marketing, forum marketing, social networking and more to generate traffic to your squeeze page.

This is how you can create income online by using affiliate marketing. Once the system has been set up, it will be in autopilot mode. All you need to do is to drive traffic and improve the conversion of your business.

How to Install Google Analytics on Blogger

Google Analytics Blogger LogoWouldn’t it be nice to know how many people actually visited your blog each day? How about knowing which of your posts are the most popular? Well surprisingly Blogger doesn’t currently offer any native blog analytics but fortunately there is Google Analytics — available for free.

Google Analytics is a great tool that will show you all sorts of useful information about how people found your blog, keywords they searched on to find you, where they came from and even how long they stayed. You’ll learn more about where your visitors come from and how they interact with your blog. This is a must tool if you are trying to build a profitable blog otherwise you are flying blind!

This article will show you how to add Google Analytics to your Blogger blog. It’s a fairly simple process and doesn’t require any technical skill at all.

Step #1 - Setup a Google Analytics Account

Go to Google Analytics and sign in using your Blogger login. If your account doesn’t work for some reason, you can create a new one instead. Once you login you’ll see a screen that looks like this:

Google Analytics Blogger Sign Up Step 1

Click on the “Sign Up >>” button and proceed to the next step which will ask you for your general information. Website URL, Account Name, Country, and Time Zone. The screen will look like this:

Google Analytics Blogger Step 2

If you noticed, I just put my Blogger url (without the http://) and called it “David’s Account” because this is your top-level container for 1 or 100 different websites so it’s a good idea to name it something more general. The next step will ask you for your contact information which includes your first name, last name, phone number, and country. Easy so far right? :-)

Google Analytics Blogger Step 3

Your last step in signing up will ask you to accept the user agreement terms and conditions which you should read (just kidding…who actually ever reads these entire legal terms anyhow?).

Google Analytics Blogger Step 4

Now this next screen is very important. This is the code you will need to copy and paste into your blogger template. Go ahead and click into the box and it will automatically highlight the entire block of code for you. Now you need to copy that code and paste it into notepad or into a MS Word document. Save it as you’ll need to use it later.

Google Analytics Blogger Step 5

After you click on the “continue >>” button you will be taken to your brand new Google Analytics dashboard! You will see your blogger blog listed but with no analytical data….yet.

Google Analytics Blogger Dashboard

Ok, now you are done with setting up your Google Analytics account. The next step is placing the tracking code into your Blogger template so it can report back to Google Analytics and provide you with some cool data points.

Step #2 - Adding GA Tracking Code to Your Blogger Template

This is not a very difficult step even if you are afraid to touch your template code. Login to your Blogger account and then click on the “Layout” => “Edit HTML” tabs. This will bring you to the template code. Before you make any changes, I advice you to back up your template just in case there are any problems. After you’ve done so, continue reading.

Now in the edit template html code window, scroll all the way to the bottom of your template code and look for the tag. There should only be one of these closing tags in your template. If you can’t find it then your template wasn’t properly created and you should add one right above the tag.The tag should always be your last line of code in your template. It signifies the end of your template.

Ok, now go back to the code you saved before in a Word Doc from Google Analytics. You are going to copy it and paste it right above the tag as illustrated in the image below. The yellow highlighted code is the new GA code I just pasted into my template.

blogger google analytics code 2

Save your template and you shouldn’t get any error messages. If you do, it’s most likely not related to this GA code and something else with your template itself. Assuming you’ve been successful with your save, you are all done embedding the GA code in your template!

Step #3 - Confirm Google Analytics is Tracking

Go back into your Google Analytics account and look at your dashboard. Most likely you will see a little yellow exclamation mark under the “status” column that looks like this: google analytics tracking not installed. This means everything isn’t working properly yet which is fine because we are about to tell GA we just added the code. From your dashboard, click on the “edit” link which is located to the far right.

Google Analytics Blogger Dashboard Edit

After you click on that link, you’ll see another screen like below. It will say “Tracking Not Installed” followed by a link “Check Status”. You’ll want to go ahead and click on that link which will tell GA to visit your site and look for the new code you just pasted in your template.

Google Analytics Blogger Dashboard Check Code

Assuming you pasted the code in there as instructed above, GA will find the new code and begin tracking everything on your blog. If you are still having problems, it’s most likely something to do with GA and you should read their help guide to troubleshoot your problem.

Google Analytics Blogger Dashboard Success

The message seen here, “Waiting for Data” means you have correctly setup GA and data is being gathered! Click on the top left Google Analytics logo and it will take you back to your dashboard. From there click on the “View report” link and that’s where all your very important Blogger visitor data will start appearing!

Google Analytics Blogger Dashboard Results

Now it usually takes an hour or so before you will see any data (maybe longer if you don’t get much traffic to your blog) so please be patient. Trust me, you’ll be logging in at least once a day just to see how much traffic your blog is getting. It’s very addicting and powerful information to learn from. You’ll be surprised which posts are your most popular and what countries people are coming from to read your blog.

Google Analytics is very powerful and we have just learned how to install it into your Blogger template. We haven’t even scratched the surface on the features and reporting it can do. For most Bloggers, this will be enough. Data will be collected and you will just review it. Others with more in-depth goals (like selling products or services, creating a sales funnel, etc) will want to spend more time learning GA. Hope you enjoyed the tutorial and don’t blame me for your new found addiction!

Add to Technorati Favorites Templates Blogs - BlogCatalog Blog Directory Web Design Blogs | My Zimbio
Top Stories Blog Directory Submission Web Design blogs