test page 101
test page 101
test page ...
How to remove "Showing post with label...show all posts" message
Monday, September 20, 2010 Category: Basic Blogger Tips 0 comments

When you click on one of your Blogger labels, Blogger filters your posts tagged with that particular label. That's great, but we don't need a big message box saying the same thing. If you like it though, even better. But this message somewhat impacts your blog’s beauty.
This tip helps to remove this rather ugly message.
1. Log in to your Blogger account, back-up your template, then go to: Layout >> Edit HTML. Check Expand Widget Templates box, find the following part of code:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div...
Hexadecimal HTML color codes and names
Sunday, September 19, 2010 Category: Blogger Tools 0 comments
Hexadecimal HTML code helps to change background, font and border colors and this will add a special identity to your website or webblog. You can find the color you want in the chart below.
COLOR NAMECODECOLORBlack#000000 Grey0#150517 Grey18#250517 Grey21#2B1B17 Grey23#302217 Grey24#302226 Grey25#342826 Grey26#34282C Grey27#382D2C Grey28#3b3131 Grey29#3E3535 Grey30#413839 Grey31#41383C Grey32#463E3F Grey34#4A4344 Grey35#4C4646 Grey36#4E4848 Grey37#504A4B Grey38#544E4F Grey39#565051 Grey40#595454 Grey41#5C5858 Grey42#5F5A59 Grey43#625D5D Grey44#646060 Grey45#666362 Grey46#696565 Grey47#6D6968 Grey48#6E6A6B Grey49#726E6D Grey50#747170 Grey#736F6E Slate...
Recent Posts with Thumbnails Widget for Blogger
Thursday, September 16, 2010 Category: Advanced Blogger Tips 0 comments

This tip explains how to add Recent Posts widget in Blogger with image thumbnails and comment count.
So, let's see how to install this widget in your blog.
1. Sign into Blogger dashboard.
2. Go to Layout » Add a gadget » Html/javascript.
3. Just copy and paste this code in it.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate =...
Highlight author comment to distinguish itself
Wednesday, September 15, 2010 Category: Advanced Blogger Tips 0 comments
This trick is to give a Highlight Author Comment to help distinguish between the author’s comments and visitors’ comments. This will make the blog's owner comments looks different from the visitors’ comments. It's such a useful and interesting blogger hack tips. You can follow these steps to make a "Highlight Author Comment" effect in your Blogspot.
1. Login to Blogger, then choose "Layout --> Edit HTML". Don't forget to backup your template first.
2. Check the "Expand Widget Templates" box.
3. Copy the script below and put it before ]]></b:skin> or copy to your CSS area.
.comment-body-author {background: #E6E6E6; /* Background color*/color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px...