Showing posts with label Web Design. Show all posts
Showing posts with label Web Design. Show all posts

Thursday, 16 May 2013

Blogger Introduced Contact Form Widget


Blogger introduced a new Contact Form widget official. Up to this day many blogger users are expected too. This widget look minimal with no more attractive but it is customizable using CSS. Recently blogger has added Google+ comment system which has came with many good feature, while few disadvantages there. Any visitors of your blog can sent you message through this contact form, no need to explain more because you are familiar with contact form.

Definitely this new contact form will be challenge to third party provider which has many blogger already created contact form using third party plugin. Moreover it is easy to add this widget into your blog. Follow the steps below.  

How To Blogger Contact Form Into Your Blog

1. Go to Blogger > Select Your Blog > Layout
2. Click Add gadget and select More Gadgets tab in left side.
3. Now click Contact Form and Save it
This widget is absolutely customizable, so coming days you can expect a good design of customized contact form widget from me. I will share you the customized version of this widget soon.

Posted by
at
No comments:
Read More →

Wednesday, 15 May 2013

How To Improve Your Blog Loading Speed


Due to exam reason, I couldn't able to maintain blog at all, I'm back to my blog and got today free. So in this article I'm going to show you how increase your blog loading speed by giving you few amazing tips. The present era is connected with 4G Internet, therefore no chance to become slow, but due to some redundant element in the blog will affect the loading speed.

The main reason of blog to become unimpressed by visitor is because slow loading of the blog. It was announced by Google that a Blog Loading Speed can grow your site/blog rank in search engine. So the loading speed is an important part in ranking. To avoid such problems from your blog. You have to consider some of the following tips.

"The post title will be old for you, but content will not be".. High performance web sites lead to higher visitor engagement, retention and conversions

Following are some important tips which a blogger have to consider for improving the blog speed.

Less Widget, More Speed

From the heading itself you can understand, that less widget can boost your blog speed, means avoid unwanted widget. Add only the most wanted widget. In widget, there is iframe types of widget which will make some slow loading, because it is HTML document embedded inside another HTML document on a website, like Facebook like box, Contextual ads etc. Instead of that you can use Facebook like button. Do not use extra comment system.

Reduce The Number of Ads

Don't thing you will earn more revenue by displaying more times ads on the blog. Even Google adsence will ban you due to high number of clicks, this is because of showing ad on every place on the blog. Most of the visitors may become irritated due to pop-up-ads. So reduce the number of ads on the blog to improve blog loading speed.

Reduce The Number of Article showing on Main Page

Most of the blogger are wanted to increase the number of post on the main page (home page). Sure it is one of  the main factor which take more time to load your blog. So better to show post maximum 10. That you can manage from blogger setting page, under Post and Comment section you can see Show at most. 

By concluding the article you might have understand problems which are making your blog too slow loading and you got an guide to avoid such problems from your blog.

Posted by
at
No comments:
Read More →

Best SEO Tips To Increase Your Website Page Rank


Page rank is the most important aspect in determining the reputation of a blog or a website. So, here are some great SEO tips that will help you in increasing your page rank by much faster speed.

Firstly, let me tell you about that what actually Page Rank is. Page Rank is the scale of Google Adsense ranging from 0-10, on the basis of which Google provides ranking to all websites. The new websites generally have “0”  page rank. And the websites having above “5” page rank are high level websites with lots of traffic and large Internet presence.

Here are some SEO tips that will lead to increase of your page rank:

High Quality Content

The content you provide to your visitors must be of high quality and must at-least 350 words. The high quality content attracts the visitors towards it and thus helps in building regular traffic.

Regular Working

There must be regularity in your work as Google likes the website with regular working’s. So, be regular to your work, as you may have heard of that sayings that” Hard Work Pays”.

Build An HTML Sitemap

Create a HTML site map of your website. This works as an index for all different search engines. Thus helping in building large traffic, and thus helps in increasing  your page rank.

Use Quality Keywords

Quality keyword is the main thing that you must keep in your mind for large traffic to your blog.  You must always choose keywords for your blog post that is mostly searched by a visitor. This will help in boosting up your website traffic.  As you know that page rank and traffic are inter-dependent so if the traffic will increase then your page rank will also increase. Thus work on quality keywords.

Create More Links

Create more links with other websites. Increase your backlinks, inbound links, internal links and external links.

The best method of that is :

Guest Post: Write a guest post for high page rank website, so as to increase your website Internet presence and also build up relations with other websites.

Comment on Other blogs: The other thing that helps a lot in building your links is commenting on other blogs. Comment on high rated websites.

These all steps if followed with utter attention then, I am sure that your page rank will definitely go up with great speed.

Hope you liked the post. Do you have more tips than please comment !!!

Posted by
at
No comments:
Read More →

Thursday, 25 April 2013

New Google+ Comment System Not Satisfied For Bloggers


Few days ago the blogger team have brought a new Google+ comment system to blogger. It allow readers (visitors) to comment on your blog with Google account. There are few new feature in the comment system, that is you can mention your Google+ friends on the comment, You can comment the blog post via Google+, no redirect after commenting while the default have redirect after publish a comment and more customizable, easy delete.

As the new Google+ comment system not satisfied to much for blogger, however there are some new feature make it more customizable than old comment but it will not satisfy more because :

1. The new Google+ comment system allow to comment only those who has Google account, it doesn't allow anonymous, WordPress user, open ID or AIM while default comments system support all. Due to that you may lose unknown visitors comment. Still many bloggers don't have Google+ account yet.

2. The Google+ comment system is not compatible with Blogger jSON, didn't added new comments to comment feed so you cannot use recent comment widget because it will not show the comments published using new Google+ comment system.

3. Third party commenting system comments will not able restore into new comment system. Mean if you are using third party commenting system like Disqus, Intensedebate or Livefyre comments will not be restored.

Above 3 lines are word which I enunciate the failure of new Google+ comment system due to some missing option and blogger user will not able to satisfy more with it. I hope you like my article, if there is any problem with my article you can comment it below.

Posted by
at
No comments:
Read More →

Best SEO Tips To Increase Your Website Page Rank


Page rank is the most important aspect in determining the reputation of a blog or a website. So, here are some great SEO tips that will help you in increasing your page rank by much faster speed.

Firstly, let me tell you about that what actually Page Rank is. Page Rank is the scale of Google Adsense ranging from 0-10, on the basis of which Google provides ranking to all websites. The new websites generally have “0”  page rank. And the websites having above “5” page rank are high level websites with lots of traffic and large Internet presence.

Here are some SEO tips that will lead to increase of your page rank:

High Quality Content

The content you provide to your visitors must be of high quality and must at-least 350 words. The high quality content attracts the visitors towards it and thus helps in building regular traffic.

Regular Working

There must be regularity in your work as Google likes the website with regular working’s. So, be regular to your work, as you may have heard of that sayings that” Hard Work Pays”.

Build An HTML Sitemap

Create a HTML site map of your website. This works as an index for all different search engines. Thus helping in building large traffic, and thus helps in increasing  your page rank.

Use Quality Keywords

Quality keyword is the main thing that you must keep in your mind for large traffic to your blog.  You must always choose keywords for your blog post that is mostly searched by a visitor. This will help in boosting up your website traffic.  As you know that page rank and traffic are inter-dependent so if the traffic will increase then your page rank will also increase. Thus work on quality keywords.

Create More Links

Create more links with other websites. Increase your backlinks, inbound links, internal links and external links.

The best method of that is :

Guest Post: Write a guest post for high page rank website, so as to increase your website Internet presence and also build up relations with other websites.

Comment on Other blogs: The other thing that helps a lot in building your links is commenting on other blogs. Comment on high rated websites.

These all steps if followed with utter attention then, I am sure that your page rank will definitely go up with great speed.

Hope you liked the post. Do you have more tips than please comment !!!

Posted by
at
No comments:
Read More →

Wednesday, 24 April 2013

20 Useful CSS Tips For Beginners



useful css for beginners
In the old days, we depend a lot of on developers and programmers to help update the website, even when it’s just a minor one. Thanks to the CSS and it’s flexibility, styles can be extract independently away from the codes. Now, with some basic understanding of CSS, even a novice can easily change the style of a website.
Whether you are interested in picking up CSS to create your own website, or merely to tweak your blog’s look and feel a little – it’s always good to start with the fundamentals to gain a stronger foundation. Let’s take a look at some CSS Tips we thought might be useful for beginners. Full list after jump.

  1. Use Reset.Css

    When it comes to rendering CSS styles, browsers like Firefox and Internet Explorer have different ways of handling them. reset.css resets all fundamental styles, so you starts with a real blank new stylesheets.
    Here are few commonly used reset.css frameworks – Yahoo Reset CSS, Eric Meyer’s CSS Reset, Tripoli

  2. Use Shorthand CSS

    Shorthand CSS gives you a shorter way of writing your CSS codes, and most important of all – it makes the code clearner and easier to understand.
    Instead of creating CSS like this
    view plaincopy to clipboardprint?
    1. .header {<br>  
    2.       background-color: #fff;<br>  
    3.       background-image: url(image.gif);<br>  
    4.       background-repeat: no-repeat;<br>  
    5.       background-position: top left; <br>  
    6.     }  
    It can be short-handed into the following:
    view plaincopy to clipboardprint?
    1. .header {<br>  
    2.       background: #fff url(image.gif) no-repeat top left<br>  
    3.     }  

  3. Understanding Class And ID

    These two selectors often confuse beginners. In CSS, class is represented by a dot "." whileid is a hash ‘#". In a nutshell id is used on style that is unique and don’t repeat itself, classon the other side, can be re-use.

  4. Power Of <Li>

    <li> a.k.a link list, is very useful when they are use correctly with <ol> or <ul>, particulary to style a navigation menu.

  5. Forget <Table>, Try <Div>

    One of the greatest advantage of CSS is the use of <div> to achieve total flexibility in terms of styling. <div> are unlike <table>, where contents are ‘locked’ within a <td>‘s cell. It’s safe to say most <table> layouts are achievable with the use of <div> and proper styling, well maybe except massive tabular contents.

  6. CSS Debugging Tools

    It’s always good to get instant preview of the layout while tweaking the CSS, it helps understanding and debugging CSS styles better. Here are some free CSS debugging tools you can install on your browser: FireFox Web Developer, DOM Inspector, Internet Explorer Developer Toolbar, and Firebug.

  7. Avoid Superfluous Selectors

    Sometimes your CSS declaration can be simpler, meaning if you find yourself coding the following:
      1. ul li { ... }  
      1. ol li { ... }  
      1. table tr td { ... }  
    They can be shorten down to just
      1. li { ... }  
      1. td { ... }  
    Explanation: <li> will only exist within <ul> or <ol> and <td> will only be inside <tr> and<table> so there’s really not necessary to re-insert them.

  8. Knowing !Important

    Any style marked with !important will be taken into use regardlessly if there’s a overwriting rule below it.
    view plaincopy to clipboardprint?
    1. .page {<br> background-color:blue !important;<br>   background-color:red;<br>}  
    In the example above, background-color:blue will be adapted because it’s marked with!important, even when there’s a background-color:red; below it. !important is used in situation where you want to force a style without something overwriting it, however it may not work in Internet Explorer.

  9. Replace Text With Image

    This is commonly practice to replace <h1>title</h1> from a text based title to an image. Here’s how you do it.
    view plaincopy to clipboardprint?
    1. h1 {<br>  
    2. text-indent:-9999px;<br>  
    3. background:url("title.jpg") no-repeat;<br>  
    4. width:100px;<br>  
    5. height:50px;<br>  
    6. }  
    Explanation: text-indent:-9999px; throws your text title off screen, replaced by an image declared by background: {...} with a fixed width and height.

  10. Understand CSS Positioning

    The following article gives you a clear understanding in using CSS positioning – position: {...}

  11. CSS @Import Vs <Link>

    There are 2 ways to call an external CSS file – respectively using @import and <link>. If you are uncertain which method to use, here’s few articles to help you decide.

  12. Designing Forms In CSS

    Web forms can be easily design and customize with CSS. These following articles show you how:

  13. Get Inspired

    If you are looking around for nicely designed CSS-based website for inspiration, or just simply browsing to find some good UI, here are some CSS showcase site we recommend:
    Need more? Here’s a round up of 74 CSS Galleries.

  14. Rounded Corners In CSS

    This following article gives you an idea how to create cross-browser compatible rounded borders with CSS.

  15. Keep CSS Codes Clean

    If your CSS codes are messy, you are going to end up coding in confusion and having a hard time refereing the previous code. For starters, you can create proper indentation, comment them properly.

  16. Typography Measurement: Px Vs Em

    Having problem choosing when to use measurement unit px or em? These following articles might give you a better understanding on the typography units.

  17. CSS Browsers Compatibility Table

    We all know each browser has different ways of rendering CSS styles. It’s good to have a reference, a chart or a list that shows the entire CSS compatibility for each browser.
    CSS support table: #1, #2, #3, #4.

  18. Design Multicolumns In CSS

    Having problem getting the left, middle and right column to align properly? Here are some articles that might help:

  19. Get A Free CSS Editors

    Dedicated editors are always better than a notepad. Here are some we recommend:

  20. Understanding Media Types

    There are few media types when you declare CSS with <link>. print, projection and screen are few of the commonly used types. Understanding and using them in proper ways allow better user accessibility. The following article explains how to deal with CSS Media types.

Posted by
at
No comments:
Read More →