wordpresshubs: Personal

Affichage des articles dont le libellé est Personal. Afficher tous les articles

samedi 12 novembre 2016

20 Best Personal Websites in 2013

alt="20 Best Personal Websites in 2013" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jens-Lehmann-500x358_c.jpg" />

They say that stranger’s soul is incomprehensible, but we can’t entirely agree with the statement. Most often we just don’t want to notice the obvious, pretending that it’s too personal matter or something of the kind. In fact, a human soul is not as dark as it seems. It is always ready and even willing to reveal its secrets to the confidant. As a rule, web community members having their own websites are open for communication, socialization and other things like that. Besides, personal websites serve as a kind of virtual CVs for their owners. Most often, if you are as sharp as a needle, seeing a person’s website, you’ll easily tell even more about site owner than he/she wanted to say.

class="styled-separator" style="margin: 1.5em 0 !important;">
class="line left" style="" />
class="icon-circle-blank" style="">class="line right" style="" />

[Sponsored] Want your own personal website? Try Branded.me

class="border aligncenter wp-image-12281 size-full" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/branded-me.jpg" alt="branded me" width="750" height="471" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/branded-me.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/branded-me-300x188.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />

Branded.me is the fastest and most innovative personal website builder. Generate a personal website in seconds using content from your LinkedIn profile, while also providing powerful customization options in a simple drag and drop editor. It is the easiest solution to build high quality personal websites in the shortest amount of time.

class="meteor-icon" style="font-size:130% !important;">
class="icon-link" style="color:inherit !important;">
Visit: href="http://branded.me/" target="_blank">http://branded.me/

class="styled-separator" style="margin: 1.5em 0 !important;">
class="line left" style="" />
class="icon-circle-blank" style="">class="line right" style="" />

In this article, we will first check out the bundle of 20 cool, modern, creative personal websites that are extremely well-designed (and try to read the hidden information about their owners). And next, we’ll dig into the how-part and look at some easy ways to build your very own personal websites.

style="line-height: 1.5em;">Gary Le Masson

style="text-align: center;"> class="aligncenter size-large wp-image-8075 border" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gary-Le-Masson-Google-Resume-CV-Google-750x532.jpg" alt="Gary Le Masson - Google Resume - CV Google" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gary-Le-Masson-Google-Resume-CV-Google-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gary-Le-Masson-Google-Resume-CV-Google-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gary-Le-Masson-Google-Resume-CV-Google.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

style="line-height: 1.5em;">This guy made his website very unique and original, in Google search engine style. It looks and works exactly like Google. Have you ever seen anything more creative?

style="line-height: 1.5em;">class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: style="line-height: 1.5em;" href="http://www.garylemasson.com/">http://www.garylemasson.com/

Juliana Rotich

style="text-align: center;">class="aligncenter size-large wp-image-8078 border" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Juliana-Rotich-750x539.jpg" alt="Juliana Rotich" width="750" height="539" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Juliana-Rotich-750x539.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Juliana-Rotich-300x215.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Juliana-Rotich.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

style="line-height: 1.5em;">Simplicity, black and white colors, fix-positioned menu, always staying before users’ eyes and plenty of information about its owner’s activities – this is not the full list of this website’s advantages.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://julia.na/">http://julia.na/

Pascal van Gemert

class="aligncenter size-large wp-image-8079" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Pascal-van-Gemert-750x539.jpg" alt="Pascal van Gemert" width="750" height="539" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Pascal-van-Gemert-750x539.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Pascal-van-Gemert-300x215.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Pascal-van-Gemert.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

This site has a cool bluish movie background and a fix-positioned menu, placed in the right sidebar of the web page. It is pretty interactive, as well.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.pascalvangemert.nl/">http://www.pascalvangemert.nl/

Daryl Thornhill

class="aligncenter size-large wp-image-8080" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daryl-Thornhill-750x540.jpg" alt="Daryl Thornhill" width="750" height="540" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daryl-Thornhill-750x540.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daryl-Thornhill-300x216.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daryl-Thornhill.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

This site stands out with its beautiful blurred background and its cool way of images popping out while scrolling.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.madebydaryl.co.uk/">http://www.madebydaryl.co.uk/

Alistair Lane

class="aligncenter size-large wp-image-8081" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alistair-Lane-750x539.jpg" alt="Alistair Lane" width="750" height="539" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alistair-Lane-750x539.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alistair-Lane-300x215.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alistair-Lane.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

This site is classy and very ordered. When you hover over the images, they acquire accurate contrast.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.alistairlane.com/">http://www.alistairlane.com/

Vladimir Strajnic

class="aligncenter size-large wp-image-8082" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Vladimir-Strajnic-750x538.jpg" alt="Vladimir Strajnic" width="750" height="538" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Vladimir-Strajnic-750x538.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Vladimir-Strajnic-300x215.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Vladimir-Strajnic.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

This website is so special due to its illustrative character. All illustrations respond visitors’ actions, colors become fancier on hovering. Interactivity is a great plus of this personal website, isn’t it?

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.strajnic.net/">http://www.strajnic.net/

Josh Johnson

class="aligncenter size-large wp-image-8083" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Josh-Johnson-750x482.jpg" alt="Josh Johnson" width="750" height="482" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Josh-Johnson-750x482.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Josh-Johnson-300x193.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Josh-Johnson.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

Soft colors of this website are easy for the eyes. It has fix-positioned menu. The site contains lots of examples of Josh’s works and information about them.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://joshuajohnson.co.uk/">http://joshuajohnson.co.uk/

Jim Ramsden

class="aligncenter size-large wp-image-8084" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jim-Ramsden-750x510.jpg" alt="Jim Ramsden" width="750" height="510" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jim-Ramsden-750x510.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jim-Ramsden-300x204.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jim-Ramsden.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

Jim’s image is absolutely inimitable. Pleasant colors and custom fonts add the general impression.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://jimramsden.com/">http://jimramsden.com/

Kyle Thacker

class="aligncenter size-large wp-image-8085" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Kyle-Thacker-750x532.jpg" alt="Kyle Thacker" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Kyle-Thacker-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Kyle-Thacker-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Kyle-Thacker.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

Don’t you think that these mountain peaks are so dreamy… Outlined icons on the interactive buttons of this website look very contemporary.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.kylethacker.com/">http://www.kylethacker.com/

Nick Jones

class="aligncenter size-large wp-image-8086" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Nick-Jones-Interface-Designer-Art-Director-Portfolio-UI-UX-750x532.jpg" alt="Nick Jones - Interface Designer - Art Director Portfolio - UI-UX" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Nick-Jones-Interface-Designer-Art-Director-Portfolio-UI-UX-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Nick-Jones-Interface-Designer-Art-Director-Portfolio-UI-UX-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Nick-Jones-Interface-Designer-Art-Director-Portfolio-UI-UX.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

Handwritten fonts of this website make the visitor believe each and every word. The website seamlessly combines modern and retro elements, which makes it one of a kind. It has a fine blurred background. It also compresses and extends when you scroll.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.narrowdesign.com/">http://www.narrowdesign.com/

Anthony Wiktor

class="aligncenter size-large wp-image-8087" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Anthony-Wiktor-750x452.jpg" alt="Anthony Wiktor" width="750" height="452" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Anthony-Wiktor-750x452.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Anthony-Wiktor-300x181.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Anthony-Wiktor.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

Violet color makes the grayscale not so gloomy. This is a vivid example of awesome, contemporary website with flat elements, icon-based menu and many other goodies.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.anthonydesigner.com/">http://www.anthonydesigner.com/

Adam Hartwig

class="aligncenter size-large wp-image-8088" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Adam-Hartwig-750x532.jpg" alt="Adam Hartwig" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Adam-Hartwig-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Adam-Hartwig-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Adam-Hartwig.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

Bright yellow color and unusual font immediately draw users’ attention. This site has a ton of interactivity. For example, letters change when you place your cursor over them. Scrolling is completely absent here; you can change content sections by click. They all are of different colors.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.adamhartwig.co.uk/">http://www.adamhartwig.co.uk/

Alexa Falcone

style="text-align: center;">class="aligncenter size-large wp-image-8089 border" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alexa-Falcone-750x537.jpg" alt="Alexa Falcone" width="750" height="537" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alexa-Falcone-750x537.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alexa-Falcone-300x214.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alexa-Falcone.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

This page is simply a showoff of Alexa’s projects. They make the impression of artistic chaos, which is rather intriguing.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.alexafalcone.com/">http://www.alexafalcone.com/

Daniel Kallbom

class="aligncenter size-large wp-image-8090" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daniel-Kallbom-750x540.jpg" alt="Daniel Kallbom" width="750" height="540" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daniel-Kallbom-750x540.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daniel-Kallbom-300x216.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daniel-Kallbom.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

This site is a large showcase of Daniel’s projects; each project has its own color which changes dynamically in the background.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.danielolof.se/">http://www.danielolof.se/

Jens Lehmann

style="text-align: center;">class="aligncenter size-large wp-image-8091 border" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jens-Lehmann-750x538.jpg" alt="Jens Lehmann" width="750" height="538" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jens-Lehmann-750x538.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jens-Lehmann-300x215.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jens-Lehmann.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

This website is divided into 5 parts, and each part describes a fraction of Jens’s life. The author uses nice scrolling effect.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.jenslehmann.com/">http://www.jenslehmann.com/

Michelle Buteau

class="aligncenter size-large wp-image-8092" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Michelle-Buteau-750x405.jpg" alt="Michelle Buteau" width="750" height="405" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Michelle-Buteau-750x405.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Michelle-Buteau-300x162.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Michelle-Buteau.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

The website is a specific kitsch with all those multiple content, photos, bright colors and notched elements. The trick works great, you’ll never miss a website like this.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.michellebuteau.com/">http://www.michellebuteau.com/

Ken Hoffa

class="aligncenter size-large wp-image-8093" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Ken-Hoffa-750x1016.jpg" alt="Ken Hoffa" width="750" height="1016" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Ken-Hoffa-750x1016.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Ken-Hoffa-221x300.jpg 221w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Ken-Hoffa.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

How do you like this grungy design with a stylish skull tattoo? From our viewpoint its mod.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.kenhoffa.com/">http://www.kenhoffa.com/

Martin Ringlein

style="text-align: center;">class="aligncenter size-large wp-image-8094 border" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Martin-Ringlein-750x532.jpg" alt="Martin Ringlein" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Martin-Ringlein-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Martin-Ringlein-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Martin-Ringlein.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

This website is based on interactivity. To navigate the site, you have to press arrow keys and observe the sections replacing each other.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://marty.com/">http://marty.com/

Gloria Kozma

class="aligncenter size-large wp-image-8095" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gloria-Kozma-750x532.jpg" alt="Gloria Kozma" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gloria-Kozma-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gloria-Kozma-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gloria-Kozma.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />

This website is a one-pager and is let through a pleasant pinkish filter, which makes it even more feminine and sexy. It looks so soft and beautiful, just what a model needs.

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.gloriakozma.com/#/homepage">http://www.gloriakozma.com/#/homepage

So, how to start your personal website?

Moving on, we will look at the essential steps of creating your very own personal websites. There are basically 3 major steps to start any kind of websites –

Get a domain name and web host.
Design (or use a pre-designed theme).
Add in content.

1. Get a domain name and web host

On Internet, your domain is your identity. It’s how people find you and the name others pass along. So apparently, you need a good domain name – something unique, catchy, and meaningful. Useful information on getting a good domain name can be found in Jerry’s previous blog post href="http://www.webhostingsecretrevealed.net/blog/web-hosting-guides/domain-tips/">10 Tips for Choosing the Right Domain Name.

Next, you will need a web host.

When we talk about web host, we basically refer it to the company that lease out computer servers and networks to host your website. There are four types of web hosting services – shared, VPS, dedicated, and cloud hosting. While all these hosting will act as the storage center for your website; they differ in amount of storage capacity, control, speed, reliability, functions and features, as well as technical knowledge requirement.

If you are new, shared hosting should be the best type of web host to start with.

While a reliable web host is a must for all websites, it does not have to cost you an arm and a leg. Here’s a 2,500 words guide on href="http://www.webhostingsecretrevealed.net/ultimate-cheap-web-hosting-guide/">how to pick up a cheap web host that doesn’t suck featured on WHSR, do check out in case you need help. A few recommendation on budget hosting – href="http://www.webhostingsecretrevealed.net/hosting-review/ipage/">iPage, href="http://www.webhostingsecretrevealed.net/hosting-review/bluehost/">BlueHost, href="http://www.webhostingsecretrevealed.net/hosting-review/host-metro/">HostMetro, and href="http://www.webhostingsecretrevealed.net/hosting-review/altushost-review/">Altus Host. And if you are having some extra budget – href="http://www.webhostingsecretrevealed.net/hosting-review/inmotion-hosting/">InMotion Hosting, href="http://www.webhostingsecretrevealed.net/hosting-review/pressidium/">Pressidium (WordPress only), and href="http://www.webhostingsecretrevealed.net/hosting-review/mdd-hosting-review/">MDD Hosting.

2. Design (or use a pre-designed theme)

Once you have the website domain and hosting ready, the next step is to design the website itself. There are many considerations in web designs but as a beginner my advice is to take baby step. Try output something and get it onto the web. The fine-tuning and modification can come later after you have learned your skills. One easy way to design a website is to use a WYSIWYG web editor like Dreamweaver or Frontpage. Such editors work just like a normal word processor and allow you to design your site visually without handling too much technical details.

Alternatively, you can skip the web design process by using a pre-designed theme. The good news is – there are href="http://bit.ly/freewebsitethemes">plenty of free personal website themes online; plus the paid themes aren’t very expensive either. For examples, these are some of the personal website templates found on Template Monster (Web Templates > Website Templates > Personal Page < Personal Page Templates).

My Page

href="http://bit.ly/templatesample1" target="_blank" rel="nofollow">class="border aligncenter wp-image-9963 size-full" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_mypage.jpg" alt="personal sites_mypage" width="750" height="627" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_mypage.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_mypage-300x250.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />

The template, My Page, is developed by Delta, single license price: .

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
href="http://bit.ly/templatesample1" target="_blank" rel="nofollow">View demo and more details

Jack Brown

href="http://bit.ly/templatesample2" target="_blank" rel="nofollow">class="border aligncenter wp-image-9964 size-full" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_jack-brown.jpg" alt="personal sites_jack brown" width="750" height="469" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_jack-brown.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_jack-brown-300x187.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />

Developed by Glenn, this template is a perfect template for writers who are starting their personal websites. The template costs for single license and has only been downloaded once (at time of writing).

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
href="http://bit.ly/templatesample2" target="_blank" rel="nofollow">View demo and more details

Dan Brown

href="http://bit.ly/templatesample3" target="_blank" rel="nofollow">class="border aligncenter wp-image-9965 size-full" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_sample-3.jpg" alt="personal sites_sample 3" width="750" height="625" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_sample-3.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_sample-3-300x250.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />

Developed Delta, single license price: .

class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
href="http://bit.ly/templatesample3" target="_blank" rel="nofollow">View demo and more details

3. Add in content

I can’t really teach you what kind of content to be added to your personal website but to help you on brainstorming – ask these questions to yourself –

What is the purpose of your personal website?
Who are your target audience? Students, potential clients, shoppers, etc.
What are the must-have info on the site? Portfolio, contact details, product specifications, etc.
How do you present those info? Gallery styles, point forms, animations, etc.

The rule of thumb in good web writing is to href="http://www.webhostingsecretrevealed.net/blog/inbound-marketing/headlines-writing-guides/">write kick-ass headlines. As people generally don’t start reading right after they first reach your website, engaging headlines are very much needed to hook your visitors.

Your Turn: Which Is Your Favorite?

Did you like our collection of personal websites? Which one seemed the most creative to you? What do you think is the most important in personal sites? Please share your opinion in the comment section. We would really appreciate that.

All websites you have just seen are of 2013 year and it’s safe to say that their designs are the ones of the new generation. We hope this compilation will help you to create your own personal website according to all modern tendencies.

Page 16 – Web Hosting Secret Revealed

9 Ways a Personal Blogger Can Turn Into a Niche Blogger

alt="9 Ways a Personal Blogger Can Turn Into a Niche Blogger" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/09/books-500x375_c.jpg" />

Who’s the personal blogger?

A dreamer, someone would say. A person with too much free time, someone else would complain.

Not one nor another, I say.

I’m a personal blogger.

But I’m a niche blogger, too.

Jerry Low has me as a contributor on WHSR. I work as a freelance writer, blogger and copywriter for other clients as well. I run niche blogs and I’m all about ‘serious’ copy all week long.

Why still a personal blogger then?

style="width: 791px" class="wp-caption aligncenter">title="Writing Corner[Day154]*" href="http://www.flickr.com/photos/63614902@N00/528049015/" target="_blank">title="Writing Corner[Day154]*" src="http://farm2.staticflickr.com/1162/528049015_e4c0f729df.jpg" alt="Writing Corner[Day154]*" width="781" height="505" />class="wp-caption-text">title="Chapendra" href="http://www.flickr.com/photos/63614902@N00/528049015/" target="_blank">Chapendra via title="Compfight" href="http://www.compfight.com/">Compfight

It’s Simple: You Never Grow Out Of Personal Blogging.

Look at how I introduced this blog post— I made it personal. I let my true self speak. Maybe later in this post I will add an anecdote or two where I see fit.

href="http://www.problogger.net/about-problogger" target="_blank">Darren Rowse of Problogger.net started as a personal blogger, too. His posts speak with his own voice. You can feel Darren right there, as if he was talking to you, face to face.

You don’t stop being a personal blogger when you move to niche blogging. The ability to write with a heart and make your writing feel like ‘you’ is an asset that can only benefit you in the long run. Readers love credible, heartfelt stories and — believe it or not — href="http://www.awaionline.com/2013/02/david-ogilvys-copywriting-technique/" target="_blank">storytelling is a winner in copywriting, especially when it triggers real emotions in people.

Also, you can always keep running a personal blog along with your niche blog. Nobody said you had to stop blogging for fun, right? ;)

Do You Write Like A Personal Blogger?

class="alignright" title="A personal blogger's welcome sign" src="http://farm9.staticflickr.com/8435/7985723358_c4051dced5.jpg" alt="A personal blogger's welcome sign" width="317" height="207" />

If you’re wondering, that’s a serious question, so ask it yourself and answer honestly before you read on.

You write like a personal blogger if:

You speak freely of what you like the most
You go deep with your interests
You return comments and engage with readers
You’re easy to connect with
You write well and often

Are you that kind of friendly, communicative writer? Yes?

Then you have all it takes to start with niche blogging.

9 Ways You Can Move to Niche Blogging from Personal Blogging

1. Extract more niches to blog about

I’m sure your Archives are packed full with blog posts about at least two or three niche topics in between your dog stories and the last movie you watched.

Look for patterns: what is it that you blog about the most? What do you really feel driven to write about so often? These topics (or subtopics) in your personal blog can be grouped to form the launching material for your new niche blog.

An example: say you 70% of your personal posts are about fashion– you can use these posts as a base to launch your professional fashion and style blog.

2. Hone your research skills

You already have them! Recall the last time you read and noted down opinion on a baby stroller you bought and posted a researched post on your blog; or a movie you watched, or a book you read. The process of looking up information, reviews, case studies and white papers, or to go out of your comfort zone to email relevant people to your blog post is research.

Bloggers are generally attracted to information, so it’s unlikely that the most experienced will only write about generic, uninformed opinion. All you have to do is refine these research skills and learn a bit of journalism (i.e. reporting, interviews). If you’re scared to get started, freelance writer href="http://www.makealivingwriting.com/interview-secrets/" target="_blank">Carol Tice has a great post at Make A Living Writing to get you started stress-free.

Outline, research, then write!

3. Engage with your readership

That’s something you, as a personal blogger, are pretty good at. Personal blogs thrive on close relationships with readers, the people who could potentially turn into your friends and who could hurt you with the mere mention of going offline forever (been there, done that).

As a personal blogger, you entertain long conversations with your readers, care about what they think, get mad if they say negative things about a story you care about, wonder why a reader doesn’t comment anymore and you miss her. As a niche blogger, this interaction is vital: you won’t thrive without readers and subscribers, and there’s no improvement without feedback.

The more you interact with your readership, the more you will understand it. Remember: href="http://www.webhostingsecretrevealed.net/blog/inbound-marketing/12-ways-to-understand-your-audience-and-deliver-stellar-content/" target="_blank">your niche blog is your media and the readership is your audience.

4. Get personable with readers

Blogs were born as diaries. They were — and still are — an online alternative to that paper diary you used to keep under your pillow to write on at bedtime.

While a paper diary is strictly for your eyes only, however, an online diary is open to the public, so you have— readers. I already wrote about the importance of interacting with your readership in Way #3, but I will reiterate here that readers can turn out to be the best of your friends if you listen to what they say and get personable with them.

By ‘personable’ I mean—

You thoroughly listen to their needs
You reply to their comments
You get in touch via email if a reader hints at a more private kind of feedback
You href="http://blog.ahrefs.com/comment-get-included-original-post/" target="_blank">mention your most helpful readers in your blog posts

Also, personal bloggers email their readers often. They become friends. As a niche blogger, do the same by creating a newsletter for your readers: you will build trust and loyalty and, of course, emails make it easy to build real, genuine friendships. Being ‘serious’ about your niche doesn’t mean you should be cold and talk business all day long!

5. Keep your idea well always full

As a personal blogger, your idea well is always full. A day doesn’t pass without something happening that makes good material for a post: your son’s graduation, your end-of-the-year school dance, a book you really loved, certain thoughts you had on personal writing, your new scrapbooking projects, etc.

Ideas know no limits!

And that’s a blessing for your next step into niche blogging, because the more ideas you can collect — href="http://www.copyblogger.com/get-ideas/" target="_blank">even more than you can actually use — the better equipped you will be when the muse leaves and all you’re left with is a blank page to stare at on screen.

An example from my life– a few months ago, I stayed up until midnight to talk to a couple of friends living a floor under me. Our chat related to Google SEO and how to thrive during these hard times. In the end, I gave my friends a real free consultation! And that chat turned into a post for WHSR that will hopefully get published in a few weeks. ;-)

Easy, right?

6. Never stop having fun blogging!

You started blogging for yourself because you found it fun, interesting and stress relieving. Good, then– who said niche blogging has to be stressful at all costs?

Sure, writing for a niche — and for hungry readers — asks for more work to make your blog a go-to resource in your field, but by all means have fun, write to your heart’s content and enjoy the craft as if it was the most relaxing activity on Earth.

href="http://www.helpguide.org/life/creative_play_fun_games.htm" target="_blank">Endorphins matter when it comes to success in adult life!

A personal tip: sometimes, when I’m slow in the morning, I do housework or go out with a friend first, then I dive into work to relax. I’m a quiet person, so after some tiring physical activity, I can’t wait to sit down at my desk and perform some intellectual activity. I use that characteristic of my psyche to be more productive.

Also, it helps to switch duties between the body and the mind— after you got your body a little tired, your mind is readier to an intensive, deep work session.

Believe me– I wrote the draft for this post on the sofa between mini-naps. ;-)

7. Never give up on any of your interests

Blogging doesn’t have to eat up all your time. If you never do anything interesting, how can you write something interesting for your readers? You would give up on blogging as soon as you dry up (see #5) and go do something else.

Just manage your time well and make sure your writing time goes undisturbed for that one or two hours a day. The rest is life and ideas collecting for your next posts!

Your other interests also add more good things, like niche guest blogging and other blogs. If you have been taking multiple blogs in consideration, you may want to read href="http://www.webhostingsecretrevealed.net/blog/featured-articles/12-ways-to-manage-multiple-blogs-efficiently/" target="_blank">my other post here at WHSR about running multiple blogs efficiently and without stress.

8. Personal anecdotes help the reader connect

I’m sure you noticed how personal I get in this post: I added anecdotes from my life, tips from my experience, things I learned.

Me to you.

Blog readers are not like readers of newspapers or academic essays: they seek stories that capture them, they can relate to, and ultimately that are fun and quick to read.

Anecdotes help a post run smooth on the reader’s eye! And they add credibility, too, because the reader can see there’s a real person with real feelings and life experiences behind that post, which makes for real proof what you’re saying is not a well-crafted deception.

Here is what Sophie Lizard of href="http://beafreelanceblogger.com/" target="_blank">Be A Freelance Blogger says in an interview to class="author vcard">class="fn">Raubi Marie Perilli at CopyPress.com:

I love its informal nature, where slang is acceptable and plain speaking is obligatory. It’s an effective combination of personal anecdotes and references to other online resources, which is helpful to the readers, and it’s my favorite type of writing. — Sophie Lizard at href="http://community.copypress.com/interview-with-sophie-lizard/" target="_blank">CopyPress.com

9. Put extra, special care into crafting your blog posts

You do that already with your personal posts, but as I mentioned in Way #6, niche posts require more work.

I know that might scare you from trying, but please— keep calm and read on. All you need is to put up some special, extra care in the following areas:

Grammar
Niche jargon
Fact checking (research material)
Interview/Conference attendance.

The latter is not about the writing but the material to collect for your posts. Niche readers love interviews and conference reports!

In the end, it all comes down to being useful to your audience.

Personal AND Niche?!

style="width: 407px" class="wp-caption alignright">title="Blogging... on paper?" src="http://farm8.staticflickr.com/7323/11683837714_c64d6d4ff4_b.jpg" alt="Blogging... on paper?" width="397" height="298" />class="wp-caption-text">By href="http://www.flickr.com/photos/73753110@N00/11683837714/">Paul Jacobson via Compfight (CC)

Yes, you can have both. Surprised?

Think of all those mommy bloggers out there— they run blogs about their own kids and families that are about the parenting niche.

Think of Google’s Matt Cutts, whose blog is about his life and his stuff at Google.

It’s best to have two separate blogs, though, so don’t take Cutts’ blog for a good example.

I chose these examples tell you how you can keep blogging both for yourself and in a niche without having to give up on your personal blog.

Only a word of caution—

Don’t let your personal blog ruin your niche reputation.

Getting personal doesn’t mean writing flames, trolling, discriminating, violating other people’s right to privacy or cuss and use poor language.

Think of what a potential reader of your niche blog would think of you when she finds your personal blog— don’t you want her to know you better but still see honesty and respect in the way you address your personal blog readers?

Also, it might feel hard to find time for your personal blog anymore once you begin niche blogging. However, with time you’ll learn to manage your tasks better and even to work on more posts at the same time.

My last advice for this post is to always start the day with a bit of personal writing— it will warm you up for niche blogging.

To your success! :-)

Image Credit (comic): href="http://veronica-s-journal.blogspot.com/">Verónica Bautista

Page 12 – Web Hosting Secret Revealed