ChatBox

Saturday, November 1, 2008

Highlight Author Comment in Blogspot

This trick is to give a Highlight Author Comment . This will make the blog's owner comments looks different from the visitors comments. It's very usefull and interesting blogger hack tips. You can see the example in my blog. Here is what to do to make a "Highlight Author Comment" effect in 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 this script 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 dotted #223344;margin:0;padding:0 0 0 20px; /* Posotion*/}4....

Friday, October 17, 2008

Create Vertical Menu

We have learned how to create horizontal menu before. Now we will try to make a vertical menu. We will make a vertical menu like the image. Ok let's do it1. Login to blogger then choose "Layout-->Edit HTML"2. Put the script below before this code ]]></b:skin> or put it in CSS code area..glossymenu, .glossymenu li ul{list-style-type: none;margin: 0;padding: 0;width: 185px; /*WIDTH OF MAIN MENU ITEMS*/border: 1px solid black;}.glossymenu li{position: relative;}.glossymenu li a{background: white url('http://blog.superinhost.com/vertical/blue1.gif') repeat-x bottom left;font: bold 12px Verdana, Helvetica, sans-serif;color: white;display:...

Tuesday, September 30, 2008

Create Tab View

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:...

Sunday, September 7, 2008

Show Recent Comments

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 easy1. 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...

Thursday, July 17, 2008

Setting Domain Blogspot With co.cc Domain

co.cc is a free domain. It's not only URL forwarding but we can setup DNS Records, A, MX, and CNAME records. We can change our blog's name to become "name.co.cc". It's more simple than we use domain "name.blogspot.com". To change our default blogspot name to co.cc domain name there are some steps to do. Here is the tutorial to setup domain co.cc1. Open your browser to co.cc2. Then regiter a domain that you want to use.3. If it's no available you have to find another domain name. But if it's available then you can register it.4. The you have to setup your domain. Got to "setup-->Manage domain"5. Choose "Zone Records"6. In the coloumn "Host"...

Saturday, June 28, 2008

Blogger Under Posting Comment box

Now, blogger(blogspot) have developed their comment box. Last time ago, if we want to post a comment there should be only a link under our posting, and we have to click the link send a comment, it's not interesting. But now we can find a comment box under our post exactly. It's original from blogger, it's not like haloscan or intensedebate. But it's truely from blogger/blogspot. You can see it under this post.Here is the trick to create comment box under your post.1. Login to http://draft.blogger.com2. Go to Setting-->Comments. then change "Comment Form Placement" to be "Embedded below post" (look at the image below)3. Then "Save Setting"Try...

Monday, June 16, 2008

Show Related Article to Your Post

The advantage of showing related article to your post is it will help your readers find more information related to the topics. This is base on label or category. This is usually put to the end of the article. After your visitors finish read your article, they will find some links that related to the post base on label or category.Here's the tutorial to create "related article to your spot":1. Login to Blogger2. Go to "Layout-->Edit HTML"3. Click on "Expand Widgets Template" checkbox.4. Then download THIS SCRIPT or HERE.5. Open it then copy the scripts.6. Paste the script after this code : <data:post.body/>. If you have "Read more widget" you will find two codes. Put it under the first code.7. Save your template.Good Luck...

Pages 71234 »

 
Powered by Blogger