web design

Coming out of Black in Typography

Do you notice the color of the typography on the websites you visit regularly? Almost all of them use the Black and White combination for the typography and the content area. So you might ask whats the problem with that.

2011 was the year of big changes in the web designs. After that year the modern web we see today was born. The sophisticated, crappy looking site are designed modern, simple and elegant. Lots of widget in the sidebar are replaced with the few required once. All that changes took decades to come into existence.

I like these changes in the design, but there is one thing that I don’t like. That is now we all are stuck with the black font color and white backgrounds.

The classic designs are diminishing and soon will come to the end.

Black font on the top of white background doesn’t means to increase the effectiveness of the content. The same effectiveness can also be achieved by using other colors.

Why we are struck with black? Why we are all using the same design concepts of typography? Is their any fear of failure which is stopping us to use our own creativity in designing process.

Lets use our creativity at the designs we make. I know all designs are not successful, but we can’t stop trying new things.

Lets break some rules and make our own rules. What do you think?

In future posts I’m going to post new articles about how we can create good designs.

web design

Secret Tricks To Earn More From Google Adsense

Earning more through Google Adsense is easy you just have to know some rules to optimise your ads. Now it’s time to learn some basic and advance tips to Increase Adsense Revenue .

One thing i would like to suggest you that don’t violate the Adsense Policies by putting ads in such a way that  user click on the ad accidentally. Also never ask anyone to click on your ads because it violate the Adsense Policies and can lead to deactivation of your account.

Optimize Ads

  • Use blue color in the ad title because it has high CTR but wait not the standard blue use the light blue color because studies shows that people started ignoring the standard blue color links.
  • Remove the borders from the ads by giving same color to the border as that of the background.
  • Make the URL and Description color same as that of the text color of the article

Placing Ads

  • Don’t place all the ads in the same place instead place ads so that when users scroll down they see a new ad. It increase the CTR for the blog that have long articles but in case of downloads blog or the  blog having short articles you can place the ads side by side to increase the CTR.
  • Place ads between the post to increase your CTR.

Use this heat map for placing ads on your website.

Ads Type

  •  336 * 280 : Large Rectangle and Leader board 728*90 are the highest paying ad size.
  • Use both image and Text Ads.

Experiment 

Experiment with ad placement to earn more ” keep changing the ad placement , this is the real secret to earn more ”

Adsense Blacklist URL

Blacklist the low paying low category ads from “Allow and Block Ads Section”.

Do share your one tips which help you in maximizing your Adsense revenue.

web design

Top 5 Best Author Box Plugin for WordPress

Author box are great way to expose the writer to the world and it is a necessary for multi-author blogs. There are many author box plugin available but I’m sharing the best 5 plugins here.

5 Best Author Box Plugins

1. Better Author Bio

Simply adds an author bio box in every post automatically. You can choose where you want to show it. You can add links of your Blog, Twitter, Google+, LinkedIn and Facebook profiles on the bio. Do it automatically or manual with shortcode [author_bio] or .


2. Fancier Author Box

screenshot-1

Special Feature:

  1. Show Latest Posts of the Author.
  2. Social icons below author pic.
  3. Simple and clean layout.
  4. Easy customization.

3. Social Author Bio

screenshot-1-1

Special Feature:

  1. Great social media integration.
  2. Cool Layout.
  3. Show number of posts by Author.

4. Cool Author Box

NOTE: No developer support for this plugin So, no new version will be released from the developer.

Special Feature:

  1. Classy Layout
  2. Professional Feel

5. Custom About Author

Special Feature:

  1. Modern look.
  2. Social Icons.
web design

How To Sell Virtual And Real Things Using WordPress

You are an aspiring entrepreneur who want to change the world and make others life easy. You spent countless hours building an awesome product and it’s the time to release your product to public and make some sales. You are familiar with WordPress and want to use it to sell your digital items or ship real items to the buyers. How would you do that?

Table of Contents:

  1. Selling Virtual Goods Using WordPress
  2. Selling Real Items Using WordPress

How to Sell Virtual Products Using WordPress

It’s easy to sell things using your WordPress site. If you want to sell digital items like softwares, music or pictures etc. You can use the EasyDigitalDownloads plugin. It is the best solution to sell virtual goods, because you have everything you need to sell any digital item.

Also EasyDigitalDownloads has a big useful collection of extension which are the tools which provides additional features that you might need for your specific need. Some of them are free and some are paid. But you get a great support for everything you pay for.

octet-stream

How To Use EasyDigitalDownloads

Setting up and running the EasyDigitalDownloads is very easy. In this post I’m going to give you a walk-through to Install and Setup EasyDigitalDownloads on your site.

First step is to download the EasyDigitalDownloads, you can download and upload the plugin manually from Here, or search for “EasyDigitalDownloads” from the WordPress Dashboard plugins page and install and activate the plugin.

  1. Go to Downloads > Settings and configure the options
  2. Create Downloadable products from the Downloads page
  3. Insert purchase buttons for any download via the “Insert Download” button next the Upload Media buttons

How to Sell Real Products Using WordPress

If you are selling a Real product which you need to ship to the buyer, I recommend you to use WooCommerce Plugin.

WooCommerce allows you to have the buyers address and many shipping and order processing related features which are great for selling goods.

woocommerce-logo

How To Use WooCommerce

Setting WooCommerce is relatively harder than the EasyDigitalDownloads.

First step is to download the WooCommerce, you can download and upload the plugin manually from Here, or search for “WooCommerce” from the WordPress Dashboard plugins page and install and activate the plugin.

Now you know how to sell anything using WordPress and some plugins. Isn’t that’s easy.

web design

Git Beginners Guide : The Complete Guide to Git

Git is the world’s best version control System available. It is developed by Linus Torvalds who is the creator of Linux kernel to manage the source code of the Linux. In this git beginners guide you will learn how to use git in your projects.

Why You Need Git

Although there are many other version control systems available but Git makes developers life easier by providing the most powerful and easy-to-use version control tools. With a version control system (VCS) you can have track of every changes you or others made to the project. With Git you can roll back the previous changes and work with other developers at the same time by dividing the tasks and then merging all the new features which are developed by other developers in the project.

Git is a distributed version control system it means it allows many developers to work on a given project without requiring them to share a common network. Each developer has its own copy of the project and he/she can make changes without requiring an internet connection or other network connection . When a feature or a change in a project is complete by one developer then he/she can push the changes to the central repository. And other developers can easily update their current working repository with all the new changes and commits made to the central repository using a pull command. It’s the magic of using a Version Control System (VCS).

Getting Started With Git – git beginners guide

In this guide I’m assuming that you have git installed on your computer. So lets begin.

Repository

Repository is the place or a folder where you store the project source code. All the changes you make to the project will be saved in the same repository in a folder named .git, the .git folder is hidden by default in OSX.

Since all the changes in a project be stored in the repository, so creating a repository is our first step. Let get started.

Creating A Repository in Git

To create a repository we use the git init command.

There are two ways to create a repository. One is to create the repository in a new folder and the other is to create the repository in an existing folder.

The first method – Creating an empty repository

In this method we are going to create a repository which does not contain anything. The following command will create a repository in which you can copy and paste your project code. For example lets create a new repository called “my_project”.

git init my_project

Git Command to create a new empty repository
Git command to create a new empty repository

The second method – Creating a repository in an existing project folder

In this method we will create a repository in an existing folder which contains the project. We will again use the git init command to create the repository but this time we will first navigate to the folder where we want to create the repository.

For example we want to create a repository in a given folder which contains the project. We will do the following steps.

creating repository in an exsiting folder
Creating repository in an existing folder

1. First we will navigate to the project’s folder.

2. Use the git init command to set up a repository.

Now you know how to create a repository. Let move to the next step i.e. committing the changes you made to the code.

Committing changes

Before you commit changes in your project you need to tell the git which file(s) needs to be committed or tracked , this process is called staging a file. To make a commit in git when first need add file(s) to staging area.

But before you add the file(s) to staging area you have to find which file(s) are untracked. To do this you can use git status command.

git status

Checking for untracked files in git
git status

You can see from screenshot above that the “functions.php” file is untracked. So lets add it to the staging area.

To add files to staging area we use the git add command.

git add

Adding files to Staging area in git
git add

Now you can make your first commit to the project. To make a commit in git, git commit command is used.

Committing the changes in Git
git commit -m “My first commit”

git commit -m "My first commit"

-m tag specifies the description of this commit in this case it is “My first commit” .

Branches

Branches are the most useful feature of git version control system. Branches gives you the ability to work on different features of the project on the same time and when the features are complete you can merge them into one, so you don’t have to wait for one feature to complete before you work on other features.

Branches in Git
Branching in a project

Creating a feature branch in Git

In git creating a new branch is very easy. To create a new branch in a repository we use git branch command.

Creating new branch in git
git branch

git branch new_feature1

Where new_feature1 is the name of the new branch. You can use git checkout command to switch between branches.

If you check the commit log in new_feature1 branch using command git log , you will see all the commits you made to the master branch. Now if you make new commits in the new_feature1 branch you won’t see them in the master branch until you merge the changes to the master branch.

After the work on the new branch is complete you can merge it to the master or other branches you have using git merge.

Merging with Git

Merging with Git is easy. To merge a feature branch into another branch we use the git merge command.

For example lets merge the new_feature1 branch to the master  branch. To do so first we have to goto the branch in which we want to do the merge, In this case it is master branch.

Merging a branch to master in Git
git merge

After we are in the master branch we can merge any branch into the master branch.

git merge new_feature1

Now you know how to merge two branches in Git. You have covered the basics of Git and now you can use git in your projects.

Some more basic commands

  • git status ⇒ Show the current branch, files which are changed etc.
  • git log ⇒ Show all the commits with the description.

It’s time to learn some quick commands to make the operations fast

  • git -a -m “Description”   ⇒ The -a tag select all the files in the repository into the staging area at once. So that you don’t need to add each file manually in the staging area and -m tag commit the changes, all at once.
  • git branch -D branch_name  ⇒ Use this command to delete a branch.
  • git checkout -b new_branch_name ⇒ Use this command to create a new branch and move to that branch at once.
web design

23 Web Design Tips to Become a Better Designer

Good web design is not only about the looks, a good design is functional, innovative, aesthetic, honest and user-oriented. And in this post we will learn the fundamental rules of designing.

You need years of experience to create a good design.

D-E-S-I-G-N is not how it looks, its how it works. Design is what makes people smile.

Good design is not only about the looks, a good design is functional, innovative, aesthetic, honest and user-oriented. And in this post we will learn the fundamental rules of designing.

Lets start with the fundamental rules of the designing.

1. Simplicity is the ultimate sophistication

Nothing ever matched with what simple things could do. Good design is as little design as possible. Before the iPhone many phones came out with the same features but they all missed one feature of iPhone which is ease of use and simplicity of the iPhone.

2. Shadows are not always black

This means you should not use 100% black (i.e. #000 , rgb(0,0,0) ) as a primary color in your design. The chances are that you end up with breaking the user experience.

3. White Space is necessary

It is the default space left out around the content to make it more readable. White space insures a good structure and layout in design and it gives focus to the content.

4. Design for Branding

It helps to keep up the coherence in the design. And at the end improves design.

5. Proximity

The elements that are close to each other are perceived more related than the elements which are far from each other. (a, below)

6. Similarity

Users treat elements as a group that has similar visual characteristics. (b, below)

7. Follow Trends (or create one)

Keep up to date with the latest design trends. “Trends” doesn’t mean “copy”. It will help to create new designs.

8. Ask People

Always take feedback from people before finalising the design.

9. Use colors responsibly

Choose colors that are good to eyes and limit color palate to maximum 4 colors.

10. Remove unnecessary elements

20% elements get 80% attention. So remove the unnecessary elements. So that important elements get more attention.

11. Create Prototypes First

Many times new design look better in mind, but it’s not that good in reality. So it is a good idea to create a prototype first.

12. Make headlines pop

Headline are the most important elements of a page because they convey action.

13. Make the text easy to read

Use fonts that are easy on eyes. And choose the font color wisely.

14. Use hierarchy in design

Place the most important elements at the top and the second most important after it. Place elements in the order of their importance.

15. Create Depth in Design

Use images and layers to create depth in a design. The elements of depth add a touch of reality in the design.

16. Sense of action on hover/click

Create an effect that give a sense of action, when hover on a link, button or click-able elements.

17. Appropriate Line height

Spend time with fine tuning the typo. Find the proper line height with this tool: http://www.pearsonified.com/typography/

18. Ask “why” 

Think do you really need this element. If not then remove it. It makes design look better.

19. Motion

Motion provides meaning, and serving focus to attention. Motion adds life to a design.

20. Good artists copy, Great artists steal

Good artists copy; great artists steal.

21. Think like an end-user to check

Think like an end-user when evaluating any design. It helps to find weak points in the design.

22. Define typography first

Typography is the laying foundation of any great design. So start the designing process by defining the typography first.

23. Create a style guide

It makes the workflow fast and consistent.

Conclusion

Above are some great tips to become a better designer. These are the fundamental rules of designing and if you follow them you will end-up with something great.

blogging

SEO Tips To Increase Traffic

SEO / Search Engine Optimization is the most important things to grow your blog. But to learn SEO you have to spend 3-4 hours every day for at least 6 months to become an SEO expert.

I have experience of more than 2 years of Search Engine Optimization and I have created many successful website which are making decent income for me.

After reading this SEO Tips guide you will be able to  do :

  • Boost you traffic
  • Make your site load faster

and you will never make any SEO mistake that can pull your rank on search engines.

So it starts from here →

1. First thing is to install World-Class SEO Tools

If you are using Genesis or Thesis Framework, you have already built-in SEO options. But if you are using other theme you can install SEO by Yoast Plugin from here.

NOTE: You will need the plugin to change some settings on the website

2. index or noindex the wordpress Archives?

seo1

The answer is noindex the archives pages like category, tag, author, date archive. Indexing these page leads to duplicate content for which your site rank will decease. This setting will definitely increase to site traffic.

3. Site name in the post title or not?

Unless your blog is very popular and well-known it is not recommended to add site title in post title. But if your blog is very popular you should add the site title in the post title because it help user to quickly recognize your site in the search results.

4. Make site load faster

The question is how?

So here are the top 11 answers:

  1. Reduce logo quality.
  2. Use cache plugin – W3 Total Cache
  3. Reduce use of custom Fonts.
  4. Use less plugins.
  5. Don’t add analytical javascripts that you do not use.
  6. Reduce image quality before uploading.
  7. Use CDN (Content Delivery Networks).
  8. Use pattern type background or solid color background.
  9. Optimize WordPress Data Tables
  10. Use Post Excerpt on Homepage
  11. Use WordPress Frameworks Themes like Genesis

Above are the actionable tips and if implemented they can increase your website traffic upto twice. Go try them your self. And if you have any suggestion please tell us.

blogging

Facebook Updates it’s Like Box Button Style

Social Network giant has rolled out its updated modern button style with its Like Box. The new button is inspire from the new Facebook graph search design.

The old lite gray button is replace with new strong blue bottom with a ‘f’ logo on it.

It appears that the updated button style is only visible to the user who are not logged-in.

We can expect the same new style of the other like buttons in the next coming hours or days.

We will keep look on Facebook and update this post if required.

blogging

How I Increased My Blogger Blog Traffic From 34 to 4900 Pageviews Daily

Back in 2012 I have started my first blog. The reason behind starting the blog was I wanted to become famous, I wanted to make myself popular. That time I don’t know about how much money I can make from the blog. And my intention to start the blog was only popularity, not money. Just like everyone, I started my blog with one post. I get only 3 or 4 pageviews that day. From next day I started posting 4-5 post every day. After posting around 17 posts I get 34 pageviews/daily . That day I think if I’m getting 2 pageviews from one post, then if I post 200 post I will get at least 100 pageviews/daily. But this was not true, at the time of writing  this post my blog has 215 posts published and the my blog is getting ~4900 pageviews/daily. In this guide I will tell you how I increased my pageviews from 34 to 4900. It will include my methods and secrets I used. And you will get extreme popularity and traffic on your blog after implementing these tips. I can guaranty the success only when you read this guide thoroughly, and you have the required courage and dedication.

How to start a successful Blog?

Selecting the right platform

When you are starting a blog make a strong choice to stick to a blogging platform.

If you have questions about which blogging platform to use?

WordPress or Blogger?

My recommendation goes like that: if you have no experience of blogging and this is your first blog then go with BLOGGER. If you are 100% sure that you can blog and you have strong determination of running a successful blog ( and you will not give up before 6 months) like me , then go with Self-Hosted WordPress Blog.

Never use the WordPress.com, if you want to start blogging with WordPress always use Self-Hosted WordPress. I don’t recommend WordPress.com because it have lots of limitation such as you can not use custom templates on your blog etc. ( I can write 2000 words article on the limitations of WordPress.com …)

Selection of Niche

Now this very important thing. If you don’t have enough knowledge about the topic you are blogging about, then i can guarantee that you can’t success.  So choose the niche wisely.

That’s all basic about How to start a successful blog. Now we will learn How to Increase the traffic of a blog to make it successful.

Search Engine Optimization

Search Optimize you blog before it’s too late.

Optimize your titles setting to rank better in results. If you are using blogger platform then change you default title setting to display only the post title without the blog name in the title tag.

For WordPress users change your title structure to “Post Title”.

Do it NOW, do not wait.. open your site dashboard in a tab.

How to Increase the Traffic of a Blog?

Design Matters

I have spend countless hours to know the best user experience on website. But Good news it that, you don’t need to spend hours to create a good user experience on your website. I have created this design guide so that you can easily create a great design for your site.

First thing I did to increase traffic is I tweaked my site design. I placed a About Blog Box in the top of sidebar, it helps the user to quickly understand about the site.

What it actually do is, it makes a impression about your blog topic in the visitor’s mind.

And why I say to place it in the top of the sidebar.

Because when the user first visit your site their attention is on the first thing in the sidebar and the first two lines of the post.

Lets increase the user engagement .. 

The Second Thing I did is I placed a Related Post Widget at the end of every post, so that when user finish reading the post they get some related reading suggestions. For this you can use YARPP Plugin.

Also I added a recommended post slider called “Simple Reach Slider” . It catch user attention with a related post when user scroll at the bottom of the post he is reading. It decreased my bounce rate also..

Don’t let someone miss you ” Don’t miss Stuff ..”

To show my best content to user. I placed a Popular Post widget in the sidebar. Use this plugin to show your popular post. It will not only increase you pageviews but also give you the idea of the content type which is going viral. So that you can write more about that.

Typography Tips

Typography really matters.. Don’t make the font size too small or too big. Most of the readers prefer the standard font size, which is 14px to 16px.

Moreover you can use the Golden Ration Typography Calculator which is a great tool to select optimum font size, and line height for any content width.

Now you know about the perfect Typography, So change your typography NOW.

Browser Support

Make sure that your site is compatible with all the browsers.

You can check the site compatibility using this tool called “BrowserShots” . Just submit your site URL.

Check whether your site is compatible with all the major browser (such as IE, Chrome, Firefox, Opera etc.) or not.

Analytics Integration

It is very important to add Analytic software like Google Analytics to study the growth of the blog. Without the study of traffic it is tough to make right decisions to increase pageviews and traffic.

In my case Google Analytics has played an important role in the growth of the blog. Through this I was able to check my bounce rate, pageview/user and site on time like important things.

Google Analytics is great analytics software and you can easily integrate on you site. Visit the this page and signup for Google Analytics.

Now you know about the importance of Analytic software. So Go and integrate Google Analytics on you blog NOW.

How to use Google Analytics for growth?

After you integrated Google Analytics in your blog. It’s time to learn how to use Google Analytics for the blog growth.

No two blogs can succeed with the same strategy and design. The design that work for one may not work for other. So you have to make small change time by time according to the users need. To knows about the week links in your design you have to think like the visitors point of view and take help of the analytics report.

Analytics report help in understanding the effect of the any change.

For example if you have placed ads just above the Related Posts Box and you have significant decrease in the number of pageview. Then you can check the analytic report to find the cause of the decrease in pageviews. In this case you will see a decrease in the pageview/visitor . Now you know why your pageviews are decreased, then you can relate it with the change you made by placing ads just above the Related Posts box. As your pageviews are decreases because of the decrease in pageviews/visitor you can  add a Recommended post slider to increase the pageviews/visitor.

Something about your posts..

Post Size

Post less than 400 Words = Take a gun → Shoot yourself in the head.

If you are still writing post with less than 400 words than it is no more than waste of time. In this time of competition you really have to standout from the crowd.

First thing first: if you are a new blogger then don’t blog on blogging niche. ( You can not be successful if you don’t know about that topic..)

Next thing is that, If you blog on blogging niche write at least 700 words post to get traffic from search engines like Google.

Make sure that your post covers all the questions of the visitor.

Writing Style

Styles matters.. develop a unique writing style. These day people like to visit a blog again and again which has unique writing style. Unique writing style create a good impression about the author and develop reputation of the author in the visitor’s mind.

I know about these things because I am studying the visitors behavior to different kinds writing style and content from many years.

To develop good writing skill I recommend …

READ MORE..

Want to improve your writing style..

then..

.. Read More

You can’t become a good writer, if you are not a Good reader.

You can read more about how to write on ProBlogger.net .

Post Frequency

Many other people tell you that if you want to increase traffic then post daily. It is right but not 100% complete.

RGT’s Tip: Don’t care about the posting schedule. Post daily, weekly or inconsistently but make sure than you are posting a quality content and covers all the topics.

If you want to rank in top 10 in the search results, then write 2000+ words article. You can take a week, 10 days or 20 days to do this.

Let’s Talk Promotion

Blog promotion is important for rapid growth of the blog.

To do this there are 2 old working methods..

1. Blog Commenting

2. Guest Posting

Another Unique tip for Promoting your content and building reputation… Is promote others great posts also. It will give to instant reputation and followers. Do this for a week and let me know the results.

Make them feel good

Respond to their comment.

If you are busy, then respond to at least those comments which needs reply.

Write the post in a friendly tone.. and add humor to it.  Build a flow in reading the post.

Characteristics of a killer About Page

What’s in it for me If I read this site?

What you can teach to the visitor? How do they benefit from following your blog?.

What make you someone I should listen to on this topic?

Tell them about the benefits of following your blog and tell them why you are the right person whom they listen to and why are you qualified to write on the chosen topic.

Home Work for you:

  • Create a 2000+ words article ( Cover all the points about the topic and write in a flow). After publishing it you will get good results.
  • Put a deadline to complete it. ( 1 week or 10 days)
  • Promote it on social media.
  • Share your experience and tell me the result after one week.
blogging

Thesis 2.0 Boxes

Thesis 2.0 and up offers the ability to add new features in the form of boxes. All it takes is creativity and creativity to create new boxes. Here is the list of all the thesis 2 boxes available right now :

Free Thesis 2 Boxes

  • Adsense Box
  • Responsive Adsense Box
  • Related Posts Box by NXThemes
  • Thesis 2.0 Logo Box by DIYWPBlog
  • Breadcrumb Navigation Box by WPThesisSkins
  • Review Meta Box by DIYWPBlog allows you to create a Schema.org compliant review with star ratings
  • Nivo Slider Box for Thesis 2 by NXThemes
  • Jbar — Top-bar Box for Thesis 2 by NXThemes
  • Simple Thesis Classic Skin Styles Box for Thesis 2 by Rick Anderson
  • Menu with Description Box by NXThemes
  • Breadcrumbs Box by NXThemes
  • Category Posts Slider Box for Thesis 2.0 created by Matt Hodder
  • Social Share is a social sharing box for Thesis 2 by Bloggermint
  • Aweber Email Signup Box for Thesis 2 by OrgSpring
  • DIY Cloud – Thesis 2.0 Box 1.0 by DIYWPBlog
  • Thesis 2.0 Disqus Comment Box – by DIYWPBlog
  • Thesis 2 Social Media Buttons Box by SkinMyThesis
  • Thesis 2.x Windy Box by NXThemes
  • 2 Social Media Boxes by WPThesisSkins
  • Related Posts Guide Box by DIYWPBlog
  • Extended WordPress Featured Image by ThesisTut – link

You can also bookmark this page because it will have a updated list when you visit after a week.