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

Read more »

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

Read more »

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

Read more »

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

Read more »

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

Read more »

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

Read more »

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

Read more »

Free Web Hosting Without Ads

If we have a/some blogs, webhosting is important to support our blog running. web hosting is use for put our files such as images, sound, script, videos and many more. We can use use paid hosting or free hosting, but I suggested you to use 000webhost as your web hosting. 000webhost is a free web hosting service with full feature and no force ads. 000webhost is an amazing web hosting service. It's free web hosting that gives many features such as:- 250 MB Disk Space- 100 GB Data Transfer- cPanel Control Panel- Fantastico De Luxe 1-Click Autoinstaller- Website Builder Software- PHP Scripts Autoinstaller- MySQL Databases- Curl, GD2 library, ImageMagick, Zend- and much more features are enabledBut to make your web hosting running well you must folow their rule.Here is the most important rules:1....

Read more »

Free Domain co.cc

Do you feel your blog name is too long?If we create a blog, use blogspot or wordpress service, we have to make a name to our blog, it should be like "name.blogspot.com" or "name.wordpress.com". Do you feel it's such as a long name? If we have some money, we can buy a domain, and then our blog name would be like name.com or name.net or name.co.uk name.us etc.But now, we can to get free domain to cut up our blog name. it's co.cc service. We can register domain to co.cc, our blogname will be like "name.co.cc". It's free, no payment needed, no setup fee and it's easy to setup. I thinnk it's very good service that offer us a free domain name. I have...

Read more »

Get Paid From Bloggerwave

Bloggerwave is one of PPP (Pay Per Post) Program. It's like sponsoredreviews, buyblogreview and other PPP program. They provide some jobs to be reviewed by bloger. It's such as writing an article about a website or company and then we post it in our blog. To be approved to Bloggerwave is easier than other PPP programs. No PR needed or any others criteria. So I thing this is a good PPP prog...

Read more »

HTML Color Codes

Color is very important to design a blog. But to give a color to background or text or table it's not as simple as looks like, we have to know tho color code. With HTML color codes you can set the color of web site background, color of text, cells in tables and much more. With this dynamic HTML color codes chart you can get codes for basic colors.Click on any color to get it's HTML color co...

Read more »

Back up Your Blog

Back up blog? is it important? Yes it's very important. Because we can't guarantee that our blog will exist forever. Lately, many blogers lost their blogs because of unpredicted fault . Few months ago I lost all of my blog (it'a about 10 blogs), but now I got some of them back. Since then I know how important to back up our blog. It's really frustating when your hard work suddenly lost. There is a free service website that allow us to back up our blog. It's name is blogbackuponline. They give us a space for 5 MB. Althought it's small but I think it's enough for us to backup our blog. If our avarage posted arcticle is 1000 character, meaning it can backup until 5000 title. It's for free version. They also provide more features for premium account. Just go to blogbackuponline and back up your...

Read more »

Put Paypal Donation Box to Blog

Do you want to put this box in your blog/site? Well many of us want put this code on their own blog/site like those popular sites but they don't know how. Well i am very glad to teach you and going tell you how.If you don't have a paypal account, click here to sign up one. Well i supply the code, and you just simply copy and paste it, is that simple.Ok here we go.Just copy the code and change some values in red.Change Blog/Website Title to your own Blog title example change to "The-Online-Quest".And change Your paypal email to your own paypal email.Code:<!-- The-Online-Quest Pay Pal Donation Form Code Start --><center><table border="1"...

Read more »

How to Create Dropdown Menu

What is dropdown menu?Dropdown menu is like this : Blog Archive How To Create Dtree Menu How to Create Search Engine Here is the trick how to create dropdown menu :Copy the code below and put it on your page elements.<select onChange="document.location.href=this.options[this.selectedIndex].value;"><option value="0" selected>Blog Archive</option><option value="Links 1">Text 1</option><option value="Links 2">Text 2</option></select>The red text is links, change it with your links.The blue text is Anchor text. Yau must change it.For example :<select onChange="document.location.href=this.options[this.selectedIndex].value;"><option value="0" selected>Blog Archive</option><option value="http://trick-blog.blogspot.com/2008/02/tutorial-to-create-dtree-menu.htmll">...

Read more »

Free Unlimited File Hosting Service

If we have a web/blog especially about downloading like mp3, video, ebook etc, it’s need a webhost to put these files, and usually we like a free webhosting rather than paying. But there are some problems/limitations if we chose a free file hosting like :Bingung Cari Tempat Hosting Gratis Dan Unlimited? - Limited capacity/storage.- No store big files bigger than 5 MB (Usually).- traffic limitation (base on time)- etc.Now I have a solution to solve the problems. Try to use ziddu. ziddu is one of the free unlimited file hosting service. What will you get from ziddu? here is :- Unlimited storage, (you can upload your files as much as possible).- maximum file size to uploaded is 200 MB (it’s big enough)- No huorly traffice limitation.- Get paid everytime others download your files.For the last...

Read more »

How to Create Float Image

This tutorial is about to create float image that will always show on your corner blog althought you drag side scroll bar. see example. You can put an image, widget, clock etc on the corner.Step by step to create Float image.1. Login ke blogger then click "Layout -->> Edit HTML2. Find this code ]]></b:skin>, then put the code below above it.#float_corner {position:fixed;_position:absolute;bottom:0px;left:0px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}3. The bold text is it’e position. you can change it with "top", "bottom", "left", "right"4. The next step is put the code below before tag</body><div...

Read more »

How to Create Email Form Subscription

The function of Email Form Subscription is to let your loyal visitors to subscribe your new article/posting in to their email. So if your post a new article your subscriber will receive your article automatically. It’s very usefull, your subscriber will know if there is a new article, so they will come to visit your blog immediatly.Here the trick to create Email Form Subscription1. visit this site : http://www.feedburner.com2. You will see a box to enter your blog feeds. enter your blog feeds in to the box. Usually your blog feeds is like this : http://YOURBLOGNAME.blogspot.com/feeds/posts/default 3. If you have video file in your blog content, check on the "I am a podcaster"box, If not, it’s unnecessary. Then click "Next" Button.4. After that, you must to fill a form, fill it with your information...

Read more »

How to Create Blogroll (Link List Box)

As a bloger, we usually added our Friends link on our blog. Day by day and month by month it's number will increased. But if your friends link over than hundredsor or even thousands, it will be a problem, your blog space will full of your friends link list. Now I will show you how to create a blogroll, a box to place your friends link list. You can fill it with as many as links, and it's size will not get bigger. So it will save space on your blog or sidebar. The box will be like mine.Here's the code that you should to copy and place on your blog or sidebar ("Add Page Element --> HTML/Java Script").<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 200px; height: 300px; text-align: center; ">#link1 <br />#link2 <br />#link3 <br />#link...</div>Note:-...

Read more »

Display Yahoo Messenger Status on Blog

The advantage of showing Yahoo Messenger status on your blog is your visittors can talk or ask something to you directly via YM, it will make your relationship with your visitor to be more tighly. Ok lets begin.If you’re oflfline, it will display image like this:And if you’re online, it will display icon like this:It’s very simple to create it. You just copy the code below and put it on your "Page Element" or sidebar.<a href="ymsgr:sendIM?kendhin_x"> <img src="http://opi.yahoo.com/online?u=kendhin_x&amp;m=g&amp;t=2&amp;l=us"/></a>Change the red text (kendhin_x) with your YM id.Look at the green number "2", you can...

Read more »

How to Show Recent Post on the Sidebar

To show your recent post on the sidebar is very easy, you just follow the instruction below then you will see your recent post on your blog sidebar. here’s the steps :1. Login to Blogger then Chose "Layout"2. Click on "Add page element" (chose where you want to put it) then chose "HTML/Javascript"3. Copy the code below and put it in the "content" box.<script src="http://www.geocities.com/uddin_81/recent-post.js"></script><script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>4. Change YOURBLOGNAME with your blogname.5. The number "10" it’s amount of recent...

Read more »

Widget to Put Comment Box Under Posting

Sometimes ago I have posted an articel about "How to Create Commnet Box Under Posting" it use haloscan comment box. It working well for some bloger and bad for some bloger too. If you failed or dislike using haloscan comment box, may be this will be alternatifvfor you. This comment box is created by intensedebate.com, this comment box can be use as a widget, and to apply this widget is very simple, and to remove this is more simple it just like when you remove Page Element from your blog. Ok, if you interest to try this widget I’ll show you how to put it.1. Login to Blogger.com the chose "Layout --> Edit HTML", click on the link "Download...

Read more »

Tutorial to Create DTree Menu

DTree is a menu that be arranged like a tree. It will be like menu when you open "windows Explorer". It's very usefull if you have many posting (articel) in your blog. It can contain many link in small space. It will be like the below image :Here's the step by step tutorial to create "DTree Menu" in blogger:1. Login to Blogger, go to "Layout --> Edit HTML"2. Put the code below over <head><link rel="StyleSheet" href="http://blogoholic.info/files/dtree/dtree.css" type="text/css" /><script type="text/javascript" src="http://blogoholic.info/files/dtree/dtree.js"></script>3. Save your editting.4. Now edit end copy the below...

Read more »

Tutorial to Create Blogger Template

This tutorial is to create simple blogger template, with simple methods. The easiest way to create blogger template is by edit a template. But don't worry, althought this is a simple methods but it can produce a beautifull template, it depend on how you design it. This tutorial is not to create blogger template from beginning but this is to create template by editing a template. Ok lets begin.Before we begin I suggest you to create a new blog,weI don't wont to destroy your blog.To follow this tutorial you have to download this template first. downlad template.We will create a template that contain four main elements, (Bakground, Header, Main...

Read more »

How to Hide Your Post Date, Time and/or Author

There are some reason for bloger to hide Post date, time and author. May be they want to see their blog looks clear or everything. Now I will show you the trick to "hide your post date, time and or author". the mothods is very simple, just find the code that I pointed to you and delete it. You can chose which part want to delete, date only, time only, author only or it all. Ok, if you decided to do it lets begin the hack. 1. Login to blogger the go to "Layout --> Edit HTML"2. Click on the "Download Full Template" to back up your template first.3. Check on the "Expand Widget Templates" check box.Hide Post Datefind this code and delete it.<data:post.dateHeader/>.Hide Post Timefind this code and delete it. <span class='post-timestamp'><b:if cond='data:top.showTimestamp'><data:top.timestampLabel/><b:if...

Read more »

Show or Hide Your Full Post in Blogger

This is the way to show or hide your full post on the main page of your blog. This is different from my old "Read More " methods. If in old "Read More" Methods it will show "Read More" link, then if you click the link you will load and go to another page that will show your full post/articel. But with my next methode below, if you click the link you will see your full post/articel in the same page and it no needs time to load, it only expand your full post. Do you want to try it? here is the trick:1. Login to Blogger, Chose "Layout --> Template --> Edit HTML 2. Click "Download Full Templates" link to back up your template.3. Check on the "Expand Template Wdiget" Check Box.4. Copy the code below and paste above this code </head> <script src='http://kendhin.890m.com/Readmore.js'...

Read more »

Privacy Policy for tips-trick-blogs.blogspot.comIf you require any more information or have any questions about our privacy policy, please feel free to contact us by email at browcom9000@gmail.com.At tips-trick-blogs.blogspot.com, the privacy of our visitors is of extreme importance to us. This privacy policy document outlines the types of personal information is received and collected by tips-trick-blogs.blogspot.com and how it is used. Log FilesLike many other Web sites, tips-trick-blogs.blogspot.com makes use of log files. The information inside the log files includes internet protocol ( IP ) addresses, type of browser, Internet Service Provider ( ISP ), date/time stamp, referring/exit pages, and number of clicks to analyze trends, administer the site, track user’s movement around...

Read more »