Showing posts with label Tips. Show all posts
Showing posts with label Tips. Show all posts

How to design a good looking user friendly Blog?

Many bloggers rush through selecting their blog design elements without much thought when they first start. But the reality is design is core to your blog's brand and readership. Blog design does not require artistic training or high level skill. It requires strategic thought, target your blog's goals and target audience before start blogging.

I hate your blog design

My simple tips is, review the blog's you read frequently to become familiar with your options. Consider which blogs you like and which elements of those blogs attract your attention. Make a list of those elements you want and those that you don't want.

Here is some of my Blog design tips that you don't have to be a skilled designer to follow.

Blog layout

This includes factors like columns, sidebar, header and footer. Use simple and common layout for your Blog this will help peoples to navigate easily.

Color scheme

Which colors do you want to use on your blog? How do they render on different types of devices? Are these colors associated with your brand? Are they consistent with your offline collateral and your retail establishments? Ask your self and find out.

Font

They are the written voice of your web site and should be consistent with your brand image and comfortable for your target audience to read. Text that is difficult to read can harm your traffic building efforts.

Font size

Remember you want your readers to be able to see your text. Therefore, if people over 40 are an important segment of your target audience, use a big, easy-to-read font or provide an option to select a larger size.

Font color

It is critical to keep font color easy-on-the-eyes. Too many colors confuse and some combinations will just turn visitors off and drive them away.

Backgrounds

What colors or images do you want to use as a background on your blog? This is the stage dressing for your site. Warm colors project a human focus while cool colors are associated with technology. But you might don't want the background to attract so much attention that it distracts from your content.

Lists and block quotes

Numbered and bulleted lists are important tools for organizing and presenting content. Block quotes identify other sources of information. Style them and spice up your contents.

RSS and Email Options

Do you offer readers these choices? If so, will they receive the full text of your blog or do they need to click through and come to your site? You should add this features in your Blog.

Social sharing features

How do you want to present social media in your blog? Do you want to encourage readers to share your content? Then you should add this features in your Blog.

Mobile presentation

With increased mobile usage, does your blog render in a readable fashion on a mobile device? If not, it is a good idea to add this, especially with the increasing usage trends.

I will continue writing about Blog design so, stay tuned. I may have missed some more Important things on Blog design. Lets discuss them in comment section. Smile :).

Continue Reading »

Are you Optimizing your Blog/Website for Mobile users?

Google recently told on a blog post that, the rankings of search results on mobile devices will be affected by the optimization of websites for such devices. In other words, the more your content and website design is optimized for mobile devices, the higher your site will rank for mobile users.

mobile SEO of your blog

It makes sense, after all it would be bad for Google to serve a search result that would be poorly visualized on the device of the user, isn't it?

A quote from the article:
Smartphone users are a significant and fast growing segment of Internet users, and at Google we want them to experience the full richness of the web. As part of our efforts to improve the mobile web, we published our recommendations and the most common configuration mistakes.

Avoiding these mistakes helps your smartphone users engage with your site fully and helps searchers find what they are looking for faster. To improve the search experience for smartphone users and address their pain points, we plan to roll out several ranking changes in the near future that address sites that are misconfigured for smartphone users.


Google also has a page on developers section where it highlights the most common mistakes when optimizing Blog/Website for mobile devices. They are:

  -Unplayable videos
  -Faulty redirects
  -Smartphone-only 404s
  -App download interstitials
  -Irrelevant cross-linking
  -Page speed

If you are not testing your Blog/Website on mobile devices, now it is a good time to get started.

Continue Reading »

How you can make your Blog successful?

Starting a Blog become easy and common now, every one making a Blog with ease and writing on it. Building a Blog is not a problem but, making a 'Successful Blog' might become a problem. Today I have some tips for you to make your Blog successful. You might already know some of them, then you should apply them properly in your blog.

Success Graphic

Content

If you offer well written, original, easy to understand information, spiced up with good imagery then the chances of getting quality links, social media exposure and high spots in SERPs are bigger. Content is the King! you know.

Basic SEO

You don't have to be a SEO expert to rank your site high on Google search. Just several things to remember here:

 - Include meta title tags
 - Optimal and natural usage of keywords
 - Provide good article titles
 - Proper usage of Heading tags
 - Include sitemap
 - Use Google Webmaster Tools and Google Analytics to gain insight on what works for you and what's not
 - Always avoid duplicate contents
 * Read the Google SEO Starter Guide

Design

You want more and more visitors on your website, and you want them to stick with it more often. Except offering quality content you'll need some good looking unique design for your Blog. If you're serious about your Blog, Pay someone to design your Blog for you. It doesn't need to be very expensive, a simple, pretty enough, and unique look would be good for you.

Competitors

What ever you do, you have to be more innovative, original, have a better design, better content than your competitors. Simply try to beat the competition. Use them to learn what works for them, and what doesn’t.

Promotion

Promote your site whenever you have a chance to do it, but do not exaggerate (don't be a spammer). Also several things to remember here:

 - Use Facebook, Twitter, Google+, or any other social platform popular at the moment
 - Comment on other blogs related to your niche
 - Guest post frequently on well established blogs
 - Pay for ads if you really have to

This will certainly lead to significant exposure of your site.

Speed

Make your site load fast as much as possible. This is important from two aspects: user experience and a SEO factor. Several things to remember:

 - Use good server
 - Optimize your codes
 - Use Image sprites
 - Use tools such as Google Speed, YSlow, Web Page Test, Pingdom
 - Avoid redirects

Read in details what Google and Yahoo have to say about it.

Subscribers

Capture e-mail addresses and get people to subscribe to your Blog feed early. Two-three years from now (if you're good) you might have 50k email list and 50k RSS Subcribers. And that will become a big valuable asset. Trust me.

Monetization

It is time to gather the fruits of your labor. I'll suggest don't do it early. Wait some time until your blog get on the track. There are basically three main methods to get money out of your Blog:

 - Placing ADS (CPC, CPM, CPA, CPV). Basically you need click, page view, action or video view in order to get paid.
 - Promoting affiliate products.
 - Selling you own products (ebooks, membership websites, services - design, coding, coaching, etc).

From the Editor

The most important tip would be that you do your experiments with everything I said above and come to your own conclusions about what works for you. Smile :)

Continue Reading »

Smart Blogging for Your Online Success!

The typography of your blog can be particularly important if you are running a blog that appeals to a specific audience. If that audience typically has difficulty reading text on a screen, which is probably more common than you think, you can utilize the typography settings to make life easier on them and to get better readership for your content.

to do list of smart blogger

Increasing Font Size

There are some blogs out there that make a stylistic decision to go with a very small font size. It's important to remember that, when you make this choice, you are limiting your readership. A certain number of people are going to have so much difficulty reading a blog post that is in a small font size that they're just going to skip over your blog altogether and go somewhere else.

If you know someone who does have a difficult time reading off of a screen, go ahead and have them take a look at your blog and see if it's difficult for them to take in the content. Be particularly wary of problems that arise from words that have strings of the same or similar letters.

Color

Color is more than an aesthetic decision where blogs are concerned. Professional WordPress themes generally allow you to change the color of your background and of your text very easily. Pick colors that are easy to read. For example, it might seem like black on white is very easy to read, but dulling the background color to make it a bit more gray is a bit easier on people's eyes. This may make it easier for them to hang around for a while and read more of your content. Be wary of color combinations that are unfriendly to people with colorblindness. Blue on yellow or red on green would be examples.

Ask Your Readers

If you decide to try something different with your typography, be sure to ask your readers about it. Not only is it a good way to figure out whether or not you made a good decision, it's a great excuse to encourage some interaction on your blog. Be responsive to your visitor's opinions, but also stick to your instincts if you feel like you've made a good decision. Remember, there's always somebody on the Internet who has a complaint, so take the majority opinion into consideration more than the very vehement opinion of one particularly motivated individual.

About author
Anny Solway is a creative writer at ThemeFuse.com – a top provider of Premium WordPress Themes. She is passionate about studying online marketing industry and sharing informative tips.

Continue Reading »

Best of Free Softwares for Web Designer and Blogger

In this post I have put together this guide with just a few examples of some great softwares. Each example is totally free to download and install for your own personal use. Designing websites is a very difficult job and requires the right set of tools. This article may not contain everything you need, but I’m hoping to share these resources as a starting point for web designers on a budget.

A man with Tools
Lots of freeware is available on the Internet for download. You can find programs for Linux, OSX and Windows for designing and coding websites. Unfortunately not everybody has the money for premium software or the time to learn the interfaces.

Notepad ++

I think a lot of you know about Notepad++ since it has been mentioned in so many articles. This is a fantastic piece of open source software which supports a number of programming languages. Even aside from backend web development you can build full software applications in Java or C++, the list of syntax features is enormous. This software is an excellent alternative to Dreamweaver or some other higher-end IDEs.

Smultron

The Smultron text editor is a program built for Mac OS X and mobile iOS devices. The software has syntax highlighting features which include over 90 different languages. You can also create new documents stored in your iCloud account to retrieve from any computer. This is one rich IDE to grab right off the Mac App Store and it’s great for perfect coding.

FileZilla

Web designers and Bloggers will both need to use FTP access at some point. You can’t publish a website without pushing the files onto a server. Luckily there are a couple open source FTP programs which most webmasters can follow, and FileZilla is the big choice for Windows users.

Cyberduck

On the Mac OS X Cyberduck is definitely the best free FTP software. You can grab the app right from the Mac App Store on your computer. It is also available for Windows users as well, if you feel that FileZilla just isn’t enough.

Inkscape

This is a very good graphics editors which is perfect for upcoming web designers. Inkscape is an open source project for working with vector graphics. You could think of this as the free alternative to Adobe Illustrator supported on Windows, Linux, and Mac.

GIMP

GIMP stands for GNU Image Manipulation Program. This software interface and all the typical tools involved with image editing. GIMP can do every things as like as Photoshop with out spending a panny! GIMP runs on Windows, Linux, and Mac. I personally use and recommend GIMP.

From the Editor

I am hoping this guide can offer a division for both designers and Bloggers. After all, to create any good website you will need both pieces of the puzzle. Smile :)

Continue Reading »

Tools to Optimize Images for the Web

This time I have some tools for you to reduce your image size for the web. Since images can be pretty heavy, this is certainly an issue to keep an eye on. And this is why today we gathered some links here to show you some tools that will help you with this 'Image Size' issue. Even if you are a pro at 'saving as better quality jpg' it is always nice to check out some tools (old or new) to have you covered when it is time to optimize images.

A Guy with Optimization Tool

List of Useful Tools

TinyPNG
TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files.

Smush.it
Smush.it uses loseless optimization techniques specific to image format to remove unnecessary bytes from image files.

OptiPNG
OptiPNG is a PNG optimizer that recompresses image files to a smaller size, without losing any information of file.

ImageOptim
ImageOptim optimizes images- so they take up less disk space and load faster- by finding best compression parameters and by removing unnecessary comments and color profiles. It handles PNG, JPEG and GIF animations.

Usefull Plugins

jQuery Lazyload
Lazy Load delays loading of images in long web pages. Images outside of viewport wont be loaded before user scrolls to them. This is opposite of image preloading.

Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.

From the Editor

I hope you like this Article and enjoyed. Now you might have some useful tools to optimize your Image and make it load faster. Smile :)

Continue Reading »

Stylify and Spice up your Blockquote in Blogger- Quick Tip

Hello guys, Blockquote is a piece of HTML and CSS coding in a post which gives a smooth and different look to a specific text as Author like. The default Blogger Template blockquote is ugly and does not give any spicy and professional look. In this post, I will show you how you can style and give your Blogger Template blockquote a PRO look!

blockquote

How To Customize Blockquote?

 - Go to Blogger > Template > Edit Template > And search for /b:skin
 - Paste the following code just above it:


.post-body blockquote {
-moz-transition:background-color 1s;
-ms-transition:background-color 1s;
-o-transition:background-color 1s;
-webkit-transition:background-color 1s;
background-color:#eee;
border:2px solid #ccc;
border-radius:10px;
box-shadow:0 0 10px #aaa;
color:#222;
font:italic 15px Georgia;
margin:5px;
padding:10px;
transition:background-color 1s
}
.post-body blockquote:hover {
background-color:#222;
color:#ddd;
font:15px Georgia
}
.post-body blockquote:active {
border-radius:20px;
color:#fff
}


 - Save your template! Done :)

I hope you might liked my style, but if you did not then you can customize this blockquote style as your taste. Smile :)

Continue Reading »

Followers vs Likes on Instagram: Tips for your Business

There has been much debate among businesses who are utilizing Instagram in order to make their consumers more aware of what they offer. This debate centers on whether they should be worried about likes or followers when it comes to their consumer base. It is important to have both, but what most businesses who are just starting in Instagram want to know is which they should be focusing on gathering at first. Both of these are going to offer benefits to the businesses Instagram account, and both are attainable.

instagram

Instagram Followers

The whole reason for Instagram followers is to show that the business is well liked. When a business has more followers they are more likely to have their pictures displayed on the popular page, which can increase the audience in which they are reaching, which will help a business.

Legitimate Followers

The reason that many businesses feel having followers is not helpful is due to the many businesses that have fake followers. Fake followers are just for numbers and they are not going to help the business flourish as well as legitimate followers. When utilizing legitimate followers these followers are going to check in with the business and repost their like of an image to those who are following them. This can lead to the business having a bigger audience due to the following they have.

Spotting Fake Followers

When a company promises to deliver on followers, the time frame in which they do this should show whether these are fake or legitimate followers. Those companies who promise followers within minutes are most often those who are giving the business fake followers. On the other hand, most legitimate followers can be obtained within a few business days. Though the business may have to wait longer in order to get these followers, they are going to find this is worth the wait, and they will be happier in the end with legitimate followers.

Increasing Followers

As the business continues to gather a reputation on Instagram, they are going to find their followers will increase. As long as the business keeps with Instagram and posts pictures frequently, while also mingling with other users on the application, they will find they are developing a solid reputation. It only takes one person liking the image and passing this on to gather more followers. In addition, if the person starts out with hundreds of followers, they can have several hundred more within a small time frame.

Those businesses who are just now stepping into the world of Instagram should start on their following, as the likes will follow this step. It is the natural way to build up the reputation of a business on this social media application. Those who utilize Instagram find they can get a solid reputation, along with increasing their sales by around thirty percent on average.

This article has been provided by Paul of www.buy-instagram.com - the premier site to get instagram followers.

Continue Reading »

Reduce HTTP requests and speed up your site loading- Quick tip

When a visitor is opening your website or blog, every images or scripts will require a round trip to the server. Those HTTP requests will delay the response time of your site, and if you are loading dozens of objects this delay can add up to several seconds.

Loading Speed
The first step to reduce the delay from HTTP requests is to reduce the number of objects on your website. Get rid of unnecessary images, styling features and the scripts. If possible you can also combine 2 or more  images into a single one.

Secondly make sure that your requests for external files or scripts are combined in a single location. For example instead of using three CSS files to create the layout of your page:

<link rel="stylesheet" type="text/css" href="http://www.abc.com/header.css" />
<link rel="stylesheet" type="text/css" href="http://www.abc.com/body.css" />
<link rel="stylesheet" type="text/css" href="http://www.abc.com/footer.css" />

You should use a single one with all the information:

<link rel="stylesheet" type="text/css" href="http://www.abc.com/mystyle.css" />

If you want to speed up your website or blog loading you must reduce your HTTP requests. Even Google sayes to reduce HTTP requests. I hope you understand. Smile :)

Continue Reading »

Best tips to get advertiser for your blog

Selling advertising deals is one of the most profitable ways to monetize your blog. The most difficult part of the process, however, is to actually find the advertisers.

Here are some simple steps that may help you to get advertisers for your blog or website:

Blog Advertiser

Let Advertiser Know You Are Interested

1. Put an "Advertise" link on the menu bar
If you have a navigation menu bar, you could include an "Advertise" link there, making it point to a page where you describe the advertising options of your site. This link will help you in two different ways. First of all it will allow interested companies to quickly find the page where you display your advertising information. Secondly, it will also let all visitors know that you do accept advertising deals :)

2. Use an "Advertise Here" banner as placeholder
If you have unsold ad spots, you could include an "Advertise Here" banner as a placeholder on one of them. This banner will act just like the "Advertise" link on the navigation menu, but it might be more effective because it will show potential advertisers exactly where their ads will be displayed. Just make sure to not use an "Advertise Here" placeholder on all of your unsold spots, as this would send a negative message to advertisers (i.e.- no one is buying any ads on your site, so why should they?).

Make It Easy for Your Advertiser

Advertisers are busy individuals. They have ads they need to place, but they usually want specific criteria to be met prior to placement.  This is where your metrics come in handy!  Put your blog information in your "Advertise" page for advertisers to easily find.

You can find most of the metrics you want to include on Google Analytics (Visitors, Pageviews, Time on Site, Bounce Rate). You should also include your Google PageRank or SEOmoz Rank. Finally, if you have a lot of subscribers, followers, or fans, make sure you highlight that also.

Joining Ad Networks

If you can find companies that are already spending money on online advertising, your job will be halfway done. Advertising networks represent an excellent opportunity to do this.

1. BuySellAds.com (my choice)
Just by visiting the homepage of this ad network you’ll be able to see a list of "Sample Advertisers". Most of those are big online spenders. After that you can also check the publishers listed on the directory. Just click to visit the homepage of each site, and check what companies bought banners there. You’ll be able to find hundreds of potential sponsors.

2. Other Options
You can not simply bypass the other options out there. The main other options includes:

 - AdSense
 - Amazon Affiliates
 - Affiliate Links (Commission Junction and FlexOffers)
 - Dynamic Text Links (InfoLinks and Kontera)

From the Editor

The most important thing is to satisfy your advertisers as well as you can. If you cannot satisfy your advertisers well, they will surely leave you for other publishers. ;)

So, if you like my Article; then leave your commant and Share this :)

Continue Reading »

5 Wordpress plugins to make your blog more SEO

WordPress is one among the popular publishing platforms available on the web. There are millions of blogs based on WordPress.

Search engines are the best way to promote and help people discover your content. It is very important to optimize your blog or web site so that search engines can discover your content and understand how relevant it is to specific search.

WordPress, in addition to providing you with the state-of-the-art publishing platform, also provides many plugins for Search Engine Optimization(SEO). Some plugins are really effective and some are not. To help you find the right plugin for your website, we have composed some usefull SEO plugins.

Wordpress SEO Plugin

1. All in one SEO Pack

One among the most popular and widely discussed plugins for WordPress. This plugin is easy to use and is compatible with most WordPress plugins. It works as an overall SEO plugin – automatically generating META tags and optimizes your titles for search engines and helps you in avoiding duplicate content. This plugin also enables you to manually include META tags (title, description and keywords) for each page and post in your web site.

2. Google XML Sitemaps

Generates an XML sitemap supported by Google, Bing, Yahoo and Ask. Sitemaps make it much easier for crawlers to see the complete structure of your web site and retrieve more efficiently. It also notifies all major search engines every time you create a new post. You can either choose to write a normal XML file or a zipped file. In case of any errors, you can rebuild the sitemap manually. As a remark, Pingomatic can be used to ping your blog to multiple search engines and other specialized services.

3. SEO Smart links

Automatically links keywords and phrases on your blog with corresponding posts, pages, categories or tags on your blog. It allows you to set up your own keywords and a list of matching URLs and also set the no-follow attribute. You can customize it according to your needs through the Administration Settings Panel.

4. SEO Friendly Images

This plugin helps in making your images SEO friendly. It automatically updates all images with a proper ALT and TITLE. ALT acts as a description for your image and TITLE is the tooltip text displayed when the mouse is over the image. These attributes are one of the important part of SEO.

5. 404 SEO plugin

Gives you a smart, customized ‘Page Not Found(404)’ error message and automatically displays links to relevant pages on your site, based on the words in the URL that was not found.

All of above wordpress plugins are great for your Blog SEO. But remember your Content is the King, if you write usefull user friendly posts then you surely get the top position in Search result page :)

Continue Reading »

Must have wordpress plugins for Bloggers.

WordPress is currently the leading Blog publishing platform in the planet powering more than 16% of website worldwide and more than 60% market share in CMS distribution. Because WordPress is simple, easy to use and also easy to setup.

However, being “easy to use” is not enough, sometimes we need functionality more than that WordPress has by default. So, In this post, we have listed 10 must have WordPress essential plugins that you should install and activate to power up your website.

Wordpress Plugin

Jetpack

It is packed with a bunch of plugins you will ever need for running your WordPress-based website; Stat, Spelling and Grammar,Shortcode, Sharing, Contact etc. If you don’t need one of the functionality, you can simply deactivate it.

Revision Control

This plugin extends the built-in WordPress revision functionality. It allows us to limit the number of revisions and it also displays a finer side-by-side revision comparison.

WordPress SEO

If you concern on your website rank in search engine, especially Google, then you need to WordPress SEO. It will help us improve almost every aspect in our website to gain better rank, from the title, internal link, keyword, snippet, and many more.

W3 Total Cache

W3 Total Cache, stated as The most complete WordPress performance framework. It will improve your website performance and user experience by optimizing the page cache, database, minify CSS and JavaScript, CDN and connecting to CloudFlare.

WP-Cleanup

This plugin will cleanup your WordPress database from unused data.

Akismet

Akismet is a very effective plugin to prevent and combat comment spam.

Better WP Security

This plugin will improve your site security by hardening every aspect that WordPress lack of and patch vulnerabilities.

Backup

All websites are vulnerable to attack without exception. So you need a backup for your website, just in case some days your site will be one of the victims of the attack. This plugin, Backup, will help you to do the job easily, it allows us to backup all our website assets as well as the database to Google Drive periodically (daily, weekly or monthly).

WordPress Analytic for WordPress

This plugin, WordPress Analytic for WordPress, will help you connect your site to Google Analytic easily with some additional advanced feature to get the most of your users activity in your website.

Feedburner Stat

With this plugin, we can grab data of our subscribers see the graph right from the back-end of our website.

Continue Reading »

The Best Online Advice To Manage Your Finances

The Best Online Advice To Manage Your Finances
Managing your finances and controlling your money can significantly improve your financial life and removes common uncertainties in life. It is the known fact that most people ignore to manage their finances by establishing a solid budget and financial plan and often fail to secure their financial life.

Many people try to take advantage of different approaches in managing money; some of these approaches could be complicated, tricky and takes a lot of their time to make use of it. In order to make your job easy, review the following few best advices given by financial experts to manage finances.

Manage your money

Decide whether you want to manage your money individually or along with your spouse, see which can give you better results. There are many tools available on the internet that helps you to control your money. Set up a budget plan, keep track of all your debts and start saving today to repay debts. To save more money, try to cut down your expenses on luxuries and unnecessary costs. Here are a few tips to manage your money:

  • Create a perfect budget planner
  • Set a savings goal and work towards it regularly
  • Know how to survive even if your income is low
  • Determine whether you need to take any protect policies to repay your credit amount and repayments

Stop borrowing

For a better financial future try to reduce the use of various credit options. If possible review for several online tips to cut the overall cost of your mortgage, personal or auto finances. Review the debts you owe, start paying them regularly and then build a savings account after you repay all your debts.

Save money

Look for all the possibilities to save your money, this can include saving money on utility, phone bills and broadband costs. Research the internet for various strategies and tips given by financial advisors to cut cost on utilities. The following are a few money saving tips:

  • Shop wisely; take online calculators that estimate the cost of the bill
  • Cut down on credit card bills and travel costs
  • Save energy to reduce your electricity bill

Take help from financial advisers

These advisers usually present the latest rules, news and changes that will help you have a better financial life. Before seeking experts’ advice decide the need for financial adviser and how to choose the best. There are many options available; you can choose the one that is right for you.




About the Author:
The guest post was contributed by Maria, guest blogger from Manchester, UK.  Find out more about her @financeport. If you have any insurance policies check when you can claim for it, for example a PPI can be claimed if you’re not able to make income due to illness, disability, accident or job loss, such cases try using best PPI claims management company to claim faster.

Continue Reading »

5 Short tips to Optimize your CSS codes

picture of CSS
If you want to write efficient and optimized CSS code then you’ll surely need to have in mind the following shorthand tips.

These tips and tricks apparently don’t seem to be so important at the first sight. But once you write lots of CSS lines you will wish to optimize every single line.

Why’s that? Because loading speed does matter (Google introduced this to their ranking algorithms) and your web pages will load faster because your stylesheet file size will be smaller.

Below I will present you a short, yet comprehensive CSS shorthand guide to help you get started optimizing your CSS file. So let’s have a look at some examples and see exactly how we can optimize a CSS file.

1. BACKGROUND PROPERTIES IN ONE LINE

Defining a background property could be made in an easier way than we often happen to see. Why using:

background: url(example.gif);
background-color: #eaeaea ;
background-repeat: repeat-x;
background-position: top left;

- when you could easier write:

background: #eaeaea url(example.gif) repeat-x top left;

2. BORDER PROPERTY

When all of the border widths are the same, instead using:

border-color: red;
border-width: 1px;
border-style: solid;

- you can simply write this:

border: 1px solid red;

3. LIST PROPERTIES

The following list properties:

list-style-position: outside;
list-style-image: none;
list-style-type: disc;

- could be simplified into:

list-style: disc outside;
/* shorthand notation for list properties */
/* list-style: [list-style-type] [list-style-position] [list-style-image];*/

4. FONT AND LINE-HEIGHT PROPERTIES

Font and line-height properties like the ones below:

font-family: Arial, Helvetica;
font-weight: bold;
font-style: italic;
font-size: 1em;
line-height: 1.5em;

- can be easily transformed into:

font: bold italic 1em/1.5em Arial, Helvetica;

Much simpler :)

5. MARGIN AND PADDING PROPERTIES

This example applies for margin and also for padding, so next we’ll use as example the CSS margin property.

/* top=10px, right=5px, bottom=15px, left=20px */
margin: 10px 5px 15px 20px;
/* top=10px, right=5px, bottom=10px, left=5px*/
margin: 10px 5px;
/* top=10px, right=5px, bottom=15px, left=5px*/
margin: 10px 5px 15px;

Now let’s see what else we can do to write optimized CSS:
ALWAYS REMEMBER THAT “0? ANYHING EQUALS TO “0?
Use the “0? value instead 0px or 0em so instead the the following CSS properties

margin: 0px;
padding: 0em;

you could use:

margin: 0;
padding: 0;

USE SHORTCUTS FOR HEXADECIMAL COLORS
White color equal to “#ffffff” or just “#fff”, #aabbcc can be wrote like #abc and so on.

SIMPLIFY NON INTEGER CSS VALUES
Instead writing 0.5em you can use .5em, 0.5px is equal to .5px

THE LAST PROPERTY SEMICOLON IT’S NOT REQUIRED?
div
{
margin: 0;
padding: 0 /* note that you can skip the last rule semicolon, and yes it passes W3C validation */
}

FLOATED ELEMENTS INHERITS “DISPLAY:BLOCK” DECLARATION
When floating an element there’s no need to add also “display: block” declaration as we often see. This is helpful for avoiding redundancy and save us one line of CSS.

These are some CSS shorthand tips I often use and they are very helpful for me, when coding CSS. I hope they will also help you writing shorter, better CSS code.

Over to you
What do you think about the tips I presented above and what else do you use for optimizing the CSS file?

Continue Reading »

How to make your Blogger/Blogspot Blog load Faster

Fast Load Time

A web browser, just like the one you’re using now, uses HTTP requests to load a webpage. Making an HTTP request takes a bit of time, so the more you have the slower things are going to get. You might then assume that it’d be better to put your CSS and Javascript all in the same file, but then caching comes into the picture.

When you visit any page your browser makes a copy of some of the files, you probably already know this. So caching is important when you have people visiting your site multiple times. Larger files take longer to load, so if we have them stored locally (cached) your website will load faster.

Making Your Blog Load Faster


1. Less Images -
Loading less images means less HTTP request. That means faster load times! So removing images that you don’t need is your next option. Sometimes you need a lot of images though, and that’s where CSS sprites come in! To put it simply, you put all of your images that don’t repeat into one file. You can then include them in CSS like so:
background: url('images/file.png') Xpx Ypx;
width: 500px;
height: 500px;
The Xpx and Ypx are the coordinates of the image you want in the sprite file, and the width and height are the width and the height of it. So this is more lines of code, which you’d think would take longer to load, right? However, the fact that you’re loading multiple images in one file and thus making less HTTP requests will actually greatly decrease your load times.

2. Combine files -
You may notice that sometimes people use multiple Javascript and CSS files. Sometimes this is a good idea, like if you’re including one javascript file on only one page, and then another on all the pages.

Sometimes though, you’ll find you have a lot of files and scripts that are used on almost all your pages, all in different files! That’s no good! So what you should do is combine these into one, which should hopefully radically decrease load times.

3. Optimize your files -
When you make your own blog, it’s easy to add useless CSS and Javascript everywhere while working on it. This can seriously slow down your website! Removing spaces, line breaks, and things comments can also really optimize load times. You should consider having a set of files for development, and a set of files for your website

4. Better Coding -
Everytime you make a mistake in HTML your browser has to figure out what you did wrong and corrects it to the best of its ability. Less errors in your code means less correcting, so the browser can spend more time actually loading the page instead!

Useful Stuffs -

1. You might want to try out Pingdom for testing just how fast your website loads
2. If you’re using Chrome or Safari (dev tools) you can right click and select ‘Inspect Element’. Then click Audit and run it. This will give you lots of tips on how you can speed it up even more!

Continue Reading »

Fix - Blogger Post Image Overflow on Sidebar

Blogger

Many of Blogger users complain that photos they added to posts were overlapping onto the sidebar. I have seen this on a few blogs on web and have helped people with the problem.Fixing it is easy and only takes a minute.All we do is add a small snippet of CSS that makes sure photos and images can only be at maximum 98% the width of posts.So even if you added a huge image this code will restrict it from breaking out of the post body and make your sidebar visible and beautifull ;)

Add this to your Blog

- 1. - In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css

- 2. Copy and Paste the following code into the Css Section then click Apply To Blog.
.post-body img{max-width:98%!important}
Simple and easy. If you have got more problems let us know we may help you :)

Continue Reading »

Quick Tip - Change Avatar Size In Blogger Comments

comment avatar
To change the size of an avatar (the little picture shown in comments). This simple CSS will help you to change the avatars size in Blogger comments. For changing the style and size of avatars, we should add simple CSS codes in our Blogger template. The default size of an avatar is 32x32px but we can change the size of avatar using CSS.

Change Avatar Image size

- 1. - In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css

- 2. Copy and Paste the following code into the Css Section then click Apply To Blog.
.comments .avatar-image-container{background-color:#fff;border:1px solid #ccc;width:64px;max-height:64px;margin:0 10px 0 0;padding:0}
.comments .avatar-image-container img{max-width:64px;height:64px;margin:0;padding:0}
* If you are using old blogger commenting system

.avatar-image-container{border:1px solid #ccc;margin-left:-30px;border-radius:4px;background:#fff;height:70px;min-height:70px;width:70px;min-width:70px}
.avatar-image-container img{background-size:100%;width:70px;min-width:70px;height:70px;min-height:70px}
3. If you want bigger/smaller avatars, change the values in red.
4. Save the template. and Done!  :)

Continue Reading »

How to Fight With Email Spam

Email Spam
We all know how frustrating junk emails can get. They clog up our email inbox and make us waste precious time cleaning them up. To make matter worse, these spam sometimes come with viruses or worms that make your system gohaywire. But all these meant little for the conned victims who actually believed in the fraudulent content and lost their money paying for ‘ransoms’ or ‘charity causes’.

Ways to Fight with Spam

1. Do not reply to junk email
When you reply to junk email or respond to its content, you are letting the sender know that your email address is valid and also, that you are reading the junk mail, which will most likely cause you to get more junk mail.

2. Have two email addresses - private and public.
Do not use your email address on any online order form or contest or even for purchasing. You could have an alternate address which you would use for those public purposes and keep your main email address private by only giving it out to your trusted friends and business associates. Use the technique explained in Technology Educaque Vol. 3, to create a separate folder in your Inbox for your public and private email.

3. Do not use a common email address
Spammers add all common names, such as Joe, Mary, Bob, Jim, etc. to their mailing list in hopes that they can find a valid email address. A common way of writing an email address is to use a person's first name initial followed by the last name. This method makes it more difficult for the spammer to guess your email. For example, Hasan Ali could use hali@yourdomain.com or mailhasan@yourdomain.com.

4. Be selective when you sign up with an ISP or online services
Since your ISP maintains the list of your email accounts, they do not have to go too far to gather a list of email addresses. There are many cheap or free ISPs or online service companies, that will make a big profit by selling your email addresses and personal information. Make sure that the ISP you are signing up with has a physical address, not just a P.O. Box, and there is a way to reach them by phone, not just email or no way to contact them. Also the quality of their website can give you a good indication of whether they are legitimate or a scam artist company that will sell your email addresses and personal information to spammers for a profit. A local company is preferable. You can always check with the Better Business Bureau (www.bbb.com) to see if there are any complaints against that ISP or online service company.

5. Do not use your private email address on your web site
If your email address is listed on any web page, there is a good chance that your email address will be added to the spammers mailing list. Many spammers will use software that automatically visits every web site and looks for email addresses. Some people think that if they have a button that says, for example, Click Here To Email Me, the actual email address is hidden. This address is still vulnerable to spammer's software, as it will find the address in the HTML code. One good way to hide your email address on a web page is to create a form for a visitor to fill in and have the form submitted to a server-side CGI program which will send you the content of that email from the server. The spammer's software can not read a server-side CGI program.

6. Do not use your private email address on directories such as Yahoo, people finder services or when purchasing domain names
Spammers and/or their software use directories, domain registrar's database and people-search web sites to find live email addresses. This is their prime hunting ground. If you use those services, be sure to use your public email address

7. Read the privacy statement. When you are signing up for online services, read the company's privacy statement.
Most legitimate companies have a privacy statement explaining how they will handle email addresses and whether or not they will distribute your email and personal information to their partner and affiliate companies. Personally, I do not trust any online organization with my private email. I only use my public email when I sign up for any service online. Even banks and large well known companies may distribute your email address.

8. Lookout for check boxes confirming to distribute your email
When you sign up for services online, there is usually a check box that by default is checked, confirming that it is OK to distribute your email address to their affiliate companies, so they can also send you promotional email. Even if the company you are signing up with has a good privacy policy, their affiliate companies may not have your best interest in mind. Those affiliate companies may also pass on your email address to their partner companies and so on.

9. Do not try to retaliate to the spammers that are sending you junk email
Spammers are most likely sleazy people. If you are technically advanced, and find their IP address and send them an angry email message, you will get their attention and they could add you to every possible mailing list or may send you a virus.

10. Use your email program's spam fighting feature
In Outlook Express, for example, when you open a junk email, on the menu bar, click Message, then click on Block Sender, then click on Yes. Repeat this for each of your junk mail messages. This will delete all future mail coming from those spammer email.

11. Changing your email address
If you are receiving over 20 junk emails a day, it is likely that your email address is already listed or going to be added on all spammers lists. Maybe it is time for you to hange your email address. Using Comentum's Administer Email Account (explained earlier), create a new email address and notify all of your trusted friends and business associates of your new address. After notification, remove your old email addresses (do not keep your old email address untouched on Comentum's server, as this will fill up your available email storage and will lock up your account).

Continue Reading »

How to Add Facebook like in Google Search Result

Facebook Like on Google Search

This feature helps you to find out what cool things on the Web have attracted the attention of your friends, but since Google is our best search buddy, it is way cooler if you can integrate Facebook ‘Like’ button on every search results too.

There is an extension called Google +Like that allows you to ‘plug’ this tiny ‘Like’ button onto your Google search results. Google +Like is a cross-browser extension, available for Internet Explorer, Firefox and Chrome, that runs with a simple script to let you integrate the Like button on Google search.

Add Google +Like

Google +Like Install
If you are using Internet Explorer, Firefox or Chrome, head over to the Google +Like download page and click on the ‘Get Google +Like’ button.

Now if you are using Chrome, click ‘Continue’ at the bottom left of the browser to allow the download of the extension, and proceed with install.

Once completed, open Google search and search for any keyword, you will see a ‘Like’ button appear just next to your search results, and on the right sidebar, you will see athumbnail list of your friends who already liked the links.

When we do any search on Google, it’s quite hard to skip to which result would be best to look up. With this ‘Like’ integration, it adds the factor of recommendations based on previous Likes by the people you know on Facebook.

Continue Reading »

How to Fix Slow Internet Browsing



Sometimes we feel that internet browsing is slow because of the internet service provider. Frankly speaking I realized that I should write down my own experience related to this slowness. Frankly I can tell you all that the slowness of the internet browsing might not be because of the internet service provider, rather it can happen because of many other reasons too like due to the storage of the temporary files on the system and might be due to the toolbars, add-ons, and extensions loaded with your web browser.

Actually while surfing the net we don’t realize that our browsers store some temporary files on our system, which gradually increases with the more website we surf and with time. These temporary files slow down your system and internet browsing with time. Normally what I do to rectify this problem is that whenever I open the system I use to clear all the temporary files stored with my user profile. It helps me to get good speed while surfing the net.

Apart from that I use to do clear history of my browsers on a daily basis too. It helps to clear many temporary files. Actually I use to set the automatic settings which clear the history, once I close the browser. But, many a times I use to do it manually too, so that it does not leave any data on my system, which can increase the load of the system and slow down the net surfing.

Other than the above mentioned stuffs, there is one more thing which harms the internet browsing speed of your system, and it is lots of toolbars, add-ons and extensions installed with your browsers. One day I went to one cyber café for some work and I found that the top portion of the browser was loaded with too many things. Net surfing on that particular system was too bad and that experience was not at all memorable.

Frankly, these toolbars, extensions and add-ons do not only slow down your internet browsing speed, rather they are also a source of malicious attack on your system. Some of the toolbars are too week as far as security of your PC is concerned, and they unknowingly allow malicious software to creep onto your PC.

It is always a threat for your PC. Actually all these toolbars, add-ons and extensions are one kind of software’s which is not that much secure. They actually reduce the display area for web pages on your browser. Other than slowing your browsing speed they also display annoying and unsolicited information too.

Frankly speaking it is my suggestions that do not install any free toolbar offered by many websites, unless you are sure that it is safe and required for your system. Many of the toolbars are used as a hijacker too, which can hijack many important data from your system and harm you too.

Continue Reading »