This Saturday High Noon

Street Chopper Release party in Anaheim...come here at noon stay until ?? Then cruise over to the Dice Party in Burbank. Nice fun day of motorcycling! Street Chopper also has yearly subscriptions now...Get one @ http://www.streetchopperweb.com/index.html

New Dice // Saturday Night Party

Dice has a new issue out ( #43 ) and they are also having a release party/Benefit for Ryan Grossman on Saturday night at the Evil Spirit headquarters. Check out the latest happenings@ http://dicemagazine.blogspot.com/

How To Add Related Posts Widget To Blogger with Thumbnails

Now here is a wonderful hack for displaying related posts beneath each of your blog posts, along with thumbnails. The related articles are chosen from other posts in that same category/label/tag. With this hack many of your readers will remain on your site for longer periods of time when they see related posts of interest.

Steps adding the Related Posts Widget to Blogger/Blogspot

Step 1. Go To Blogger Dashboard >> Template >>Edit HTML;

Step 2. Check the "Expand widgets template" box;

Step 3. Search (CTRL + F) for this piece of code:

</head>

Step 4. Copy and paste the below code just before/above </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhun85gEqJSOms8qwY1YDK7WMWgca8kCY0jbdQK9o_5YiXKh9JcfipN63ukYITvgQl1YfFvSUDPtJYLIN9C0SpQ71pLBWOyN9zYYFyvpkcabsxIi049WVGK2aX-gAvirq0_lV9v509er9IY/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Note:
- to change the default picture, replace the URL in blue with your own
- for displaying more than 5 posts, replace 5 value from "var maxresults=5;"
- remove the code in violet if you want the related posts to be displayed in homepage too

Step 5. Now find the following code:

    <div class='post-footer'>

Step 6. And just above it, copy and paste the below code:

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrBrDeF4MA2n5Mn3ZwiKx-9tgqZ0yci-rXHa31sssU1SsvDO4m6-r5HJMG8zopXa8DCLbGkvKgNqJk7d0NQn_J0HgcnhUVygNIstKWnl4eED2pfuHrccnyk8mVNwGXJjC9WA8Jzwy1aduS/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

Note:
- change the 6 value from max-results=6 with the number of posts you want to be displayed.
- If you want the related posts to be displayed on homepage too, remove the code in violet.

Step 7. Save the Template

Enjoy :)

Credit goes to: bloggerpluggins.org . Modified by me

How to change Blogger "Post A Comment" Message

In this tutorial i will show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, I will make available to you a few cool images or you can add your own image if you like... so let's get started.

How to replace Post a Comment with an image

To replace  "Post A Comment" message in your Blogger / Blogspot blog follow the next steps:

Step 1. Log in to Blogger, go to your Blogger Dashboard >> Design >> Edit HTML

Step 2. Tick the "Expand Widget Templates" checkbox.

Step 3. Now search (CTRL + F) for the code marked in red:

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>

...and for this one too:

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Step 4. Replace <data:postCommentMsg/> with one of the below images codes:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUB0TKMyrxdo6oWGlKHakPY-DwUchS7dHi3pd3jE2CYj9FIYvfIARvXx4xZ23kJV32Sr29iZ5O_suPsu947PlavlfXlvlJzMZf_vf2L6MO7aZat10cmzEu914oxW0KP1qFD6eeAE-Tiho/s1600/leave+a+comment.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1SiS97Jlvua6jykr1TVQfNiUYmypopGS56ZR6aRsa_m9pNl-SYJxCuhCIX35KTuzVu9TiQqvL_xekTVISxLzcKofX-Jnj-KnujlFcTRGpvY-SmwiI_rNOCJLSkmY8MGwjyCadGi0_MU/s1600/Post+a+comment+blogger.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEippULxjsxhJlIPAf6NPJKCjCK5H3Irn7cl3UAS9Tc8Shihlquk_FeiTLLd0NqW9Zj6ZwRcuYmi5JnLubsd61nRFejs6RTIrTerUp8Nhgt6mISMuXhuWT5iVKUrNQCU2CYTszBkt_H8iKdf/s1600/animated+comment+arrow.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAp0M4VHlEgp7-nTAtQssnnJd2h9U6frTWCxMwqlbBNDz8ZepM15SIRPvnh1vCJSV5LYMHtj64E9TEFLhJ9cn7mzGHhvpm4cLaroN8cNa0lhWT7Da-tAii23RE01TGt1_D7J_9RP84cyTR/s1600/leave+a+comment2.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMRRFWxe-Ca9m4X1S0-Hi7VsuFrup7rh7P_I8ymTdVyOL82OCSye0AbTakkKS9xdJXk8i3Pxb4XL_sv6gf8_VihsMaQ9lk3EZW2BnSmIWlZQdne6sySUrPSJB8drMIjL0pn5pgEF-zftkd/s1600/comment.gif" />

You can use your own image instead. Just upload your image on Blogger, switch to Edit HTML tab, copy the image code and replace <data:postCommentMsg/> with your code.

UPDATE! Step 5. The first steps will replace the text only when there are no comments available. To show the image each time new comments are added, we should add the code of the image we want to appear after the 4th of the below code (search 4 times for it):

<p><data:blogCommentMessage/></p>

Step 6. Save Your Template.

Thats it! I hope you like your new comment form !

The Factory Metal Works

Lucas from The Factory Metal Works is turning out some very nice british bikes.He just completed a Triumph 500 build for music man Butch Walker and a handsome 65 BSA chopper.They also stock frames,fab parts,seats,springers and anything else you need to DIY.He is also stocking from Baron's speedshop Wassell style ribbed fenders made by the original Wassell tooling. Check out whats going on @ http://www.thefactorymetalworks.com/

Bike Show for The Vets

April 29th 2012 .We will be vending at the event.Go to http://bobberzunzun.wordpress.com/ for all the details.

New Greasy Kulture Magazine

Here is the lastest issue of GK..Grant is the cover boy on his Shovel. Mark Kawakami (Joyrides) did the shoot.Get one online@ http://www.greasykulture.com/ or I will have them at the Cycle Lodge in a week or so.

Tank Winner

Happy Guy....Big Thanks to Low Brow Customs for donating the tank & Harpoon for the wild paint job.

How to optimize Images and Increase Blog Traffic

This tutorial will explain you how to optimize images before uploading them to internet. Generally most of people don't optimize images before uploading it to Blogger as needed. Optimizing images should be done when talk about the SEO (Search Engine Optimization). Learning the correct and proper way of optimizing images in blogger is important. Google Image search is used widely for finding quality reference images, icons and photos. A great percentage of our blog traffic depends on Image search. When we are downloading images, most of the time they are saved with very odd names and we don't take any interest in modifying the name. So you should always consider two things when uploading images to Internet these are proper use of alt tag and image name should be change with proper keyword. Let me explain..

1. Change Image Name with Keyword
see in the screenshot
When we are downloading images from Internet, generally they are saved in local drive with some very odd name like untitled.jpeg, img1.jpeg etc. So changing these names with appropriate keywords is always helpful. For example, if i want to add img1 or untitled in this post then definitely i will change these name with those words which describe the content called keywords so i will change to image SEO.jpeg or optimize image.jpeg.


2. Use alt attribute

Search robots can not read multimedia may it be graphic images or flash. An image is meaningless for search spiders if it is not defined(tagged). So to tell search robots what the image is all about, we can add an alt tag to our image code. When you add a photo to your post editor, switch to "Edit HTML" mode and find the HTML code for the image which will look something like this:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg54UUE0tTq6as9IzOge6QFgcf9BfWSY3adTlZiTWyPwmS4wKkFwEwRqmRfX6IODmwqLVf3K142gc4s5zsXmQmWfL7v0DiV3BdZtD_FdTBt_TZ6L06kzozlXAmKBqc1qzd2vJEBv034fs0R/s1600/how+to+seo+optimize+blogger+posts+titles.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg54UUE0tTq6as9IzOge6QFgcf9BfWSY3adTlZiTWyPwmS4wKkFwEwRqmRfX6IODmwqLVf3K142gc4s5zsXmQmWfL7v0DiV3BdZtD_FdTBt_TZ6L06kzozlXAmKBqc1qzd2vJEBv034fs0R/s200/how+to+seo+optimize+blogger+posts+titles.jpg" width="100" /></a></div>

Now you need to identify the HTML code of the image which is marked with red. Just add the underlined alt tag after <img as shown below:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg54UUE0tTq6as9IzOge6QFgcf9BfWSY3adTlZiTWyPwmS4wKkFwEwRqmRfX6IODmwqLVf3K142gc4s5zsXmQmWfL7v0DiV3BdZtD_FdTBt_TZ6L06kzozlXAmKBqc1qzd2vJEBv034fs0R/s1600/how+to+seo+optimize+blogger+posts+titles.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="image description" border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg54UUE0tTq6as9IzOge6QFgcf9BfWSY3adTlZiTWyPwmS4wKkFwEwRqmRfX6IODmwqLVf3K142gc4s5zsXmQmWfL7v0DiV3BdZtD_FdTBt_TZ6L06kzozlXAmKBqc1qzd2vJEBv034fs0R/s200/how+to+seo+optimize+blogger+posts+titles.jpg" width="100" /></a></div>

Replace image description with your own keywords. And try to write short sentences to describe them, also keep description limited to 4-5 words. Less is better.

How To SEO Optimize Your Blogger Blog Titles For Higher Search Results

This is called "Blogger/blogspot Title Swapping". Swapping blogs title can help boost your position in search engine results page listing and also increase clickthroughs. From an SEO (Search Engine Optimization) perspective, page title is the most important element in your blog in terms of ranking well in search engines. If you look at your browser's title bar you will notice that Blogger's default templates display your blog title in front of each page or post title. So page title would normally be displayed as:

After swapping the blog title, it will be appearing like this:

This kind of placement will be also appearing in google search results. The reason why you should put post titles at the beginning is because users are more likely to search for specific post content rather than the actual name of your blog. So having the post titles at the beginning increases your chances of being found.

How to optimize blogger post titles

Step 1. Log in to your Blogger Dashboard and go to Template > Edit HTML

Step 2. Check the "Expand Widget Templates" checkbox

Step 3. Find (CTRL + F) this code:

<title><data:blog.pageTitle/></title>

Step 4. Replace the code above with this one:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>

Step 5. Click Save Template and you are done.

Good day.

Thanks for everyone coming out! It was awesome! These are the pics I got which isn't much...

Party!

Ride, drive, fly, walk, jog, crawl...just don't miss it!

Win big tomorrow!

Tomorrow is our big debut party for both of the 1969 Shovelheads we are giving away at Born-Free this year!
Free food and drink AND someone will win this Kustom painted Lowbrow peanut tank by none other than Harpoon! Worth over $1000, all you had to do was buy a poster/ticket combo in the last month to be entered..
Good luck! See you at the garage company tomorrow! 956 west Hyde Park, Inglewood, CA. 2pm-dark.

Just a Taste

Of what's to come.

Cutting it Close

With the party tomorrow and still no paint for the 69 stocker the stress is mounting.We were working late at the lodge last night to get the bike back together but it without the paint ?? We are keeping our fingers crossed..

How To Remove Blogger Attribution Gadget

The Attribution gadget is the gadget in the footer that says "Powered By Blogger". If you have tried to remove this then you may of noticed this gadget is locked into you blog. To unlock it, follow the next steps:

Step 1. Log in to your Dashboard, go to Template > Edit HTML

Step 2. Check the "Expand Widget Templates" box

Step 3. Search (CTRL+ F) for this code:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Step 4. Replace true with false

Step 5. Click on the Save Template button

Now attribution gadget is unlocked and it can be removed. Just go to:

• Layout and click on the edit link from Attribution gadget:

• Click on the Remove button - as you can see in the screenshot below:

That was all !