Adding Stumble upon, digg it, facebook bookmarks

Stumble del.icio.us Reddit MyWeb! Facebook Google bookmark

These days, the age is that of driving traffic to your blog. An easy way to promote your blog is to have the ability of allowing the users to bookmark your blog on some bookmark sites like stumbleupon.com, digg.com, facebook.com, reddit.com etc. Here is how you can add the bookmark toolbar at the top of every new blog you write. So, if a reader liked your blog, he/she can bookmark it on one/more of these sites. Here is how to add this toolbar ...

1. Go to blogger Dashboard. (http://www.blogger.com/home)
2. Click "Edit Layout" for your blog which you want to have this toolbar.
   
3. When you are on Layout page ("Page Elements") page, click "Edit HTML".
4. On "Edit Template" page, check the "Expand Widget Templates" checkbox.
5. Now copy all the contents from the lower text box onto notepad.
6. Look for (Ctrl+F) < class='post-header-line-1'/> or <div class='post-body entry-content'>
7. Between <div class='post-body entry-content'> and end of div (</div> which will be just before < class='post-footer'> , add the following :
   

   
   <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='"_stumble"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnjtdomAZcq1Z5xOmLiiWBePR9lxm-G6Sh4DIGB7hSUGpz1a0E7NSC6qS0AUZgTi8F_6rkdl9PWCtJlTCvJlgSd686gNQ4AXnB7g5KOfzyEnyrMgg33gykmqH-xVflrAfCgp2ePzGYvAg/s320/stumb.gif' style='padding: 0px; border:0px solid black;'/>Stumble</a>
   <a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='"_digg"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTJW-baqoZhRAXS3VtGfL2VUuve60VGeVZojKCaJZ7f-srlpgFVk5kUolMeWDDsRrEaxOjuXTJ27JZMD9EokdlZWIQd_5n9dUYVevZd5c-q4HQw0cFjilD3aKGC5kGsWaEfjmpT5X2gXo/s320/digg.gif' style='padding: 0px; border:0px solid black;'/>
   <img src='http://digg.com/img/digg-it-tiny.gif' style='padding: 0px; border:0px solid black;'/></a>
   <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='"_delicious"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5YwLuYj4mC7I4zPmqKqHFaq1bg_NE6N6t-_x-JD0keaoxTbIsRtKSzvUwIMZ1W93gnBvDs3B16nrnKEJ8e9aQBCV4rMBbNAJDp4o1iy7HJkw0_kVb4s7GBrz0GqvIUAhDD7WATXuv6I/s320/del.jpg' style='padding: 0px; border:0px solid black;'/>del.icio.us</a>
   <a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='"_reddit"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9mlJoDO4VmGC4wt0jR5Td6r8WsBdhbZu6KrY5IObMCr58Ur4y55aBfHltpLhgKOwLUEnEIWQAkXDCgFdmi74rx8Az7Qhud9hxb4fWLgzmhLlmdPze2dd2OiWWFqnjUVUwS-gUdU3qyyM/s320/reddit.gif' style='padding: 0px; border:0px solid black;'/>Reddit</a>
   <a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&t=" + data:post.title' target='"_myweb"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mCBUZ2IM4F34-xLnrCg6moNNAgntaWiAkQboGo9AkKpxD6iOzHM6-rKBIvW69qszq0zJWQJr7D14sZ-8LyGiQd7WVwFTv2TJArmE0HWw6uV5YfQx7BOIV-aC3zPp4zjAzb1tzcN3Y28/s320/myWeb.gif' style='padding: 0px; border:0px solid black;'/>MyWeb!</a>
   <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' target='"_facebook"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDmC4r-Qw352KPkvUhj10ZgHO3VlImLCm16LSgGksGusGCbTr2BEATyjJwKO4xRYYSWRlJdZ-R4LfKh5ON69Iv30XFxqawQ_val1KHZsQQT6ZA-jj_HzKqz2WPmI-46qM7-qRoXi_TNv4/s320/facebook.gif' style='padding: 0px; border:0px solid black;'/>Facebook</a>
   <a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&t=" + data:post.title' target='"_facebook"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_7yKd-eOJZs2eMJdKJOplPoixNHoo7uBB-tHKNRqEeeop0uBDJisuaqQ0PpVU-eXzRZM_mfK0wZtgr8V7bPy2ygxXMJMEsJcANqWu3ABbnyK6iQ0d9W5kLFfMt03sXM565RrKo_lOPUM/s320/bookmark.gif' style='padding: 0px; border:0px solid black;'/>Google bookmark</a>
   <b:if cond='data:blog.pageType == "item"'>
   <style>.fullpost{display:inline;}</style>
   <p><data:post.body/></p>
   <b:else/>
   <style>.fullpost{display:none;}</style>
   <p><data:post.body/></p>
   <a expr:href='data:post.url + "#continue"'>Continue >></a>
   </b:if>
   <div style='clear: both;'/> <!-- clear for photos floats -->
   

   
   
   So that it becomes:
   

   
   <div class='post-header-line-1'/>
   
   <div class='post-body entry-content'>
   <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='"_stumble"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnjtdomAZcq1Z5xOmLiiWBePR9lxm-G6Sh4DIGB7hSUGpz1a0E7NSC6qS0AUZgTi8F_6rkdl9PWCtJlTCvJlgSd686gNQ4AXnB7g5KOfzyEnyrMgg33gykmqH-xVflrAfCgp2ePzGYvAg/s320/stumb.gif' style='padding: 0px; border:0px solid black;'/>Stumble</a>
   <a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='"_digg"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTJW-baqoZhRAXS3VtGfL2VUuve60VGeVZojKCaJZ7f-srlpgFVk5kUolMeWDDsRrEaxOjuXTJ27JZMD9EokdlZWIQd_5n9dUYVevZd5c-q4HQw0cFjilD3aKGC5kGsWaEfjmpT5X2gXo/s320/digg.gif' style='padding: 0px; border:0px solid black;'/>
   <img src='http://digg.com/img/digg-it-tiny.gif' style='padding: 0px; border:0px solid black;'/></a>
   <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='"_delicious"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5YwLuYj4mC7I4zPmqKqHFaq1bg_NE6N6t-_x-JD0keaoxTbIsRtKSzvUwIMZ1W93gnBvDs3B16nrnKEJ8e9aQBCV4rMBbNAJDp4o1iy7HJkw0_kVb4s7GBrz0GqvIUAhDD7WATXuv6I/s320/del.jpg' style='padding: 0px; border:0px solid black;'/>del.icio.us</a>
   <a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='"_reddit"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9mlJoDO4VmGC4wt0jR5Td6r8WsBdhbZu6KrY5IObMCr58Ur4y55aBfHltpLhgKOwLUEnEIWQAkXDCgFdmi74rx8Az7Qhud9hxb4fWLgzmhLlmdPze2dd2OiWWFqnjUVUwS-gUdU3qyyM/s320/reddit.gif' style='padding: 0px; border:0px solid black;'/>Reddit</a>
   <a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&t=" + data:post.title' target='"_myweb"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mCBUZ2IM4F34-xLnrCg6moNNAgntaWiAkQboGo9AkKpxD6iOzHM6-rKBIvW69qszq0zJWQJr7D14sZ-8LyGiQd7WVwFTv2TJArmE0HWw6uV5YfQx7BOIV-aC3zPp4zjAzb1tzcN3Y28/s320/myWeb.gif' style='padding: 0px; border:0px solid black;'/>MyWeb!</a>
   <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' target='"_facebook"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDmC4r-Qw352KPkvUhj10ZgHO3VlImLCm16LSgGksGusGCbTr2BEATyjJwKO4xRYYSWRlJdZ-R4LfKh5ON69Iv30XFxqawQ_val1KHZsQQT6ZA-jj_HzKqz2WPmI-46qM7-qRoXi_TNv4/s320/facebook.gif' style='padding: 0px; border:0px solid black;'/>Facebook</a>
   <a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&t=" + data:post.title' target='"_facebook"'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_7yKd-eOJZs2eMJdKJOplPoixNHoo7uBB-tHKNRqEeeop0uBDJisuaqQ0PpVU-eXzRZM_mfK0wZtgr8V7bPy2ygxXMJMEsJcANqWu3ABbnyK6iQ0d9W5kLFfMt03sXM565RrKo_lOPUM/s320/bookmark.gif' style='padding: 0px; border:0px solid black;'/>Google bookmark</a>
   <b:if cond='data:blog.pageType == "item"'>
   <style>.fullpost{display:inline;}</style>
   <p><data:post.body/></p>
   <b:else/>
   <style>.fullpost{display:none;}</style>
   <p><data:post.body/></p>
   <a expr:href='data:post.url + "#continue"'>Continue >></a>
   </b:if>
   <div style='clear: both;'/> <!-- clear for photos floats -->
   </div>
   
   <div class='post-footer'> .... etc ..etc ...
   

   
   

Copy everything and paste it into the "Edit HTML" text box that you had opened earlier. Save it and you will be all set.Good luck and Enjoy !!!

Continue >>

Creating "Search This Blog" or Blogger Search box

Stumble del.icio.us Reddit MyWeb! Facebook Google bookmark

After creating my "Google Search" box, I wanted to have a search box completely dedicated to searching my current blog. Though, I could also have both the searches work together, but I prefer them to be separate. For creating the search specific to my current blog, I did not have to do much as I used the same search box that comes with the default blogger navigation bar. Wondering how ?? ... Read on ...

Well, if you just do a right click and view source for your current page you will realize that the navigation bar is an iFrame.
It looks something like this just below the <Body> part in the source code:

<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=7763145969073648252&blogName=The+blog+hackers%27+club&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=BLUE&layoutType=LAYOUTS&homepageUrl=http%3A%2F%2Fblogdesignhack.blogspot.com%2F&searchRoot=http%3A%2F%2Fblogdesignhack.blogspot.com%2Fsearch" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" title="Blogger Navigation and Search"></iframe>
<div></div></div></div>

So, I thought why not just take out the search box from this navigation bar and place it in sidebar. That what I exactly did. All you need to do is just copy this part of the code from any of your pages, and follow the following steps:

1. Go to Layout tab under dashboard for your current blog.
2. Hit "Add Gadget"
3. Choose HTML/Javascript.
4. Paste the copied code into the content box after giving title in title box.
5. The content box should look something like this :

<div id="navbar" class="navbar section">
<div id="Navbar1" class="widget Navbar">
<script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>

<iframe frameborder="0" title="Blogger Search" marginheight="0" marginwidth="0" height="30px" src="http://www.blogger.com/navbar.g?targetBlogID=7763145969073648252&blogName=The+blog+hackers%27+club&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=BLACK&layoutType=LAYOUTS&homepageUrl=http%3A%2F%2Fblogdesignhack.blogspot.com%2F&searchRoot=http%3A%2F%2Fblogdesignhack.blogspot.com%2Fsearch" id="navbar-iframeSelf" scrolling="no" width="90%">
</iframe>
</div>
</div>

Just make sure that you change the width to 90% so that none of the other portions appear in sidebar.
Hit save and enjoy!!!

Continue >>

Add a Google Search Box on Your Blog

Stumble del.icio.us Reddit MyWeb! Facebook Google bookmark

Do you want to add a new Google search on your blog? It's pretty simple. Just follow the steps defined here and you will be good.

1. Go to Google Adsense and then login.
2. Click on Adsense Setup.
3. Click on "Adsense for Search".
4. Click search type "The entire web".
5. And then just follow the default patterns or whichever colors you like.
6. At the end of it Google gives you some code. Copy both of them together.
7. And come back to your blogspot blog.
8. Now goto dashboard and then hit "Add a gadget".
9. Select HTML/Javascript in the gadget list.
10. Add a title "Search google" the title text.
11. Paste the code that you copied in step 6. It should look like this if you copied it correctly
    

    :<form id="cse-search-box" action="http://myblogname.blogspot.com">
    <div>
    <input value="partner-your-pub-id" name="cx" type="hidden"/>
    <input value="FORID:10" name="cof" type="hidden"/>
    <input value="ISO-8859-1" name="ie" type="hidden"/>
    <input name="q" size="71" type="text"/>
    <input value="Search" name="sa" type="submit"/>
    <a href="http://myblogname.blogspot.com/?q=&sa=Search#1099">Clear Search</a>
    </div>
    </form>
    <script src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en" type="text/javascript"></script>
    <div id="cse-search-results"></div>
    <script type="text/javascript">
    var googleSearchIframeName = "cse-search-results";
    var googleSearchFormName = "cse-search-box";
    var googleSearchFrameWidth = 800;
    var googleSearchDomain = "www.google.com";
    var googleSearchPath = "/cse";
    </script>
    <script src="http://www.google.com/afsonline/show_afs_search.js" type="text/javascript"></script>
    

    
    
12. Hit save and come back to Layout tab.
13. Now move your gadget to the top area or whichever area you want to display.
14. Hit save and you are done.
    

If you want to have radio buttons to toggle between searching web or your blog, you can append this code just below the search button code.

<font size="-1">
<br/><input checked value="" name="sitesearch" type="radio"/> Entire Web
<input value="mycomponent.blogspot.com" name="sitesearch" type="radio"/> This Blog <br/>
</font>

Continue >>

Remove / Hide the blogger Navigation Bar

Stumble del.icio.us Reddit MyWeb! Facebook Google bookmark

Well, the next thing I wanted to do in my blogs is hiding the blogger navigation bar. The way blogger has designed all its templates, you are not given an option to hide the navigation bar. So ideally speaking it means they always want you to show the nav bar. But there is a way around ... :). For example you don't see any navigation bar on this blog ..right ??? Ok here you go on how to do it in few simple steps ...
[YOU ARE ADVISED TO "DOWNLOAD FULL TEMPLATE" BEFORE YOU MESS WITH ANYTHING.]

1. Go to your dashboard and select "Layout" tab.
2. Click "Edit Html".
3. Check the "Expand Widget Templates" checkbox.
4. Scroll down until you find "#header-wrapper" or better still just copy paste everything from the textbox into a notepad and then do a Ctrl+F for "#header-wrapper".
5. Copy and Paste the following just below #header-wrapper {width:880px; margin:0 auto 10px; border:1px solid $bordercolor;}
6. 
   

   #navbar-iframe { display: none !important; // hide the navigation bar}

7. This should now look like this:

8. /* Header
   -----------------------------------------------
   */
   
   #header-wrapper {
   width:880px;
   margin:0 auto 10px;
   border:1px solid $bordercolor;
   }
   #navbar-iframe {
   display: none !important; // hide the navigation bar
   }

   
   
9. Save settings. and you are done. Enjoy!!
10. And yeah ! don't worry you can always goto dashboard or in edit mode when you login by going to blogger.com.
    

If you want to know, how this works ..here it is :
1. Basically, if you right click anywhere on your blog page and take a look at the page source, you will find something like this

<style type="text/css"> #navbar-iframe { display:block }
</style>

</head>
<body>

<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=8223219756526365841&blogName=Rants+And+Raves...+aur+Kya+%3F&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=BLACK&layoutType=LAYOUTS&homepageUrl=http%3A%2F%2Faskjha.blogspot.com%2F&searchRoot=http%3A%2F%2Faskjha.blogspot.com%2Fsearch" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" title="Blogger Navigation and Search"></iframe>

......
etc ...
etc..

If you see the frame Id is named as navbar-iframe

Thus if we change the style in CSS (cascading style sheet, which defines how your page should look) and make the display style to "none", the navbar will stop appearing in the page. :) . That's how it works !!!

Continue >>

Create your own shortcut icon/ address bar icon

Stumble del.icio.us Reddit MyWeb! Facebook Google bookmark

Are you fed up of the generic/common blogger icon that appears on every other blog when you open it in the browser ?



Well, assuming that the Blogger terms of service are not violated if we try to change the shortcut icon (or FavIcon as it's well known), here is a series of steps on how to accomplish this with any of the templates that the blogger provides:
[YOU ARE ADVISED TO "DOWNLOAD FULL TEMPLATE" BEFORE YOU MESS WITH ANYTHING.]

1. If you already have an icon somewhere on the web, goto step 7. Otherwise for uploading a new icon, click on new post.
2. On the Compose or Edit Html tab, click on "Add Image" button on the text toolbar.
3. Click browse under the "Add an image from your computer" text and select the image you want as icon. Be sure that you choose only the formats specified by Blogger. It should be one of jpg, gif, bmp and png images, 8 MB maximum size. Though, you can upload upto 8MB of image, but it won't be wise to do so. Choose an image which is not beyond 4-8 Kb size or a 20x20 or 32x32 pixel size will be sufficient. The larger the images, the slower your pages will load.
4. Once uploaded, Click "Done", and come back to the New Post page.
5. Now from the "Edit HTML" tab, select the src="http://www.blogger.com/......png etc" within the <img tag. Copy just the url/link of image.
6. Click on "save as draft" button. Keep this post as draft forever.
7. Now go to Customize -> Layout -> Edit HTML, then click "Expand widget templates" checkbox.
8. Scroll down until you find ]]></b:skin> or </head>.
9. Paste the full url of the image you just uploaded or the image url where you have your icon in the following format just above the </head> part as shown.
   

10. 
    < href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPBYIXunMn2FBIUnJdFS3mVP2f_ScLkYyMgYLRhSv3mftWAggyT8y9v9liBxNKwW5YEWB5D_QyLxo_XKnH3gku4QBAWk_YR2pvGTCd4qlNOskyd3JjOw1_ZLXw43f_2stf8dDHcQCbDkA/s320/Pinto.jpg' rel='SHORTCUT ICON'/> </head>

    
    
    The highlighted url will be your url image. The one shown here is mine.
    
11. Click Save template and enjoy!
    

Continue >>

Resizing your page or blog

Stumble del.icio.us Reddit MyWeb! Facebook Google bookmark

The default size for the blog when you create it is usually 660px in most of the blog templates that the blogspot has. It's easy to change the size of the blog (width etc) if you want. Just goto customize -> Layout tab -> Edit Html. Click on Expand Widget Templates and then follow the following.

YOU ARE ADVISED TO "DOWNLOAD FULL TEMPLATE" BEFORE YOU MESS WITH ANYTHING.

The default settings are as defined here:

Under the header section, you will see the following css class definitions:

/* Header
-----------------------------------------------
*/
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Look for #header-wrapper. This defines the header width(the block that contains your blog title and description). So you might like to change the width from 660px to say 800px or more if you want, so that it becomes:

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:800px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Similarly, look for all other css styles with width of 660px and change them to 800px. Specially look for #header .description, #outer-wrapper, #footer.

You might see the following in NOT particularly the same order:

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:660px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Now after you have changed all 660px to 800px, is the time to change the main blog post width to fit the page.
The sidebar width is usually defined at 220px as shown below: (Specially look for #sidebar-wrapper)

#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}

So we have to have the width of post as 800-220 = 580px. So look for the following in your css definitions: #main-wrapper

#main-wrapper {
width: 410px;
float: $startSide;
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 */
}

Change 410px or whatever is defined there to 580px. And Voila after you save the settings, you are flying with a new more spacious blog of yours. :)
Enjoy!!

Continue >>

The blog hackers

Stumble del.icio.us Reddit MyWeb! Facebook Google bookmark

I created two blogs

• AskJha.BlogSpot.com
  
• mycomponent.blogspot.com

And then I had to re-configure them as per my design choices. So I thought, okay..it's time to create a blog where I can compile everything I do for my blogs so other users can also use them.

I am a programmer by CHOICE. So you will find everything here that you want to re-design your blog.
Happy hacking !!!

Continue >>