Set up a FREE Blog in 6 Easy Steps

bloging

I would love to help people to know a little of what I know in a simple way. I know how the Internet is becoming a medium we all use for personal and business purposes.

I get a lot of people asking me about how to set up a website for their hobbies. It use to be a little more complex back in the day, but now is becoming easier, so I created this guide as a gift to guide you in 6 simple steps to set up your blog and get going.

I know some people are more tech-savvy than others but following this guide that tells you exaclty what to do.

Whether you want to have a blog to show your friends your hobbies, to share your travels with family or if you want to promote your business, a blog is perfect for you!

I’m really excited for you to begin your journey to the blogworld! Let’s get started!

learntoday

As you may know, the word “blog” is an abbreviated word for what the geeks used to call a “weblog,” a web-based journal in which people can publish their thoughts and opin- ions on the Internet. It started out very small at the end of the 20th century, and has burgeoned to over 172 million bloggers today.

Now you’ve decided to start your own blog, which is great! Not only is it fun, but it is easy, and best of all, it’s pretty much free to get going and cheap to continue.

1. DECIDE YOUR TOPIC

Decide on your topic. If tyou have a hobbie you would like to blog about, a interesting topic you would like to share the world about, or just share family stories, photos and videos, a Blog is perfect for you!

Before you set up a blog, think about what you want to talk about on a regular basis. A blog without focus is just a fancy diary, and a blog without regular updates is called a “website.”

pickatheme

Here are some ideas to help you get the creative juices flowing: Crafts, Fashion, Cars, Food, Wine, Travel, Family Time, etc.

2.  FIND A BLOGGING PROVIDER

There are two kind of providers: FREE Providers and PROFESSOINAL Providers. If you want to start to get the hang of blogging and this is your first blog, you might want to create a Free Blog. If you want some- thing custom design you should hire a professional web designer.

Most popular FREE providers include Blogger and WordPress. These sites are pre-made with a wide variety of templates, and push-button publishing that doesn’t require much technical know-how.

3.  START CREATING
When you decided if you want to go with blogger.com or wordpress.com got to their website and create an account with them. Get Started, put in your email address, select a user name and a password.

Enter your Blog Name – What you want your viewers to see on the URL. Example: myblog.wordpress.com

You will be sent a confirmation email that you must click before continuing. Once you’ve done that, you can sign in with your new account, and design your blog.

Yes, as simple as that!

4.  SELECT A THEME

Now you get to pick how you want your blog to look. There are so many different templates and designs that you can pick from. Take your time and pick your theme. You can always change it later.

selectatheme

After you pick your theme, fill in the blanks.

You’re Almost Ready to Start Blogging!

5.  CREATING POSTS, SOMETHING LIKE IN FACEBOOK!

Now that your blog is set up, write a few posts to test it out, and make any adjustments to the layout or style that you see fit.

At first, it will seem tough to figure out what to write, but once you get into a routine of daily blogging, you will find it addictive.

6.  PUBLISH… TA-DA!  YOU HAVE A BLOG!

Send the URL to your friends, publish the URL on your website, and add the URL to posts you make on other blogs—anywhere where it would be appropriate. (A memo to your boss about the Q3 SEC investigation is probably not an appropriate place to promote your blog). Also promote it on your Facebook page, and use Twitter to tweet about every new post that you make. Before long, they’ll be busting down the gates to read your blog!

WELCOME TO BLOGWORLD!
HAPPY BLOGGING.

Introduction to Responsive Web Design

Buzz or Something Much More

Responsive design seemed like so many other buzz terms when it came on to the scene. But those who have been indoctrinated into the vastly changing mobile devise design and development world have seen this revolutionary invention as a ticket to freedom.

So with this said I figured I’d put together a little synopsis of what we see after a couple years in the making. A little about the resources available, the major players and how to get started responsively for your business, design firm or development team.

Responsive Web Design

Coined by Ethan Marcotte in a A List Apart in May of 2010 as RWD or Responsive Web Design rapidly became excepted as a new standard of web. Responsive design was recognized by .net magazine as the #2 Top Web Design Trends of 2012 stating “It’ll be like the standards movement all over again.”

responsive layouts

The Major Players

Who do you know that’s actually using responsive web design? Is this just something all those big framed glass wearing start-ups are using? NO would be the strong answer.

Let’s see! Last I knew from an article I read from the man himself, Ethan Marcotte, stating ginormous companies such as Microsoft, General Electric, Disney and Starbucks (who even published there style guide for all to see).

So smart companies with great business minds are seeing the effectiveness and longevity of these new standards why wouldn’t we want a piece of the action. Is it out of our reach? (See strong answer above). As we even saw with Starbucks tools are being freely handed out for us to use it’s only a matter of knowing where to go to get them and what to do with them once we find them.

Open Re-Sources

Now in 2013 we have seen the progression of two major contributors in the field of responsive design resources. These contributors in the responsive world are none other than Twitter with Bootstrap, which is well into it’s second version, and the new kid on the block, but definitely a contender, Foundation by Zurb with it’s fourth edition just released.
twitter

 

zurb

Both Bootstrap and Foundation are built on a 12 column grid system which acts as a wireframe holding all the dividers and elements in place. Changing the position in Foundation per device is as simple as using small and large classes in CSS. Bootstrap has a built in standard of the class span with a number 1-12 following which defines the columns used per element with a default of full width for smaller devises.

There are plenty of similarities and differences in using the two open source structures for your responsive site and both have provided incredibly detailed and easily understood documentation. I will be getting into both in more detail in the following posts.

Other Words to Know

Next I will be getting into the terms Adaptive and Fluid. Understanding these terms will be crucial in understanding why responsive really works. Coming Soon…

 

Alina Wheeler Raleigh Design Event – AIGA

On April 25, 2013 we had the chance to meet Alina Wheeler, author of the book Design Brand Identity.  This book is a comprehensive and invaluable guide to the process of designing and maintaining a brand, and it’s principles has guided innumerable brands around the world.

AIGA Raleigh invited Alina Wheeler to speak at the Burns Auditorium on the NCSU campus.  As an active member of AIGA Raleigh I volunteered to create the Facebook FanPage for the event.  As a result of the team efforts the event was sold out and it was a success.

Alina stated that ‘technology is so proactive that people are investing in big data over big ideas, everyone is branding themselves to gain an advantage in the marketplace. These are fiercely smart people who do not understand the powerful asset of design’.

Facebook Fan Page:  https://www.facebook.com/pages/AIGA-Raleigh-presents-Alina-Wheeler/106759176186326

More about the event:

Recap | Alina Wheeler: Designing Brand Identity – http://raleigh.aiga.org/recap-alina-wheeler-designing-brand-identity/

To get more interesting articles about the industry insights follow me on Facebook at https://www.facebook.com/SaraEloiseMartinez

Chalk Lettering Card Design Inpired by Dana Tanamachi

All Design Starts with Inspiration

This time it’s from Dana Tanamachi

I find fascinating the chalk typography technique. I am a big fan of Dana Tanamachi and her chalk style. So I created a tutorial for you to be able to make a chalk typography card!

1. Get the Canvas Ready.

Get a chalk font like “Chalk-hand-lettering-shadded”. Also a chalk background in istockphoto.com.

With Illustrator, get your brush as chalk scribble, 0.5 its or depending how thick you want your lines and draw a frame and a banner.

Open your chalk background in Photoshop. Set your canvas as 7×5 inches and 300 dpi. Drag your frame and banner from Illustrator to your canvas in Photoshop. It will import as a Vector.

2. Layout the Font

In Photoshop, after you typed your title you will use the tool “Wrap Text” for each word. Wrap your text with Flag, Fisheye and Arch styles. You want to make your letters work together.

3. Elements and Decor

In Illustrator, using your scribble brush, draw decorations that will go around your font, also you can draw a bottom banner as you see in the picture below. I also drew a dotted line for the year 2012. Drag the decorations to your canvas in Photoshop.

4. Shadding

Duplicate your frame layer and fill it with a off white color. I used # f6f2e7

You can wrap more wording at the bottom that will match your bottom banner. I used “Charlemange STD” and “Seaweed Script”.

5. Framing your text

Duplicate the largest frame layer. Select the smallest frame layer. Go back to your duplicated layer and crop the inside. It will create a border. Right click on your layer and click on Blending Options. Add a Pattern Overlay with the Artistic Surfaces Pattern. Opacity at 76.

6. Final Details

Ok we’re getting close to the end! We are going to add a striped border with Illustratoer, using the chalckscribble brush.

Dotted frame using the chalk scribble brush, set it up as

Gaussian blur the text

7. Add Photo

To make this a personalized card, pick your favorite family, couple, baby, or a christmas photo you like, add this photo to the right side of the canvas. Place it next to the beautiful art you just created and send it to print!!

If you liked this tutorial and would like to see more join my mailing list, I will be sending you a FREE Guide on “How to Blog” and many other tips!

Also follow me on Facebook at https://www.facebook.com/SaraEloiseMartinez

This card will be available at GreetingCardUniverse.com/EloiseStationary where you can select your photo and print it at any Target Store in the USA for a really great price!

Proyecto Perspectivas Application Design

Proyecto Perspectivas Publication Becomes an App for iPad

Revista Perspectivas is a publication dedicated to document and recognize outstanding design and works of architecture in the Central American region.

Published every three months, this publication, developed by Proyecto Perspectivas (PP) a Guatemalan based company, aimes to record selected projects in arquitectural, urban, industrial, interior, textile and jewelry design as well as landscaping.

Issue # 15 is the first edition to go digital. Pixelscut helped PP make that happen. In collaboration we created the Icon, Landing Page with a strategic QR Code announced in their magazine and developed the Perspectivas application with custom design for iPad. The APP is an interactive version of the magazine which contains music, images, voice overs, video and social media integration. This APP will be available May 17th of 2012 to download for FREE in the APPStore with the other editions to come soon.

perspectivas de arquitectura y diseño

PP hosted a party at Plaza El Globo with over 400 guests launching the new edition of the magazine and their new application.

Design and Branding De Barcelona

De Barcelona Shapes-up to Fit Into a New Branding

Pixelscut just launched the Summer Website for Boutique “De Barcelona”, a spanish clothing boutique for women based in Guatemala City with more than 16 years of service.

The goal was to give a fresh look to the store. The strategy: I designed a new logo trying to accomplish a reminder of Barcelona’s culture. Pixelscut also created new tags for their clothes, with a satin matte material, giving them a more sophisticated and elegant feel. The Website: A modern one page website utilizing the store’s new collection photos in a clean background with drastic fonts. The website was coded in HTML5 with crossbrowser and multiple device viewbility. You can check it out DeBarcelona Boutique We complemented the website with an email blast sent the day that the new collection was placed in their stores. Social Media: Pixeslcut integrated their facebook fanpage throughout different platforms of the campaign.

We have plans on increasing the social media in their strategy. We’ll keep you posted for more!