Create Tab View

Tuesday, September 30, 2008

Tab View is very usefull box. We can fill it with many contain. It will save our blogs area. (See Image Below)


Here is Tutorial how to create a tab view:

1. Login to blogger, go to "Layout --> Edit HTML"
2. Then find this code ]]></b:skin>
3. Insert the below code before ]]></b:skin> or in CSS tag.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Width top main menu */
text-align: center;
height: 24px; /* Height top main menu */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Top Main menu border color */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Top main menu font */
font-weight: 900;
color: #000; /* Top main menu font color */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Top main menu background color */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Content Border color */
overflow: hidden;
background-color: #FF9900; /* Content background color */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. You can change the code according to the red text explanation. To get html color code see HERE
5. The next step is put the code below before </head>

<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>

6. Then "save" it.
7. Go to "Page Elements" menu
8. Chose "Add Page Element" --> "HTML/Javascript" in place where you want to put this tab.
9. Insert this code :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Note :
- The number or the blue text(350px) Is size of the tabview.
- The green code is the main menu text
- The red code is the content of tabview. you can fill it with links, banner, widget, comment or anything.
- To add more menu, see on the blink code. Add the code under it.

Good luck every body.

Show Recent Comments

Sunday, September 7, 2008

It's very usefull to Show Recent Comments on main blog page. We can know who have given comments on aur articles without open it one by one. At this time I will show you how to show recent comments on our main page blog. It's very easy

1. Login to blogger then go to "Layout"
2. Then copy this code :

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://trick-blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>

- The 8 number is the sum of comments that will show up.
- Change trick-blog.blogspot.com with your blog's name.

3. You can show it in page elements. Just click on "add page elements --> HTML/Javascript" Then insert the script in it.

Or you can plug it in the "Tab View"

How to choose a domain name

Tuesday, September 2, 2008

These days we are seeing a boost in Internet users all over the world. Now most of the people want to get recognized by their own web sites. Moreover the web sites can also be seen as the future money makers as the blogs have a lot of earning potential inside them if written properly.

 

If you are also one of those trying to get a new web site for yourself then always try to consider these following tips when choosing a domain name for your web site or blog :

 

• My most important recommendation is that always try to get a dot com ( .com ) domain. Its a fact that we remember the web site name with dot com easily rather than those .co.us or co.uk , .org & others . It also helps in preventing confusion in web site names. Domains like dot co dot uk ,us,in ,etc are suitable if you have a web site representing your Business. Moreover dot org is suitable for those web site related with organizations or institutions.

 

• Short Domain name : Big web site addresses are difficult to remember & to type too as there are mistakes often. But short names are easy to share & remember.

 

• Do not try to get a domain name which is an intimating address of some other web site like shoemoney.com to xhoemoney.com or something else like that . Hey I suggested a new name .. he he:) . Try to get your own unique name.

 

• If you are having a domain name in your mind then you can check for its availability at web sites like Check Domain & get it registered at the earliest.

 

• Try to use short form of the name which is in your mind & then try to apply it as domain. It results into better & shorter  domain name.

 

So hurry !! up Internet Revolution is taking place register your domain name before some one other grabs it.

 

If you loved  my post, then feel free to subscribe to my post & get them sent into your Inbox Click here!