Subscribe For Free Updates!

We'll not spam mate! We promise.

Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Monday 14 October 2013

Wordpress Website Crashes After Changing Permalinks Style


If you are familiar with Wordpress, you will know that people loves to change how the permalinks looks like. This is actually good for the search engine. The first time you install Wordpress on your blog or website, the default setting for the permalink ends with numbers.

Hello! Its been a long time since last update. I've been busy studying for my exams and now the final exams has finally ended. Such a big relieve to my brain chemicals :). I intended to do my best updating this blog from the updates and technical stuff that I've learn from my other blog so I can remember back on how to create a wordpress blog.

I was going to post on this technical stuff about permalinks a long time ago but I really don't have the time to do it. I can't even write a simple post because of the limited time I had. Finally I'm here and it is really exiting to be back to the blogging world.

Permalinks can change how search engine search your site
Ok, back to the main topic. This is a stupid error that I did that can make a website crashes or having Internal Server Error. All because a small error in the html and the bizarre thing is, the html itself is created by Wordpress. How funny this can be.


Original default setting:

http://casually-asian.com/?p=123

Change to:

 http://casually-asian.com/sample-post

In order to do this, go to Settings and click on Permalinks on the drop down menu. You will see a few options on how you want your permalinks look like. Click on which one you desire and Wordpress will automatically create a custom html for you to edit the .htaccess file yourself because the settings cannot be change automatically.

This is where I made a terrible mistake. I don't know who's mistake it is actually because I did not create the html. I delete the entire content inside the .htaccess file and paste the new html which supposed to change the permalink style. The website crashes and I have to contact Hostgator for their assist.

Below is the solution made by Hostgator. A simple but highly effective solution :)

The version that I copy and paste (causing error):

[root@gator3268 /home3/name/public_html]# head -n 10 .htaccess
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule># BEGIN W3TC Browser Cache

The changes made by Hostgator:

[root@gator3268 /home3/bebert/public_html]# head -n 10 .htaccess
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# BEGIN W3TC Browser Cache

Friday 13 September 2013

Fontello Social Icon Don't Load Using Firefox (Wordpress)

In my previous post, I have mentioned that I encountered a few problems with my new website Casually-Asian. One of the problem is the social icon just don't load in Firefox. Finally, the webmaster give me a solution for the problem after he search around in the internet.

I'm still wondering why would  the theme webmaster search the internet for solution. The theme was supposed to be owned by him LOL. Or maybe he is just selling the theme made by someone else. The theme cost $40 in ThemeForest and it is called Bliss by Bluth.

At first, I thought that I screw up with the installation. What I did to configure out the solution was I reset everything starting with the webhosting to the Wordpress installation. I contact my webhost support service via email and reset everything. I was lucky I don't have any post yet at the blog.

For anyone who encountered this problem, forget that, it is not the solution. The solution is simple enough. Add a few codes in the the .htaccess file in your root folder. Below is the solution given to me:

1. Log in to your Hostgator cpanel

2. Find your File Manager and click it

3. On the pop up menu select Web Root (public_html/www) and select Show Hidden Files (dotfiles) and click Go.

4. On the left side, you will see a directory. Look for public_html with the world icon. Single click on it and the menu will appear at the next panel on the right.

5. Look for .htaccess, single click on it and click edit at the menu on top. A popup menu will appear and just click edit.

6. Another browser will opened and you will see a few codes in it. Add the following codes below the existing codes:

  

7. Click save and you are good to go.

The social icon is now can be viewed

Sunday 28 July 2013

No Tech Skills? NO Problem!

Around the world, at this hour, so many people want to make money online. This is because there is proof of people are living in cloud 9 because of internet business. It is true though. We really can make a living through a dot com lifestyle.

But not everything is good or as easy as it sounds. Most internet entrepreneurs will come to a small obstacle called technical skills. If you have zero experience in tech skills, it will be very hard to start. Don't ever believe if someone try to sell you something and tells you that you don't need any tech skills.

Of course, in some cases, you really don't need it. That is because the person who is teaching you to make money will teach you about tech skills. So you see, you will need the skills to improve and to gain knowledge.

If you are a true beginner or a newbie, there is nothing to worry about. You will learn tech skills whether you pay for it or ask your friends to teach you.

What I want to share with you today is a few website that can help you with tech skills. However, this will come with a warning. Don't depend too much on paid skills. You should learn how to do things by yourself. But, if you are a busy person, below is the website you should look at.

Master-Resell-Rights
This is a website for you to find information that you need in cheaper price. Most tech ebook on Clickbank will sell a lot higher than master-resell-rights.

In short, Master-Resell-Rights is like Clickbank but way more cheaper. They also sell ebooks. I love ebooks. It is the fastest way to find a book that you need. The website also contains a lot of topics and various ebook collections.

The good thing about Master-Resell-Rights is that you have the resell rights with any purchase that you make. Some ebook's resell rights allowed you to modify the content of the ebook and make the ebook looks like yours. That mean you will have all the rights to do what you want with the ebook.

The bad thing about Master-Resell-Rights is you don't have the money-back-guarantee like Clickbank. If you don't like the ebook that you buy, you can't do anything about it. Some of the ebooks are also low quality. This is the risk that you have to take when you buy from Master-Resell-Rights.

Elance.Com / Freelancer.Com
Most of internet entrepreneurs who have the skills use this website to earn money online. For those who don't have the skills, this is the place to hire somebody with the skills you require.

The only thing that you have to look out for is the price. Skilled 'workers' will demand higher fees for their service. But for some people, they don't mind paying for a good service. Read the previous comments and ratings about the person who you want to hire before hiring them.

Fiverr.Com
Fiverr also sells specific skill. The only difference is that Fiverr fixed its price to $5.00 per gigs. They called it gigs and I personally hate that term they used. It's not a rock band duh..

At Fiverr you can find almost any skills you require, from the complicated to the silliest and all for just 5 bucks. If you require any jobs to be done faster or any additional jobs, you will have to pay more. You can view the additional payment when you view a person's profile.

Final Words
Tech skills are important to internet entrepreneurs even though you don't have to learn complicated codes like a website developers.

If you are willing to learn slowly, that is the best way to do it. But sometimes learning is not the issue. Some people need their work to be done asap. In some issue, there is too much work to be done. Next time, if you feel you need some help or learn something, don't forget to check out the websites above.

Thursday 4 July 2013

Google Panda Search Algorithm - Add Nofollow Tag To Comments



Comments are important to any blog. Comments are used as interaction between the blog owner or writer and the readers. Readers can write any comment about the post that have been created. This is what we called a healthy interaction within a blog. It shows that the blog is alive and have readers. Even negative comments are considered healthy because there are interactions.

Many blogs today moderate incoming comments because the comments contain spam. How does a comment contain spam? What is obvious about comment spam is they contain hyperlink or a link to another website. Bloggers hate this kind of stuff because it can lower a blog's rating.

A few blogs still allow any comments including spam and whatsoever that people want to write there. It is their choice to do that. As for me, I allow any comment because this is not a self-hosted domain and its free to use. Adding to that, this blog is my personal note that I share with everyone.

For those who not yet adding nofollow tag to the title, below post and side widget, you can read about it here. This is to avoid your blog to become a victim to Google Panda search algorithm.  For the link inside the comment box, follow the instructions below.

Nofollow Author Links:
1. Go to your html editor such as blogger template in Blogger

2. Find (ctrl+f) the code below:



3. Replace the code above with the code below:



Nofollow Comment Links (Spam)
1. Still in the html editor, find the below code:



2. Replace the above with the following code:



3. Click save and you are done!

Wednesday 26 June 2013

Organic Traffic - How To Send Your Website To Search Engines

Organic traffic are the traffics that comes from search engines such as Google, Yahoo and Bing. These traffic comes to a website because the search engines shows your website content on the search result. That is why blogs are more SEO friendly than a regular websites. It is because blogs have articles and with keyword density, it's heaven for blogs.

Everytime an internet user key in a keyword on the search bar and hit enter, the search result usually shows what is related to the keyword. Those keywords are within a website. If it is related to your website or blog, it will show your website name and the keywords used.

Don't Forget To Send Your Website
When building your first website, organic traffic will come across to your mind because it is the most easy part of finding free traffic. To do that, keyword research is done to make your website SEO friendly. After that, add a few articles that contains the keywords that you have found.

Sounds easy doesn't it? Well, it is easy indeed. But what I want to point here is, some people totally forgot that they need to send their website to the search engines.

Free platform such as Blogger is belong to Google and you don't have to send it again but you can send your website site map through Google Webmaster Tool.

I have been blogging for six months and I love to view the analytics whether it is on Blogger itself or the third party like Google Analytics. Viewing the incoming traffic can give you some idea on how to improve organic traffic. Lately, I'm wondering that no traffic came from other search engines besides Google.

Then I realize, OMG I totally forgot to send my website to other search engines! What a silly mistake that I made. If you haven't do that, send your website now. Here is how to send your website to Yahoo and Bing:

    1.  Go to Bing Webmaster Tool and sign in using your Live or Hotmail account
    2.  Click on "Add Your Website" button
    3.  On the "Add your sitemap" bar, add the following:



    4.  Change http://imd208blog.blogspot.com to your own website name
    5.  You will be asked to verify your website. There are 3 options, choose option no2.
    6.  Go to your website HTML editor and look for <head> tag and paste the HTML just under the
         <head> tag.
    7.  Go back to Bing Webmaster Tool and click "Verify"

Ping Your Website With Yahoo and Bing
Copy and paste the below code to your browser:

1-500 Posts


501-1000 Posts


1001-1500 Posts


Don't forget to change http://imd208blog.blogspot.com to your own website. After copy and paste, you will see a message "Thank you for submitting your sitemap". Ping your website just after you submit your website to Bing Webmaster Tool.

Monday 17 June 2013

3 Main Reason Why Colors Are Important For A Website

Sometimes we tend to forget the little detail that can give a big impact to our website. Reading or viewing a website can be tiring. Websites are like books except for the monitor lighting. Books do not produce lights so the eyes will be less tiring.

We all love internet. We do a lot of things online especially for information. The internet is the fastest way to find any information that you need. Finding information means reading text and articles.

What does this got to do with the colors? Everything! Remember when we are taught that website visitors will likely turn into customers? People need fast information so visitors will quickly scroll a website to find the information that they need and will likely never be coming back again.

In the other hand, we can hook this kind of visitors and make them a loyal visitor even though they accidentally stumble into a website that they never seen before. This is where the website looks will have their effects to visitors.

Colors are small matter but it is important for a website. It shows how the website will look like and how well does the website is organize. A super unique content will become a waste if people won't read it just because the website sucks.

These are the 3 main reason why colors are important for a website:

Reason #1 Create contrast 
What in the hell is contrast?! Did this question gets in the head? Don't laugh about it. Some people are too concentrated at building content but forgets the basics. This is the time to get back to basics and reach website audience.

Contrast is about vision. It is the arrangement or combination of colors and images to show differences. This will give the audience the idea to differentiate the website's content. Simply saying, the website is talking to its audience in a way of colors.

Imagine if Ebay stores are dull. Are they still get many customers? It will probably closed in 3 months time.

Contrast are not limited to images in a website. It also can be in texts. Use available elements that are cannot be used in books to make reading a pleasant experience. Contrast in text will show about links, expressions and importance.

Reason #2 Attract attention
Reading can be a nightmare for some people. Try to create a good view for readers so that they can give attention when they read. A dull website or plain simple text style will bore readers.

Believe it or not, there are websites with crap content but have loyal visitors just because their website looks 'cool' to them. Here is where people judge the book by its cover. People loves beautiful things. It can attract attention instantly.

Start by viewing your own favourite website. See how the website looks like and what really attracts your attention at the first place.

Reason #3 Organization
Too much color will send website to the cliff. Choose themes that are suitable for the website's purpose and also your purpose for creating the website. A few colors can make a huge difference. Don't mix up any color for no apparent reason.

Readers of a certain website maybe are adults but most of them still act like kids. Have control of the audience. Don't let a small mistake like color combination make readers go away.

Organized website can give visitors easy navigation. This is important for first time visitors. How many times do you leave a website just because you can't find anything there because of it is hard to navigate? Time is precious for all and audience won't waste their time to look at a website when the website is confusing.

Image: Color code for website. Find more at http://www.w3schools.com/tags/ref_colornames.asp
Above is a few examples of colors that can be used for a website. For more colors and codes, go to http://www.w3schools.com and have custom colors for your website.


Thursday 4 April 2013

Basic HTML for dummies, idiots, fishmongers, taxi drivers, homeless etc.

Like the title don’t you? Lol.. well, I like to make a note here at this blog about HTML basic. HTML is an acronym for Hypertext Markup Language. When you open a website, you actually open the HTML but the HTML is hidden. Website only can understand HTML. No matter how awesome or how creepy the site is, it is still made from HTML.

I know some of you don’t like to learn HTML. It just a pain in the ass for some people to learn. But learning HTML can make many things easier for you especially if you own a website. You can easily tweak your website according to what you have in mind and you don’t have to pay for someone else to do it.
If you search the search engine, they will show you something like this:

<html>

<head>

<title> Your Title Here <title/>

<head/>

<body>

<p>Example</p>

</body>

</html>

I was thinking, what are you posting here? And that was the time when I first learn about HTML. I am really frustrated why the owner or authors of the website won’t just give us the explanation about the HTML. It is just the basic and if you make an e-book and try to sell about basic HTML…well, screw you!! A basic thing is a basic. Trying to make money about something like that is just not acceptable.

Here it is, the explanations..for FREE:

<html>
This is the opening of your web page. Imagine the website as a blank piece of paper. This html is an act to open the paper..sort of. <html> tag is the opening tag.

<head>
The <head> tag is where the most top part is. Like a letter head. <head> tag is the opening tag of the header.

<title>
This is where you put your title of your web page. <title> tag is the opening tag and type your title after the opening tag.

</title>
This is the closing tag of the title. As you can see here, there is an opening tag and closing tag. In order to make the word you type are visible, type inside the tags. The tags are the container of your webpage.

</head>
Like the closing title tag, this is also a closing tag for the head. The opening and closing head tags now is the container of the title because the title is still in the head section.

<body>
The content on your webpage goes here. Everything under the header to the bottom is inside the <body> tag.

<p>
This is the paragraph tag. Every content or some people called it meat is typed after the opening paragraph tag.

</p>
After you finish all your crap stories (lol), put this tag. It is the closing of the paragraph tag.

</body>
And then the closing of the body tag. This is the ending of your body content. You will realize again that the opening and closing the paragraph tag is inside the body tag.

</html>
The last part of your webpage. Like when you are printing in a roll of paper. After printing, you tear the end to get your document. The ‘tear’ in a webpage is the closing html tag.

Conclusion
There you have it, the explanation of every tag in a webpage. I hope that with this kind of explanation, you will understand what each tag mean and what it do. There is a reason for every tag in a webpage. The combination of these tags will create a complete webpage. It is not rocket science.