Last time I wrote about how to add Pinterest Pin It button I designed to WordPress Page and Post, today since I realize that other Pinterest addicts who happen to love blogging as well are using Blogger instead of WordPress. So cheer up Bloggers, here’s the simple way to add the Pin It button to your Blogger Posts.

The Steps:

Important: Always backup your template before you do anything described in this post! I will NOT responsible for any damage or template error on your blogger template. 

• Go To Blogger > Design > Edit HTML
• Click Expand widgets templates box
• Search for <data:post.body/>
• If you want to add the button just below your post titles then add the cheat code below just above <data:post.body/>
• If you want the button appear at the end of your posts then paste the following cheat code just below <data:post.body/>

<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img style="margin: 0 0 -5px 0;" onclick="doPinIt();" src="http://chykalophia.com/images/pinit-compact.png" alt="Pin It" /></a>

• Hit save and that’s it!

More info about the Pin In Button I designed and some related info about the button.

Note: The above code is currently using my PinIt-Compact button, if you wish to replace the button with your own button or Pinterest PinIt button replace the source image “http://chykalophia.com/images/pinit-compact.png” to your button source image/location.

Related posts:

1. Add Pinterest Pin It Button To WordPress Page & Post
2. Pin Favorites Digitally: Pinterest
3. Guest Author Post: Get And Give Design Feedback – Sites + Tips
4. Guest Author Post: Beautiful Examples of Textures in Web Design
5. Guest Author Post: How To Create A Logo Guideline For Your Client

Read more awesome articles like this (Add Pinterest Pin It Button To Blogger Post) at Chykalophia | Freelance Graphic & Web Designer.

When you’re starting to set your goals, you want to have it perfect right? So does everybody else.

The first time I decided to resign from the company I’ve work for and go freelance I imagined that the road would be easy and that I could design whatever I wanted. Well, it hasn’t worked out completely as I originally planned. The freelancing path isn’t always smooth….. Read more

Related posts:

1. Guest Author Post: 25+ Sites And Resources To Learn Typography
2. Guest Author Post: 35+ Beautiful Examples of Creative Collage
3. You Start Here On Xheight

Read more awesome articles like this (Every Pixel Matters) at Chykalophia | Freelance Graphic & Web Designer.

Clunky layouts, dreary aesthetics and a confusing user experience can ruin the online shopping experience. Understanding how to effectively design your ecommerce site can go a long way in building your clientele, increasing loyalty and driving sales.  The tips below are top-level concepts that should be employed in all phases of store design – so whether you are starting from scratch, re-launching with a fresh UI or making small tweaks to a layout that is performing well, it is critical to keep these 5 ideas top of mind.

1. Make your site easy to navigate. Not every person that visits your site will be on the same level of web literacy, or able to view from the same type of equipment. Try and keep your pages simple; overloaded web pages can be intimidating or even distracting to consumers. It is fine to include supplements to your page’s primary mission, but be wary of how prominent you make these in your design. Along the same lines, make your site name and logo a bold, noticeable part of your design. No one needs to be left guessing what site they have stumbled upon.
2. Know your audience. If your ecommerce site is geared toward the elderly, know better than to implement frivolous and color-happy backgrounds and images. Design choices should revolve around who you want to view your site, catering to your core demographics and buying audience. This type of marketing should be apparent and consistent throughout your site.
3. User interactivity. Allow customer reviews and comments, which add a certain degree of trust between customers and your business. The social interactivity may even serve as a potential source of sales/advertising. You may also want to look into security badges that are often incorporated into a web page to verify a site’s security when dealing with sensitive credit card information that is incredibly valuable to a customer.
4. Pay attention to what’s working. Your first site design should not be your last. Getting a firm grasp on what design choices work best for your business is important in maintaining healthy branding and, of course, sales rates. Don’t be afraid to interact with your customers when able; their design input is ultimately what matters to your business model and, thusly, your bottom line.
5. Let your users search. This is an important feature to have included in your ecommerce site. Search boxes are standard on all sites, business-related or not. Your customer will at one point or another go looking for this particular tool, and if they do not see it, that hinders not only your credibility but your site’s grade as a user-friendly market.

This post was provided by the marketing team at Vendio.  For more information on how to start an online store and the steps you need to take to begin selling online, visit Vendio.com today.

Related posts:

1. Guest Author Post: Get And Give Design Feedback – Sites + Tips
2. Guest Author: 30 Creative Clothing Ecommerce Website Designs
3. Guest Author Post: Tips and Inspiration on Creating a Great Website Footer
4. Kjokkensenteret Kitchen Store

Read more awesome articles like this (Ecommerce Store Design: 5 Tips to Help you Sell More) at Chykalophia | Freelance Graphic & Web Designer.

I was working on one web design project for vintage event/theme rental company, Intaglio Vintage of which you have seen the teaser on my Facebook Page. And since Pinterest has been very common for the owners, I propose the idea of adding the Pinterest Pin It button for their blog post and inventories.

After researching for some plugin or similar feature for this, I only found the Pin It Button for the Bookmark on Website Browser. You can use it by simply dragging the button to your bookmark of either Safari, Chrome, or Firefox.

Another one is Pinterest Follow Button, which I have also added on Intaglio Vintage’s website header. Pinterest also provide the Pin It button for website which I thought could be the solution for this project. Sadly, this only works if you set the url of the website and url to the image of which you want people to pin. In the plus side, it works like the Facebook Like button as it comes with the count bubble.

Then I decided to grab the code from the Pin It Button for Bookmark, attach it on a button and add it to the website. After few test and help from PiotrKrzyzek.com, I managed to add the Pin It button (Designed by Chykalophia Design) to the end of the blog post as shown on the image below.

So now, how did we do it you ask? Here’s the cheat code you can use:

<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img src="YOUR PIN IT IMAGE URL HERE" alt="Pin It" onclick="doPinIt();"/></a>

ps: Place the cheat code above under the content of your post or page. Do not forget to set the <img src=”YOUR PIN IT IMAGE URL HERE”> to your Pin it Button. Then, you can style it using CSS. :)

In addition to this post, I’d also like to share some freebies. Below are the preview on the Pin it Button I’ve designed. You can get the Pin it Button Collection from my Download page. Enjoy, and happy pinning!

For those who didn’t get it work, please make sure to change the Pinit button URL to your own button. However, if you would like to use the one I designed, simply copy and paste the code below:

<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img style="margin: 0 0 -5px 0;" onclick="doPinIt();" src="http://chykalophia.com/images/pinit-compact.png" alt="Pin It" /></a>

And if you are familiar with the coding, I’m pretty sure you can also use the Pin it ribbon corner button I made to work. See my Showcase page for the live sample.

Related posts:

1. Add Pinterest Pin It Button To Blogger Post
2. Pin Favorites Digitally: Pinterest
3. Guest Author Post: 35+ Warm VS Cool Color Website Designs
4. Guest Author Post: Tips and Inspiration on Creating a Great Website Footer
5. Guest Author Post: 4 Distinct Types of Website Illustrations

Read more awesome articles like this (Add Pinterest Pin It Button To WordPress Page & Post) at Chykalophia | Freelance Graphic & Web Designer.

Client: Cout Allure
Project Type: Freelance Project
Media: Web Interface & Print Design
Category: Web Application, Homepage Design & Invitation Design

Details…

Cout Allure is the newest web application in the fashion industry which allows their user to become their own fashion designer. Users can design various kind of clothing, however they currently only support Blouse Designs. The Cout Allure team wanted the brand to be very clean, simple, elegant and unique.

Web Application Design

Previews are coming soon

Homepage Design

Invitation Design

Related posts:

1. Hanabi Restaurant Web MockUp
2. Miow Promotional Design
3. Guest Author: 30 Creative Clothing Ecommerce Website Designs
4. Giveaway: Wedding Invitation Design Set
5. Online Boutique Web Mockup

Read more awesome articles like this (CoutAllure Web App & Homepage Design) at Chykalophia | Freelance Graphic & Web Designer.

Being an active web and graphic designer is excellent. However, there are times when you have too many projects to handle and wish you could save time with some graphic templates. Imagine if you have to finish a website design with a tight deadline and you spend to much time working on the graphic elements. You will most likely misspend your valuable time. This situation happens everyday to us.

In order to help you save more time, we have selected more than 100 free graphic resources for your future design projects. This collection ranges from web buttons, icons, swatches, text styles, to mock-ups.

Related posts:

1. Guest Author Post: 20+ Inspirational And Informative Resources For Logo Creation
2. Guest Author Post: Designing for iPhone
3. Guest Author Post: 25+ Sites And Resources To Learn Typography
4. Guest Author Post: 15+ Design Related & Project Management iPhone App for Designers
5. Guest Author Post: How To Create A Logo Guideline For Your Client

Read more awesome articles like this (Guest Author: Huge Freebies Collections For Your Future Design Projects) at Chykalophia | Freelance Graphic & Web Designer.

Client: La Isla Fashion Boutique
Project Type: Freelance Project
Media: Web Interface
Category: Website Ecommerce – Redesign

Details…

This entry is only a mockup I did for La Isla for their website redesign project. Sadly, this didn’t get chosen by the owner.

Update: This has been converted to La Isla Newsletter Design for their Miami Expo Edition, view it live here.

Related posts:

1. Hanabi Restaurant Web MockUp
2. Kjokkensenteret Kitchen Store
3. Vesic Photography
4. CoutAllure Web App & Homepage Design
5. Wojo Image Photography

Read more awesome articles like this (Online Boutique Web Mockup) at Chykalophia | Freelance Graphic & Web Designer.

There are many e-commerce sites being published online in every minute. Ranging from the small in-house company to the giant company, all of them are trying to compete and and sell their product through their website. Though, not every single one of them display the products as excellent as the few others offer.

In clothing and fashion industry, beautiful design is their goal. The appearance of the product and overall website is their target to achieve the customer interest. With wonderful website design and easy to use navigation, the customer will be pleased to explore the clothing collections. Therefore, it will increase the chance of the customer to buy the product.

Although most of clothing or fashion website designs are unattractive, there are still some creative web designs left for this industry. In this post, you will find 30 creative clothing e-commerce website designs for your inspiration with explanation of what or how each of them demonstrate the excellent of the e-commerce design. Check out the full article here.

Related posts:

1. Guest Author Post: 40 Creative Twitter Status Designs for Your Inspiration
2. Guest Author Post: 35+ Warm VS Cool Color Website Designs
3. Guest Author Post: 35+ Beautiful Examples of Creative Collage
4. Guest Author Post: 45+ Amazingly Creative Papercut Artwork
5. Guest Author Post: 35+ Unique Product Packaging Designs

Read more awesome articles like this (Guest Author: 30 Creative Clothing Ecommerce Website Designs) at Chykalophia | Freelance Graphic & Web Designer.

Client: Vesic Photography
Project Type: Contest – Freelance Project
Media: Web Interface
Category: Website Redesign

Details…

This is the mock up for Vesic Photography redesign website for a website design contest. Below are the variations on the text column for this web designs mock up.

Related posts:

1. Wojo Image Photography
2. Photography Vs Graphic Design
3. Wine Author Mock Up
4. Hanabi Restaurant Web MockUp
5. Kjokkensenteret Kitchen Store

Read more awesome articles like this (Vesic Photography) at Chykalophia | Freelance Graphic & Web Designer.

Trend is a set of rules we somehow follow, not as something we designers obey. It is more like a guidance to help us set new ideas whenever we create a design. In the web design industry, we realized that the trend changes rapidly. Not only to accomplish the aesthetically feel, the user interface plays another great role as well.

Although the year of 2010 will be over in 3 more months, the revolutions in web design this year have led designers to achieve extra ordinaries web designs, while continuing to set the unlimited parameters of it.

Below are the 13 main points of web design trends of 2010 which we think will keep to continue, and some more inspirations to help you set new ideas for your upcoming web design projects or perhaps redesign your own website/blog. Be creative, unleashed your concept. Check the detailed post here.

Related posts:

1. Guest Author Post: 20+ Inspirational And Informative Resources For Logo Creation
2. Guest Author Post: 35+ Beautiful Examples of Creative Collage
3. Guest Author Post: Beautiful Examples of Textures in Web Design
4. Guest Author Post: 4 Distinct Types of Website Illustrations
5. Guest Author Post: Get And Give Design Feedback – Sites + Tips

Read more awesome articles like this (Guest Author Post: Upcoming and OnGoing Web Design Trends of 2010) at Chykalophia | Freelance Graphic & Web Designer.