How Blog Design Manage your Readers and Visitors

1 comments 07:54 Posted by Mr Ga - hacobi1102

When somebody visits your blog, he/she may just notice your blog design but not a content. If your visitor found the useful stuff, they may definitely return back to your blog for more important stuffs. Unfortunately, if they found your blog's poor design, they may not return back again even you have most unique content.

I practically done many test to know how blog design effects our readers and visitors. And found the final conclusion. You have unique content to show it to your readers but if you haven't care about your blog design then you are doing wrong.

I'll show you why you are doing wrong even you are providing unique content and without caring the blog design. Some days before I started a new thread in Digital Point forum. I got many response from the peoples told that I have a good blog design!

Bad Design
The first time visitor never return back to the blog having poor design. In Digital Point forum one of the person ask for review of his blog. And here is one response:

Click on the Image to Enlarge

His design was not so good, thats why he got such kinds of response and feedback. The man who respond to his thread supposed that due to his bad blog design, he will never return back to that blog.

Good Design
Got a good blog design? Even if you have not good content on your blog, you can be listed on perfect web designers index! And this can be the good source of traffic, readers and visitors. Its better if you have both good design and unique content. Your first time visitor converts into loyal reader and subscriber as well. And this is how your can get lots of benefits by making attractive blog design!

Conclusion
Simply, you can increase the traffic by using time to design your blog. If you have poor design you must change it. After you done, ask for the blog review on Digital Point forum or any other you like. If you get the positive feedback, be happy and keep promoting your blog as usual.

How about using the theme created by HackTutors? I already made 3 professional designed Blogger Template and here are they:

If you have checked my previous Blogger Templates, Thesis Blogger Template is the most popular template ever I created!

For the WordPress users there is only available premium themes which can be bought via money. Here are they:

I hope from now, you'll consider your blog design!

Let me see your blog design please?

Labels: Web design

Releasing Flash News Blogger Template

0 comments 03:10 Posted by Mr Ga - hacobi1102

Once again, I'm back with the new Blogger Template named Flash News. Flash News Blogger Template have 2 columns with the clean layouts and professional design. Flash News Blogger Template suits on any blog. It loads faster with comparison to other web templates. I made Flash News Blogger Template available for free for all blogger users!

View Live Demo

Times Downloaded

Main Features
Flash News Blogger Template has all the features that has been taken out through the official Blogger and Blogger resources. I converted it into Blogger Template, originally it is WordPress theme designed by WooThemes.

Stylish Menu Bar

JQuery Menu Bar

Th top Menu Bar is based on JQuery which is professional designed and with special hover effects.

Featured Post Widget

Hosting and Launching of Your Website

2 comments 20:03 Posted by Mr Ga - hacobi1102

Guest post by Buytemplates.net

In this globalizing world as a cheap and effective way of advertising one s products and companies the contribution of the web site can not be described in a word. For the blessing of cheap web hosting and other facilities it has been possible to ensure a world class internet. Web hosting service is that kind of service which makes oneself available in the internet. It also takes one’s web page visible in World Wide Web. Two kinds of web hosting are available.

Image Credit

One is free from coast when another is paid for web hosting services.
When it is used for personal purposes and not for a company it is free from coast. On the other hand if a company wants to consume the facilities served by the web hosting companies it is mandatory to pay the hosting companies. This payment can be given in a time interval or the consumer companies bound to advertise the advertisement and billboard of the hosting companies.

Nowadays free web hosting services are liked by all most. Besides these there are some limitations in free web hosting services. Limited disk space and limited data transfer can be remarked among the limitations. In that case paid web hosting services is perfect. But if the business is small and one does not want to spend more for web hosting free web hosting will be better option for him.

For the development of business, you must have a website of your business institution. That is one of the effective and cheap media for the marketing of your business. Hosting of the website is not expensive and sometimes that is fully free. But you can get great benefits through your website. Internet is the effective and cheap media for marketing and you shouldn’t overlook that service.

First, you have to make the website of your company or for other purposes. Website designing is not too tuff and sometimes they are too easy that you can simply design that spending 2 to 3 days in the internet. If your company is well reputed and you have enough money for making the website then you should consult the webmasters and use them for designing the website. The website should be suitable to serve your purposes at best.

After designing the website you have to host that in the reliable server and you must confirm the quality of the server and their services. You should choose the service provider who has honorable reputation in their service and senior in the market. You can compare the pricing of the service among other providers of the market because there are many companies those are familiar for web hosting service.

If you have knowledge on the server and the rules of hosting the website then you can login to the cpanel and upload the files of the website using the upload software like filezilla. If you are not skilled then you may take help from the expert administrator who has professional knowledge for hosting the website.

Buytemplates.net is a web products hub offering scores of inexpensive web templates and brochures. The site presents readymade website templates like Ebay Templates, Joomla templates, etc. and also does conversion of PSD2XHTML and many more along with an affordable template customization service.

Labels: Hosting, Web design

Increase your Link Visibility Using Web 2.0 Buttons

0 comments 01:41 Posted by Mr Ga - hacobi1102

Now a days, Web 2.0 applications is being most popular to spice up the website with advanced new features. Web 2.0 applications is used to enhance the visibility of anything like Web templates, buttons, Icons and so on. Using Web 2.0 application, you can make your blog looks like professional and formal layouts.

I've been using the buttons provided by Google on my blog. Actually, we can call it as Web 2.0 buttons. Definitely, you may want to apply such professional looking buttons instead of undesirable links on your blog. Let see we can use the Web 2.0 buttons.

On Subscription Box

Watch on the top right sidebar of this blog, you'll see the subscribe button. Now, compare that subscribe button with your blog's subscription button. But the stupid Internet Explorer doesn't supports for curved buttons. So it may be undesirable view on Internet Explorer.

As Read More Button

Go to the Homepage of this blog. And watch for the Continue Reading button that you can see below each post. This one is click able. When you see that button you may intend to click it.

Have you noticed that each of the Blogger Template which I have made consist of read more link?

Older Post and Newer Post

Many Blogger blog users were having problem with page navigation links. Older post, Newer Post and Home links were not visible but fortunately , I solved that problem. You can see these button on each post of this blog.

These are the existing place where I used Web 2.0 buttons. But, you can use everywhere that you want.

Let see how you can use this on your blog. First off all, download CSS code from here and upload it on your server. Add the Link to CSS where you have uploaded. For example: /style.css" type="text/css" />

Replace /style.css with the URL where you have hosted CSS code. Now, you are ready to use these button. Use this code to embed Web 2.0 buttons on your blog:

You found the complete information and tips from here.

Hope you've used such nice looking Web 2.0 buttons on your website and blog. Let me know if there is any obstacle and error while doing this process on your blog.

Share how do you like these Web 2.0 buttons? Have you used this on your blog?

Labels: Graphic, Web 2.0, Web design

Automatically Remove Widget after Visited using CSS

0 comments 03:15 Posted by Mr Ga - hacobi1102

Today I'll teach you, how to show widget only once after viewing it. Your widget will automatically remove after your visitor click the link or image containing in the widget. Your visitor can't see the widget on the second time if they already viewed it. This process can be applied to your each visitors using some HTML and CSS tricks.

First you have to see the DEMO to get clear information about this. You can see the image of New Message

on the top of the post in this blog. Note: If you already clicked that image then, it may not visible. To make it visible, clear the cookie of your browser or open your alternative browser.

So, you found it cool? You can apply this unique HTML / CSS tricks to your website or blog. Follow the following steps:

1. In you HTML file, find the DIV code of the widget which you want to use this trick.

2. Copy the ID of the DIV widget. It may be something like this,

yourid">

3. Now, in your Style section, use the following CSS code:

#yourid a:visited {
display:none;
}

Replace yourid with your DIV id. Now, view your blog or website!

Example

Let me show you an example of this work. Suppose I have the following DIV code:

image">

In the above example, I have the image with link between the image DIV code. Now, I apply the following CSS code in my CSS section:

#image a:visited {
display:none;
}

Now, the result may looks like this,

Click the image above and refresh this page, you may not see the image in second time. Finally you're done.

How it Worked?

The CSS tag a:visited can be recognized as the visited link, image or anything that consists on specific widget. With the help of a:visited and display:none; tag, the hole widget removed after any person view or click the link containing on the widget.

display:none; tag hides the contents of the widget. If there is no a:visited tag, your widget will not visible in the first time even someone haven't visited already.

So, this was the unique trick to hide the widget after the first click or view of each individual visitor of your blog / website. This may be helpful if you are regular web designer or blogger. You can think yourself how you can use this trick in your work.

I'll be coming soon with the post How to use this trick on blogspot blogger blogs. Till then, Don't forget to show me your work here :)

Do you have a HTML / CSS trick like this? Share with us!

Labels: CSS, HTML, Tips n Tricks, Web design

Get $80 WordPress Premium Magazine Theme for Free By Commenting!

0 comments 09:25 Posted by Mr Ga - hacobi1102

We've released saaZine premium WordPress theme before some days. Today, I've great another great news, You Can Hack Blog has released saaZine magazine Wordpress template yesterday. saaZine magazine featured lots of widgetized regions. This template is currently available in black, brown and white.

Chance to Get Free WordPress premium theme!

saaZine magazine currently costs $80. But You Can Hack blog have organized top commentor contents. Anybody having wordpress blog can participate in this campaign. There will be three winners who’ll get saaZine magazine free with no resell rights and the footer note fixed on the footer of the web template.

You can view the demo of saaZine magazine at http://suraz.elementfx.com. For more information about the features of saaZine. Visit You Can Hack.

Now, you just have to participate and start commenting to get free premium theme which costs of $80. That means you can get $80 by just commenting. Remember there will be total 3 winners where you have more chance to stand on top 3. You can be the winner of the contest, So, what you are looking for? Start commenting on You Can Hack Blog.

Don't forget to share if you are the winner of the contest :)

Labels: Web design, WordPress

New Premium WordPress Theme by Hacktutors - saaZine

0 comments 07:58 Posted by Mr Ga - hacobi1102

We are announcing new unique WordPress template, saaZine, for the most cheapest price with life time support. saaZine is two column CSS XHTML based template.

saaZine is available with Featured Content Slider, located just below the navigation bar. The content slider is jQuery based with start and stop button to control the animation.

The highlighted Recent News category on main page always attracts the visitor.

The page numbered navigation makes it easy to navigate to post through post.

Comming up widget to list the scheduled posts to bring back the visitors again with interesting posts.

saaZine offers more place to add widget, the Sidebar, the footer and after the end of the posts.

saaZine is currently available in simple brown color. But in future it will be available in Blue and Shaded Black colour as well.

saaZine is available for $32.

Live demo

Short details about saaZine:
Style: Magazine Style Wordpress Theme

Type: 2 Column

Widgets: Below the single post, sidebar, footer.

More featuring: Featured Post slider, Up comming events widget, XHTML/CSS validated by W3Schools.

Color: Brown (Shaded Black and Blue will be available soon)

Compatiblity: Compatibility with WordPress 3.0.1

We can customize this theme as your wish and what you want. Let us know your opinion about this newly announced magazine style Wordpress theme. If you are impressed and intending to buy it, Contact Us with your detail.

UPDATE: Upon request this theme will also be converted to blogger theme.

Labels: Web design, WordPress

Color Picker Tool for Web Developers

0 comments 20:48 Posted by Mr Ga - hacobi1102

You have definitely seen the color picker tool in the image and graphic customization software like photoshop. Almost all of the web designer often use photoshop to pick the suitable color for the website. Even I use photoshop to pick the color code for my blog :)

Color picker tool is used to pick the color and it's code. Each and every color have their own unique code to recognize it. Considering such web developer and the person who often use color picker tool in photoshop, I have found similar tool that you don't have to often open photoshop to pick color code.

Instructions

In the Hue section drag the black bar vertically to generate suitable color.

The Swatch bar shows you the final color result that you have chosen.

You can pick the color code from the Hex box.

The main three color Red Green Blue (RGB) appears on the bottom center based on the color that you have chosen.

Choose the color until you satisfied with it and pick the code from the bottom right Hex box.

Drag the cursor from Brightness/Saturation section and choose the suitable color what you like.

You can use this feature at any time you like. Just navigate to top navigation bar and click "Color Picker Tool" to get color code feature:

Now, you don't have to often open photoshop. You can get directly color picker tool from this blog. You'll save your time by picking color from online although, it take time to open photoshop. If you get confused please don't hesitate to ask. Enjoy!

Do you like this feature, How do you often use color picker tools?

Labels: Graphic, Web design

10 Tips for Testing Your Website's Design

0 comments 18:44 Posted by Mr Ga - hacobi1102

You have finally got a website that you can be proud of, but you need to make absolutely sure. You need to make sure that you haven't missed something in the design. The best way to discover your site's usability is through testing. Here are some great thoughts for testing.

1. Create goals

Decide on a series of questions that you want to answer about your website. Your users should be able to navigate the site and find the information that you want them to know. Your sales page needs to be easy to use. Design your testing with a specific problem in mind.

2. Plan realistic tests

For your test groups, you want to have subjects that best fit the real people who are going to be using your site. If you are selling soccer balls, chances are you do not want your testers to be elderly. You will gain the most insight when you are being as realistic as possible.

3. Set up multiple test runs

Do not settle for one group, because the information that they give you may be anomalous. You want to have at least two groups, preferably three, to test your website. When you receive feedback from the first group, make some changes and retest.

4. Be specific with subjective questions

You want to get the subject's opinion about your site, but a simple yes or no answer does you no good. Ask your participants to list what they liked and what they didn't like. You want to get as much information as you can.

5. Keep the test short

You want to be thorough, but you cannot keep your subjects in the room for long periods of time. Create a test that is short and sweet, focused on the answers that you are after. You will gain more participants in your testing with short quizzes.

6. Ask questions in pairs

Ask your testers for a subjective range and then follow that up with a question like, 'why did you choose your answer?' That way, you are getting more detailed information than just a number.

7. Quantify your results

Instead of asking yes or no questions, allow for a range of opinions. Let them rate statements on a scale of strongly agree to strongly disagree. This adds quite a lot more depth than yes or no. You want the flaws of your site to be discovered.

8. Scavenger Hunts

When you ask your test participants to look at your site, give them a task to complete, rather than asking them to explore. Give them incentive to find a 'treasure' within the site or have them perform a task like pretending to buy one of your products.

9. Watch your testers

Don't depend on the results of the surveys that you give test participants. Watch their faces as they try to navigate your site. Do not offer to help, merely observe their frustration.

10. Debrief participants

Follow up your test with a debriefing. Have your test administrators thank each of the participants and compensate them as necessary. You want to be polite and professional, encouraging your users to ask further questions.

Testing a website's viability and usability can be frustrating if you are only receiving weak subjective information. Develop a strong test and you will get the answers you need.

James is a staff writer who works at one of the leading online suppliers of ink cartridges. He writes detailed reviews of products such as the HP 300XL ink cartridge and covers developments in design and technology on their blog.

Labels: Web design

Floating page loading icon and text for blogger

1 comments 21:53 Posted by Mr Ga - hacobi1102

If your page is taking time to load, this may be the best solution to tell your reader to be patience. You have seen many animated loading icons in Facebook, Fire Fox tab, and anywhere else. The icon disappears when the page is completely loaded.For the dome look can look at here(see the top right corner). This tutorial may be easy to you but, it was difficult to make the script. Here is the tutorials how to add in your blogger blog.

Adding floating loading icon in your blog

It's simple, just you have to copy and paste script in your template code.

Go to layout and Edit Html. In your template section, find the the code

Then, replace the tag with the following code:

Now you can see the loading animated icon in the top right of your blog and it will disappears when your blog is completely loaded.

Changing animated icon and text

You can change the animated icons with another image or text. You have to change the red colored URL with your image URL. I host the image in Imgboot. It is ultimate image hosting service. You can host with your own service. But, don't try to host it with blogger because the animated image will stop animating.

Here are some animated loading icon:

And if you want to place text with animated icon, just type your text instead of image URL. Type the text link Loading, Please wait, Be patience or what ever you link.

These codes are not only for blogger, everyone can use who are involved in web designing and who have HTML parts.

Hope this help you. If you found any other animated icons you can share with me via comments :)

Labels: Blog, Blogging, Web design

Hack Hacobi

How Blog Design Manage your Readers and Visitors

Releasing Flash News Blogger Template

#">Title 1

#">Title 2

#">Title 3

Hosting and Launching of Your Website

Increase your Link Visibility Using Web 2.0 Buttons

Automatically Remove Widget after Visited using CSS

Get $80 WordPress Premium Magazine Theme for Free By Commenting!

New Premium WordPress Theme by Hacktutors - saaZine

Color Picker Tool for Web Developers

10 Tips for Testing Your Website's Design

Floating page loading icon and text for blogger

Recent Articles

Random Posts

Recent Comments

About Template