How to add a pin it button to your WordPress site + Free button images

How to add a pin it button to your WordPress site + Free button images

In this this posts I show you How to add a Pin it button to your WordPress site. I love Pinterest, I believe It’s a great tool for promoting and driving traffic to your blog.

I confess spend hours there just scanning and pinning. It´s perfect if you are planning your ideal wardrobe or styling for an event, your next living room remodel, or finding a delicious dish to take along to a party, your next DIY project,…

If you’re looking for an easy way to pin images in your blog posts and pages, there is an awesome plugin called jQuery Pin It Button For Images,  that will help you with that. I love this plugin because it allows:

  • Upload your own Pin it button.
  • Choose position where you want show up “pin it” button.
  • Choose if you want to show the “Pin it” button on home page, single posts, single pages or category pages.
  • Disable showing the button on certain posts and pages.
  • Choose level of transparency when you hover over images.

HOW TO ADD A PIN IT BUTTON TO YOUR WORDPRESS SITE:

Install jQuery Pin It Button For Images Plugin

  1. In your WordPress dashboard, hover over Plugins.
  2. Choose “Add new”.
  3. Type “jQuery Pin It Button For Images” in the box and press “Search Plugins”.
  4. Once you have located the plugin, click Install Now.

How to add a pin it button to your WordPress site - Tutorial - 01 - Lovely Confetti WordPress Themes

Configure jQuery Pin It Button For Images Plugin

Selection:

  1. Go to dashboard > Settings and select “jQuery Pin it button images options” and click on the tab Selection at the top of the page.
  2. Choose if you want to show the “Pin it” button on home page, single posts, single pages or category pages.
  3. Save changes.

Visual:

  1. Go to Visual at the top of the page to access the second page of settings.
  2. Asign transparency value, for example 0.5.
  3. Check the box “Use custom image” and then upload your custom Pin it button using the button below.

5. Now you can choose the pin it button position where you want it (Top left, Top right, Bottom left, Botton right or middle) and adjust margins. (I usually choose top left and 20px for margins).

6. Else It´s possible optimize your pin it button for retina displays. In this case, make sure you upload a “Pin it” button that is twice the size you want it to display.

7. Now, save changes.

 

FREE PIN IT BUTTON IMAGES FOR YOUR SITE:

And as a bonus, you can download my free “Pin it” button images for you! If you like these, subscribe to my free library and download the zip files (.png and .psd) so you can change colors in Photoshop to match your brand and use them on your site.

free-pin-it-buttons

Get this Free Pin it buttons

12 beautiful free brush script fonts

12 beautiful free brush script fonts

A few weeks ago I shared 12 free handwritten script fonts for your creative projects and today I have compiled 12 beautiful free brush script fonts. I love this king of distorted and irregular fonts because my style is casual and these have unique imperfect beauty due to their individual character and personality.

Choosing an appropriate font for a design is an crucial task for every designer and brush fonts have a humanistic playful approach highly suitable in creating mind blowing designs. These are perfect  for logos, printables, banners, lettering, clothing designs, stationery, labels, framable quotes, crafts, promo boxes, and so much more.. The only limit is your imagination.

This 12 free beautiful brush script fonts will expand your collection and will surely help to improve your creative designs.

Are you a fontaholic? I’m sure you are so hope you´ll download and enjoy them!

Here I put together 12 beautiful free brush script fonts for your toolkit

12 beautiful free brush script fonts - free resources - Lovely Confetti

True lies // Brushtip C // Reckless // Summer Heart // Syabab Brush // Solmet Brush

Dry Brush // Fjord Brush // Manus // Gypsy Brush // Amry Brush // Levi Brush

All the fonts listed below are absolutely free for personal use (some are free for commercial use, too – check the license!). These font artists are really generous by sharing their talents with us so be sure to read the terms of use.

For more great font inspiration check out:

Follow my Fonts Pinterest board to discover new beautiful FREE brush script fonts!

 

 

12 Free Handwritten Script Fonts for creative projects

12 Free Handwritten Script Fonts for creative projects

Today I´d like sharing some of my favorite free script fonts!. Handwritten script fonts are a great way to add a little personal touch to a design in scrapbooking, web design, wedding invitation, envelopes, save to dates, personal messages,.. Recently, this style of typography has been making more appearances than ever before. They are perfect for drawing reader´s attention and build your personal brand.

I absolutely love handwriting fonts but I prefer to use them sparingly, as an accent (logos, h1 headings, banners or signature) because they can be difficult to read in large bodies of text and combine these handwritten fonts with any of these lovely google fonts more readable.

Here I put together 12 free handwritten script fonts for creative proyects:

 

Bakery // Shorelines // Ballerina // Bromello // Quicgley Wiggly // Notera

Cookies & Milk // Laser Metal // Chasing Ambers // Amber Shaie // Peach Sundress // Magnolia Sky

All the fonts listed below are absolutely free for personal use (some are free for commercial use, too – check the license!). Be sure to read the terms of use.

HOW TO INSTALL FONTS:

  1. Download the font, and find the directory it’s in.
  2. Unzip the fonts first and select any .ttf files (Fonts cannot be installed if they are zipped).
  3. Install the font by, double click the font files. And click Install button on it.
  4. Open your photoshop, illustrator, Microsoft Word or another graphic software and you´ll have it.
  5. Restart your computer if the fonts do not automatically appear.

Okay so I know it’s hard to choose, but what are your favorite script/handwritten fonts?  Leave me your suggestions for adding them to my endless collection!

I confess that I could spend hours browsing through their charming fonts.

For more great font inspiration check out:

Follow my Fonts Pinterest board to discover new handwritten scripts fonts!

 

6 Google Fonts combinations you should try

6 Google Fonts combinations you should try

Today I´d like to share 6 Google Fonts combinations you should try. I believe typography is an extremely important factor to good web design because font combinations create different feelings and emotions for your design branding and  if your text isn’t easy to read, no matter what your content says your users will struggle to read it.

One of the main basic rules when it comes to font combinations is the number of typefaces used in the same project. The most convenient is to use 2 or 3 different fonts.

There are more than 870 Google Fonts to choose from, and they are all available for free but let’s be honest: digging through them all can be a little overwhelming. Many of them are awful. But there are also high-quality typefaces that deserve a closer look.

I really believe that you can find elegant and interesting combinations among Google Fonts. I´ve chosen this 6 Google Fonts combinations based on my personal taste.

 

6 Google Fonts combinations you should try

1.Playfair Display // Lato

2.Oswald // Old Standard TT

3.Montserrat // Neuton

4.Amatic CS // QuickSand

5.Josefin Sans // Merriweather

6.Libre Baskerville // Muli

They are all open-source and 100% free for commercial use.

Here is an example how looks like these 6 Google fonts combinations in my Shirley Genesis Child theme (all fonts all included in theme). Check out the examples below for inspiration!

 

For more great font inspiration, check out these entries:

 

Pin It on Pinterest