New Jersey Insider

Hello New Jersey's! We've just added a new style on our blog post title to make it shown in "diagonalize" style's, by add one simple line code. If you find this style are useful and "good looks" for your blogg too, than use our code to your blog post title "style".

Here's the following step to add my code to make your blog post title looks more nice.
1). Login to your blogspot ==> Design ==> HTML.

2). Check "Expand Widget Templates".

3). Find your "blog post title style code" and...

4). Add this code on your "blog post style code".

-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);display:block;position:absolute;

5). See the "red" number on the code. This number is the key to make your text looks diagonal in "some" degree.

6). You can use this code on your link style for "a" and "a:hover" too.

If you find this code are useful, let me know your good words comment below. Do not hesitate to read my latest blog trick too: SEOing Blogspot Post Page with Breadcrumb.

Hello Jersey's! I'm sure that you ever seen a text link on the top of blogspot single page with something like this: Home»Label Name»Post Title Here. This trick's is good for search engine optimization on page to your blogspot. Search engine will crawl your breacrumb text link as a good navigation from your blog. So, are you interested to create one for your blogspot blog? If so, than you can use these following instruction below.

Step by Step to "SEOing Blogspot Post Page with Breadcrumb":
1). Login to your blogger ==> Design ==> HTML.

2). Check "Expand Widget Templates".

3). Find the code below:

<b:include data='top' name='status-message'/>


4). Now add the following code below it.

<b:include data='posts' name='breadcrumb'/>


5). Now, lets search the next code below:

<b:includable id='comment-form' var='post'>


6). And now add this following code above it.

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for post page -->
<p>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
» Nolabeltag
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for archive and search pages.. -->
<p>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

7). Click "Save Template" and try to open one of your blog post or article.

Find this useful for your blog? Let us know by your comment below.