How to Create A Custom Widget

for Your WordPress Blog Using PicMonkey

By: Jaysarie Chee-Gundran

THE CUSTOM WIDGET TO BE CREATED

OPEN BROWSER AND GO TO

www.picmonkey.com

CLICK THE DESIGN ICON

CHOOSE A CANVAS SIZE

FOR THIS DESIGN, THE SQUARE CANVAS

WAS CHOSEN

IN CHOOSING A CANVAS, TWO OPTIONS ARE

AVAILABLE

CHOOSE A CANVAS WITH COLOR

OR SET IT TO A TRANSPARENT CANVAS BY CLICKING THE BOX THEN

CLICK APPLY

FOR THIS DESIGN, CANVAS WAS SET TO TRANSPARENT

transparentcanvas

START DESIGNING THE WIDGET.

CLICK THE TEXT ICON.

CHOOSE A FONT STYLE

FOR THIS DESIGN, THE FONT WAS SET TO “LUCKIEST GUY”

TYPE THE TEXT ON THE CANVAS

SET THE COLOR OF THE TEXT

FOR THIS DESIGN, THE TEXT COLOR WAS BASED ON THE

COLOR SCHEME OF WORDPRESS

TYPE THE WORD “I WORDPRESS”

INCREASE THE SIZE OF THE TEXT

INCREASE MORE THE SIZE OF THE TEXT “I” BY

HIGHLIGHTING THEN SET A HIGHER SIZE NUMBER FOR

IT THAN THE WORD “WORDPRESS”

CLICK THE OVERLAYS TOOL TO ADD THE HEART

CLICK THE HEARTS BUTTON

CLICK THE HEARTS BUTTON AND CHOOSE ONE

RESIZE THE HEART SO THAT IT IS PROPORTIONATE WITH

THE TEXT “I”

CLICK THE BASIC EDITS TOOL

CLICK THE CROP BUTTON TO CUT THE UNUSED PART

OF THE CANVAS

CROP THE UNUSED PART OF THE CANVAS BY DRAGGING THE EDGES OF THE CROP

TOOL ON THE AREA WHERE THE DESIGN IS

UNTIL IT COVERS ALL THE AREA TO BE REMAINED

CLICK THE APPLY BUTTON

IT WILL LOOK LIKE THIS

TO RESIZE IT, CLICK THE RESIZE BUTTON

TYPE IN THE DIMENSION OF CHOICE THEN CLICK THE

APPLY BUTTON

SAVE THE NEWLY CREATED WIDGET

CREATE A FILENAME SAVE IT AS .PNG SO THAT

THE TRANSPARENT BACKGROUND WILL NOT

DISAPPEAR

CLICK SAVE TO MY COMPUTER BUTTON

MASTERPIECE SAVED!

CONGRATULATIONS!