How to Create Simple CSS Arrows for Tooltips


css-arrows-Tooltips


In this short tutorial, I will show you how to create simple CSS arrows for your tooltips, quotes or message boxes. The process is very simple and we only need to learn how to implement the code. The CSS Arrow Please, lets you generate required CSS code to create a simple tooltip with arrows towards any four direction. So here’s how:
1. Go to CSS Arrow Please site and customize the look and feel of your tooltip along with direction of the arrow.
2. Copy the generated CSS and paste it in your stylesheet.
3. Now since it has only generated the CSS, you need to add markup in your HTML in order to implement it.
The generated CSS creates a class named “.arrow_box” in which you can display your message, quote or tooltip. So you will have to make use of the generated class in your HTML file:
<div class="arrow_box">
This is a tooltip where you can display message or quotes along with the CSS Arrow towards any direction.
</div>
Though you get CSS ready to be implemented, it requires bit of a change to make your message box usable. So I am going to add width, color and padding to the “.arrow_box” class:
.arrow_box {
position: relative;
background: #88b7d5;
border: 4px solid #c2e1f5;
width: 200px;
color: #fff;
padding: 10px;

}
And once done, it should look like this (except arrow direction):
css arrows
Note:
  1. To implement multiple arrow boxes with one or more directions, you will need to change the name of the class from “.arrow_box” to other unique names. Say, “.arrow_left”, “.arrow_right” etc.
  2. You can further customize the text and arrow box with your set of additional CSS properties like font-family and text color etc.


Read more ...

Top Web Design Mistakes You Must Avoid

Top-Web-Design-Mistakes

As you use the internet, you probably notice that some websites just aren’t attractive. While quality web design isn’t difficult, many website owners fail to achieve it. It’s important to create a website that is user friendly. After all, you want to keep visitors coming back. A poorly designed site will quickly drive visitors away. To ensure you design your website the right way, here is a look at some of the top website design mistakes you need to avoid.

Mistake #1 – Providing Poor Navigation

One of the biggest mistakes to avoid when designing your website is providing poor navigation. If visitors are unable to get around your site easily, they probably will simply leave and find another website. Good navigation can actually keep visitors on your website longer. While you want to keep navigation simple, it needs to be very effective as well. Go with navigation that is user friendly, since it can actually make or break your site.

Mistake #2 – Making Visitors Wonder Where They’ve Landed

Don’t make visitors wonder where they’ve landed. Each page on your site should clearly show visitors that they are on your website. This is especially important when visitors land on pages without first coming to your home page. Make sure every page links back to your home pages as well.

Mistake #3 – Very Long Pages

Very long scrolling pages are another big mistake to avoid when working on web design. Most users aren’t going to want to keep scrolling unless they really think there is something good below. It’s a good idea to split up pages if you can. If splitting the page won’t work, make sure you have navigation and content options at the top of the page to make it easy to navigate through the long page.

Mistake #4 – Slow Download Times

People today don’t have a lot of patience. They want to get the information needed quickly. This means that slow download times are going to be costly. If your website takes a long time to load, most visitors will simply leave and find another website that meets their needs. This means that you need to focus on fast download times when working on your site’s website design. This can be done by reducing image file sizes and by limiting the number of images used on each page of your site.

Mistake #5 – including Too Many Ads 
Visitors don’t come to your site to see the ads. While ads offer you a great way to earn money, they can be distracting to visitors. Using ads is fine, but make sure you concentrate your designing efforts on the content of the site, not on the ads. Make sure you have a good balance between your content and the ads you include on your pages.

Mistake #6 – Failing to Update Information

Last, failing to update information is another big web design mistake you must avoid. Visitors don’t like seeing information that is already outdated on your website. This means you need to review and modify your website regularly to avoid giving people information that is outdated.
Creating an appealing website is important. By avoiding these common mistakes, you can make sure you create an excellent website that is easy for visitors to use and enjoy.
Read more ...

Create A Dynamic and Eye-Striking Website With PHP Hosting


Website-With-PHP-Hosting



PHP is used as a web programming language to develop internet based application as well as for website development. When PHP programming language comes to making websites, it is definitely the most important languages and therefore it is Indubitable that PHP hosting is also pretty well-known choice. One of the genuine reasons for why PHP is popular is because of its language which is used by the programmers since its vital groundwork lies in C++ syntax programming and most programmers are familiar with this.

  • Now the question is on what is PHP Hosting?

It means hosting your website using PHP Scripting Language. As PHP Programming language is extremely compatible with MySQL, most of the developers use PHP programming to host a particular website. PHP hosting is contemptible, reliable and it can effortlessly handle many complex web applications. PHP hosting is also companionable with around 99% of databases and it can easily communicate with them.

  • Features and advantages of PHP Hosting

There are certain benefits and advantages of using PHP Scripting as web hosting for several website whether it is a standard website or an e-commerce website. In modern years it has gained huge recognition and there are fairly some benefits why this hosting enjoys such a confidential status.
The main benefit of using PHP web hosting is it is very cheap on Linux servers as many web hosting company use Linux as an operating system and PHP is one of the most dynamic programming language that works easily with Linux.
Some other feature of PHP hosting:
• PHP is well-established and helps us to build great websites

• It is comfortable with networks that use e-mail transmission formats like IMAP and POP3

• PHP is a server-side programming language.

• PHP is freely available for anyone in this modern market

• It is open source and HTML-embedded scripting language

• PHP works well with MySQL databases etc.
There are several types of web hosting platforms and hosting software packages may forthcoming with new technologies so one has to face several constraints when he choose PHP web hosting service provider.
If you recognize that your web hosting package is not supported to PHP Scripting then you have to upgrade that web hosting software and it is not a difficult task to upgrade the hosting software. Once software is set up, it is free to carry on with the plans that you have to increase the amount of things; it could do on the sites.

In fact, Many membership sites were somewhat, you can see into and you needed web hosting for PHP to do this. As the starting time you have to refer a friend script and also essential to have web hosting for PHP.





tags:php hosting free,best php hosting,what is php hosting,php hosting godaddy,php hosting server,php hosting aws
Read more ...

Web 3.0 Technology – Imbibe in Your Website




web-3.0-technology



The moment we ask a website developer to develop a website, we are keen to get maximum response out of it. In other words we mean our business out of it. Now what is the relation of web 3.0  technology  with getting business or the response?

 Though it is not that much simple to explain than to make statement on business return through websites! But in web 3.0  technologies  a  website  developer applies many ways to stick your users with you than the previous web 2.0  and  the basic web 1.0. 

Remember a website developer is giving you the privilege to add an artificial intelligence to a website to feel the pulse and also take care of user or the visitors, the way you could have taken yourself.
Now I think we should try to point out how a website developer uses web 3.0 to provide you with a lot of response and can fulfill the purpose of building a website successful:



- You put lots of information of your product or services in your website. And you hope people will find out those too. It is the web 3.0  technology  that can analyze the information  and  interact with the users to help in surfing the site with audio and visual interaction. According to user surfing attitude it can go suggestive also.

- Everybody try to impress the users with their products and services but you can do a little bit more. With the use of web 3.0  technology  you can understand  and  record the string of a particular user and the moment he or she returns, you could even ask your  website  developer to present them things of their interest to build up your goodwill in market.

- With the use of web 3.0  technology  your site becomes artificially intelligent to understand or analyze what the users are looking for  and  return search results without junk. It is if you are saying “sorry sir, we have no two bed accommodation till Monday!

-Web 3.0  technology  can imbibe augmented reality. With the use of this  technology  users will feel imbibed with your service or experience the usage of products. It can be enhanced use of 3D to enliven everything.

- The ultra modern world is always mobile. And that is why every website developer efforts to make the websites compatible to mobile phones.  And  the  technologies   and  software (just like android) are based on web 3.0  technology  which can only give fast  and  preferable usages.


In the above points I have tried to mention only the most useful reasons of imbibing web 3.0  technology to a  website

Ultimately the goal of a website developer and you is to get business through the users. And with the implementation of the web 3.0 the user experience increases and use the user trend to get more business out of them. 

So why not embrace the futuristic  technology  that is going to be the ultimatum of the online business in coming days.
Read more ...

3 Best Tools For Checking Your Website Loading Speed



website-loading-speed




You must have heard about the story of a hare and a tortoise. The moral of that story was that slow and steady always wins the race. Right?

May be but certainly not in the case of your website load speed. Website loading speed is an important factor which contributes in overall performance of your website. 

A slow loading speed not only indicates poor design but is also a huge turn-off for visitors. If your site loads up slow, then you are surely going to leave a very bad experience on your visitors. Slow loading webpages could also be symptoms of bugs or any other bottleneck.


Speeding your Website has become even more crucial these days. Website loading speed has become a very important factor in terms of SEO too after Google officially confirmed that “Page Loading Speed” is a crucial ranking factor in their algorithm.

 The very first step in optimizing your website is to check your website loading speed by putting it through a speed test. In this article, I am going to share 3 best tools for checking your websites loading speed.




GTMetrix is a free tool that combines two popular Firefox add-ons – Yahoo! Yslow and Google Page Speed. GTMetrix is a very popular tool for analyzing and optimizing the performance of your website. Gtmetrix has eye catchy design and easy to navigate interface. 

It applies both Google PageSpeed and Yahoo! YSlow tests to your site, and help you develop a faster and more efficient website experience for your users. 

The feature that I like most about GTMetrix was its ability to compare different sites’ loading speed. Another good feature of GTMetrix is that users can test the loading speed of their website pages from different regions around the world including Canada, India, Brazil and USA. 

GTMetrix also offers a dedicated plug-in for WordPress blogs. This plugin incorporates the major functions of GTMetrix straight into WordPress.

 It allow WordPress users to plan reports, run analyses and send notifications about the status of their website. You just need to install this plugin and configure its settings. All you need is a GTMetrix API which you can easily get by registering for GTMetrix free. 








Pingdom is also a free and easy to use tool for testing the load time of all Website objects including html, css and Javascript. 

All you need to do is enter the URL of your Website page. I personally use Pingdom and it has a very sleek and eye catchy interface. Pingdoms Full Page Test gives you a detailed visual report on the load time of each element of your website page. 

Pingdom have a set of servers across Europe and United States. 

Pingdom tells about the issues within the webpage and it gives simple solution to solve them. Pingdom identify why a webpage is fast, slow, and too big. Pingdom also tells you about the best practices you should implement in order to load your site fast. 

Features of Pingdom include :

-> Pingdom examine all parts of a web page. Users can sort and filter this list in different ways to identify performance bottlenecks 

-> Pingdom provides a performance overview of your Website by putting together plenty of performance-related statistics for you based on the test result.

->It also provides you a performance grade based on Google Page Speed and tips to improve this grade.

-> Pingdom trace your performance history by saving each test for you so you can review it later and also see how things change over time.

-> Pingdom allows you to test your website loading speed from multiple locations across Europe and USA.

-> Pingdom alows you to share the results of a website loading speed test with your friends, work colleagues or web host.


The only feature missing from this tool is that your website loading speed tests can not be compared to other websites if you want to do so.







Google PageSpeed Insights is a free open source web page analysis service which can offer guidance on how to maximize the performance of your pages.

It analyzes the content of a web page, and then generates suggestions to make that page faster. The Google PageSpeed Insights makes your site load faster, reduces bounce rate and increases conversion rate. 

It is part of Google PageSpeed Tools which provides both analysis and optimization services. 

You can use Google PageSpeed Insights for checking how fast your website or blog loads :

-> on a mobile device (using mobile software)

-> on a desktop (laptop or desktop machine using full versions of operating systems)

->what areas to tackle to improve the speed of your website.


You dont need to register for using it. You just need to enter URL of your website. You can enter any URL youd like to check; you do not need to be the owner or administrator. 

Its main features include :

-> It differentiates between mobile load and desktop (laptop or PC) load. Essentially its differentiating between full-on operating systems and their mobile versions.

-> The suggestions are graded as low, medium, and high priority. 

-> It spells out precisely where the problems are and then gives you the details to identify what to address.


You can access this service directly by using this link, or you can install a browser extension for Google Chrome and Firefox. 








Wrapping Up


Website loading speed is not something that should be taken lightly, especially since it has such a big impact on SEO. Optimizing your website for improving its loading time is a must for every webmaster these days. 


These 3 are the best tools for checking your Website loading speed. So which tools are you using for checking your websites loading speed?



Read more ...

How to Fix Blurry Pictures in the home page Blogger 2017


How to Fix Blurry Picture in the home page Blogger? 


how-to-fix-blurry-pictures-blogger



I've noticed all my blogger homepages went blurry all of the sudden, thousands users of blogger platform are faced with the annoying problem. When loading the home page of the blog post, preview images are displayed in the form of blurred, to such an extent that it is difficult to understand about what this picture.


The thing is that Blogger has decided to change the format of the thumbnails in the preview of the posts (messages). That is why there was such an error in some templates. But lucky you are here , solution for this problem can be fixed.


  •   Go to blogger dashboard
  •   Go to the section: Theme
  •   Edit HTML
  •   Find the tag <head> and paste the following code under the tag 



<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(e,t){var n=281;var r=201;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c-k-no/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'"/>';if(t!="")return image_tag;else return""}
//]]>
</script>

PS: the <head> tag is located in the beginning of the template .



If this code doesn't work with your template it's ok  there is alternative way to Fix Blurry Picture in blogger



Go ahead to the theme section EDIT HTML and look for this : /s72-c/




change it with this:  /s72-c-k-no/


Now Save template and done.


Read more ...

How to Display Recent Post In a Page or Post (Wordpress)



How-to-Display-All-Recent-Post


How to Display All Recent Post In a Page or Post in wordpress?


WordPress is being popular these days and adored by several developers. It's simple for articles updating  too. Do you want to show your current posts in wpExhibiting current posts helps your users locate them easily.

In this tutorial, we'll explain to you the best way to show current articles in WordPress without a plugin the manual process with the post use is recent. So that people are able to cut the external link obtain, it's almost always easier to take action without plug-in.


Displaying Recent Posts in WordPress


First thing you have to do is generate separate template as news.php and upload it in the root folder of theme. In that theme straightforward add next scripts & save the template.


<?php
 $recent_posts = wp_get_recent_posts();
 foreach( $recent_posts as $recent ){
 echo '<li><a href="' . get_permalink($recent["ID"]) . '">' .  $recent["post_title"].'</a> </li> ';
 }
 wp_reset_query();
 ?>

Now, go to the page where you want to display recent post and select the template from the dropdown menu as shown below:

How to display all recent post in a page or post in WordPress

Save the file and preview it in browser, it should display all the latest posts.
To get date of post when using wp_recent_post(), the following code display latest post title as well as date in the same line.

<?php
$recent_posts = wp_get_recent_posts();
foreach( $recent_posts as $recent ){
echo '<li><a href="' . get_permalink($recent["ID"]) . '">' . $recent["post_title"]. $recent["post_date"].'</a> </li> ';
}
wp_reset_query();
?>


To display the certain number of posts only


$args = array( 'numberposts' => '2' );
$recent_posts = wp_get_recent_posts( $args );



Read more ...

High Paying Google Adsense Keywords 2017



high-paying-google-adsense-keywords



Google Adsense is the best monetizing network to get cash from your website. you'll be able to use the list from high paying google Adsense keywords 2017 if you've a blog and have good traffic than you can earn a decent income by using Google Adsense high paying keywords into your blog posts. 

If you're an Adsense Publisher, possibilities that you simply need to increase your earning through more clicks. typically it happens that you just have good CTR but still your calculable earning is low. for instance, you got forty clicks and your estimated earning was $0.23! It’s extremely an unexpected.

 Its ad serving algorithmic rule works on the mechanism of keywords density which are used to exist in your posts.

For instance, if your website posts niche is related to “car insurance” keywords then Google can show ads associated with insurance on your web site. If you would like to earn more cash from AdSense you need to use Google Adsense high paying keywords

Otherwise using lowest paying keywords, your C.P.C (Cost per click) rate will be low and you cannot earn a healthy income from advertisements clicks.

You picked a keyword which has C.P.C (Cost Per Click) rate about to $1 and you get 100 clicks daily then daily your estimated earning will be

Daily income $1 x 100 clicks=$100

Monthly income $100 x 30 days= $3000

You are not responsible for this low earning. Actually, Low CPC (Cost Per Click) is responsible for your low earning. You might have noticed that Adsense shows Ads according to post contents mostly. Specifically, Ads are related with post’s keywords. CPC is related to these keywords.

But, if you use high paying keywords from google then you might increase your earning easily. You can use www.semrush.com to find the high CPC keywords.


Question: What is High paying google Adsense keywords 2017?

High Paying Google Adsense Keywords is the keyword that has high CPC for which advertisers (AdWords) are bidding for. Having high paying keyword mean more PPC income for publishers (the blog i.e. your website or blog).

I know you want to know which are high paying keywords? Wait, during this post, i'll show you ways to seek  high paying Adsense keywords for your website.

Finding high paying keywords is simple, however, it’s not enough to increase your earning. to extend your earning, you’ll need to find the high paying targeted Keywords that may generate a lot of traffic to your website.

From completely different sources, we all know that a number of the most expensive keywords are Insurance, Hosting, Lawyer, Donation, on-line classes etc. These keywords might not be associated with your niche and even though it’s related to your niche, it’s extremely tough to rank for these keywords. So, you would like to find the keywords that are related to your niche and easy to rank.

List of high paying google Adsense keywords 2017

The most high-priced and high paying google Adsense keywords 2017 for earning good revenue are listed below:


  • Mesothelioma law firm ($179)
  • Donate automobile to Charity CA ($130)
  • Donate car for tax credit ($126.6)
  • Donate Cars in MA ($125)
  • Donate Your Car Sacramento ($118.20)
  • How to Donate A Car in California ($111.21)
  • Sell Annuity Payment ($107.46)
  • Donate Your Car for Kids ($106)
  • Asbestos Lawyers ($105.84)
  • Structures Annuity Settlement ($100.8)
  • Car Insurance Quotes Colorado ($100.9)
  • Annuity Settlements ($100.72)
  • Nunavut Culture ($99.52)
  • Dayton Freight Lines ($99.39)
  • Hard drive Data Recovery Services ($98.59)
  • Donate a Car in Maryland ($98.51)
  • Motor Replacements ($98.43)
  • Cheap Domain Registration Hosting ($98.39)
  • Donating a Car in Maryland ($98.20)
  • Donate Cars Illinois ($98.13)
  • Criminal Defense Attorneys Florida ($98)
  • Best Criminal Lawyers in Arizona ($97.93)
  • Car Insurance Quotes Utah ($97.92)
  • Life Insurance Co Lincoln ($97.07)
  • Holland Michigan College ($95.74)
  • Online Motor Insurance Quotes ($95.73)
  • Online colleges ($95.65)
  • Paperport Promotional Code ($95.13)
  • Online courses ($95.06)
  • World Trade Center Footage ($95.02)
  • Massage school Dallas TX ($94.90)
  • Psychic  free of charge ($94.61)
  • Donate old Cars to Charity ($94.55)
  • Low Credit Line Credit Cards ($94.49)
  • Dallas mesothelioma Attorneys ($94.33)
  • Car Insurance Quotes MN ($94.29)
  • Donate your car for cash ($94.01)
  • Cheap auto Insurance in VA ($93.84)
  • Met auto ($93.70)
  • Forensics on-line Course ($93.51)
  • Home Phone net Bundle ($93.32)
  • Donating Used Cars to Charity ($93.17)
  • Neuson ($92.89)
  • Car Insurance Quotes PA ($92.88)
  • Royalty Free Images Stock ($92.76)
  • Car Insurance in South Dakota ($92.72)
  • Email Bulk Service ($92.55)
  • Webex Costs ($92.38)
  • Cheap Car Insurance for Ladies ($92.23)
  • Cheap Car Insurance in Virginia ($92.03)
  • Register Free Domains ($92.03)
  • Better Conference Calls ($91.44)
  • Futuristic Architecture ($91.44)
  • Mortgage Adviser ($91.29)
  • Car Donate ($88.26)
  • Virtual Data Rooms ($83.18)
  • Online College Course ($78)
  • Automobile Accident Attorney ($76.57)
  • Auto Accident Attorney ($75.64)
  • Car Accident Lawyers ($75.17)
  • Data Recovery Raid ($73.22)
  • Criminal lawyer Miami ($70)
  • Motor Insurance Quotes ($68.61)
  • Personal Injury Lawyers ($66.53)
  • Car Insurance Quotes ($61.03)
  • Asbestos Lung Cancer ($60.96)
  • Injury Lawyers ($60.79)
  • Personal Injury Law Firm ($60.56)
  • Online Criminal Justice Degree ($60.4)
  • Car Insurance Companies ($58.66)
  • Dedicated Hosting, Dedicated Server Hosting ($53)
  • Insurance Companies ($52)
  • Business VOIP Solutions ($51.9)
  • Auto Mobile Insurance Quote ($50)
  • Auto Mobile Shipping Quote ($50)
  • Health Records, Personal Health Record ($40)
  • Online Stock Trading ($35)
  • Forex Trading Platform ($20)



This is the list of High Paying Google Adsense Keywords 2017, by using these most expensive keywords in your blog posts you can increase your CPC rate and monthly Adsense earning too.

Identifying the targeted and profitable keywords
One of the wonderful tools which will help you to search out targeted and profitable keywords is semrush.com.

It helps you to seek out the high CPC keywords that a web site is ranking for. you can also find alternative statistical details about the keywords like Search volume or variety of results.

Read more ...