Piktochart

=media type="custom" key="27498890"= =**How to Upload Your Piktochart infographics onto Your Blogs**=

1) Log in to your account at @http://piktochart.com.

2) In the top left you will see your login name, click on the down arrow.



3) Select "Saved Piktocharts"

4) Your screen will look like this:



5) Select the saved Piktochart that you want to add to your blog. Let it load.

6) Under File, at the top, click "Save As."



7) Let it save.

8) In the top left you will see three round buttons. Click on "Publish."

rt.com]]

9) A new screen will appear. Select JPEG and Web Quality.



10) Click on those and then your picture will process and appear on the right.



11) Now go to your blog. Select New Post at the top right.



12) A new page will appear. In the top left you will have the choice of Compose or HTML. Choose HTML.



13) Select the image icon.



14) Select Choose File and find your jpeg.



15) Click Add Selected.

16) For alignment, choose Center and Large. Click OK.

17) Your box will look like this:



18) Now click Compose, Give it a title, and Publish.

19) If it asks if you want to share it on Google Plus, click cancel.

20) Click View Blog.

Here's a great example of a student-made infographic:

@http://sdst.libguides.com/content.php?pid=326920&sid=3612287

=**Directions for Using Piktochart**=


 * How to Create an Infographic with Piktochart**

1. Start with a new theme: in order to create your own infographic, select one of the free themes. 2. To access your previous works, click on “My Saved Piktocharts” on the Dashboard. 3. The menu is on the left, you can Add: icons, text boxes, charts, and embed videos. Style: You can adjust the color scheme of your infographic. Publish: You can download, publish online, and share your infographic, as well as obtain the embed code. 4. Uploading an image and adding effects: If you want to add an image to your infographic, you can browse the image gallery in the editor (in “Images”) or upload your own image. For the free account, you can upload a maximum of 20 images. Step 1: Go to ‘Graphics’ and then ‘Uploaded Images.’ Step 2: Simply click the button ‘Upload Image.’ 5. You can also adjust your images and add effects in 3 simple steps: Step 1: Double click on the image which you would like to adjust. Step 2. Make adjustments or select any effect from the menu “Effects.” Step 3: Click “Apply” and “Save.” DONE! 6. Adding Statistics: Step 1: Go to ‘Tools’ and click on the ‘Chart’ icon. Step 2: Drag it to the canvas. After placing it on the canvas, a window will appear where you can enter data and choose the chart type. You can also click on the advanced setting link to get access to more customization. Step 3: There are 2 ways to import your data: Insert Information Manually or Import a CSV File. If you already have the data in a CSV file, you can import the data directly from there. Note that Excel/Open Office spreadsheets can be saved in a CSV format. Step 1: Click on “Import Data.” Step 2: Select a CSV file from your computer or insert a URL. Step 3: Click “Insert Chart.” 7. Adding Statistics continued: You can also add color and select one of 12 data visualization types such as a bar chart, line chart, and so on. Depending on a number of columns of data, the chart tool is likely to automatically preselect the types of visualizations you can use in this case. Currently, for single column data the following chart types are available: Vertical Bar, Horizontal Bar, Line, Area, Dot, Pie, Stacked Venn, Icon Matrix, Gradient Hierarchy, Gauge, Doughnut, and Swatch. After you select the type of data visualization, you can also change other settings like color. Click “Advanced Settings.” 8. Arranging Elements: Lock Layers, Group Layers, Rotation, and Opacity Levels are cool and helpful features for arranging your infographic. Group Layers: The “group” button will allow you to modify a large group of items at the same time. Simply select the icons, images, and text and then click “group.” To ungroup, select anywhere within the group area and then click on the “group” button again. Lock Layers: In order to prevent the images, icons, and text from further changes or moving (temporarily), you can also lock them. You can lock a single item or a group of items by selecting an item and then clicking the “lock” button. To unlock, select the item and uncheck the button. 9. Arranging Elements Continued: Another editor feature is an opacity level slider. You can also reduce the opacity (or increase transparency) for your icons/texts/images in order to overlay them with the background. Object manipulation: Drag the white squares at the corners and sides of an object to resize it. You can hold the Shift key if you want to keep it the same scale. Red squares means the object is locked, and you need to unlock it first. Rotation: You will see a white dot at the top. Drag it around to rotate an object. 10. Blocks: Add, Edit, Clone, Delete, Adjust: Add Block and Adjust Length: The length can be changed by adjusting the length of an individual block (select and drag the border of a block) or adding a new block (click on “Add Block”). Note that a new block will appear just below the selected block. Adjusting the Order of Blocks: Select the canvas block. You will be redirected to a new page. To move the block, click “Move Up” or “Move Down” on the left. To Clone or Duplicate the Entire Block of Items: Select the block you want to clone. Click on “Duplicate.” The cloned block will appear just below the selected block. To Delete a Block: Select the block you want to delete. Then click on “Delete Block.” 11. Text and Background Colour: Text: Easily add text boxes from the “Add” menu- “Text. Drag and drop one of the 5 text box options: ‘H1’ to ‘H4’ refer to four different heading styles and ‘T’ stands for simple body text (all of them are theme specific). Background Color: You can change the color of the background by entering the hex color code. Note that some themes have images as background that have to be modified separately. 12. Embed Video: Step 1: Go to “Tools” and click on the “Video” icon. Step 2: Drag it to the canvas. Step 3: Copy and Paste the embed code into the text area. Step 4: Click “DONE.” 13. Save and Publish: Don’t forget to save your infographic when you are done! Step 1: Click Output on the top. Step 2: Choose any of 3 types of output in the editor, namely Download as Images: You can select Output as JPG or Output as PNG. You can also select the size/quality of the images. (Note that interactive features like videos will not be available in the image). Publish to HTML: You can also simply display your finished infographic on the Piktochart domain. Click on the “Publish to HTML” button. Share the URL: After you publish the HTML version of your work, the link will appear under “Publish URL.” From there you can copy and paste the URL to share it via social media on your Web site. Alternatively, distribute it via the “Social media” sharing buttons in the output page. Embed Code: If you want to embed your infographic in a Web site or blog, you can get the embed code from an additional tab “Embed” that will appear in the window after you publish your work. Social Media: Distribute you infographic easily with just a few clicks on the 4 most popular social media networks: Facebook, Twitter, Google+, and Pinterest. Alternatively, use social media sharing buttons in the output page - there you can find even more sharing options. 14. Keyboard Shortcuts: Apart from using the buttons in the editor, you can also use the keyboard shortcuts. They work on both Mac and Windows OS. Copy: Ctrl + c Paste: Ctrl + v Cut: Ctrl + x Undo: Ctrl + z Redo: Ctrl + y Delete: Delete or Backspace 15. Styles: There are 6 different color schemes. They are called “Styles.” You can change styles in just one click of the mouse. Step 1: Click “Styles.” Step 2: Click on any styles button to see the color scheme and font styles transformed quickly. If you do not like what you see, no problem. Click on the undo button (Ctrl + z). Step 3: You can tweak ‘Advanced Settings’ for even more customization. 16. Hyperlink on Images and Text: Now you can also add links on elements (like icons or images). For example, the Facebook icon can have a link to your personal Facebook page, saving space for valuable information. (This function will only work if you save your infographic in the HTML format). Step 1: Select the item to create a hyperlink to. Step 2: Click on the Hyperlink on the bottom of properties. Step 3: Enter the URL into input text. 17. Scalable Vector Graphic (SVG) vs. Bitmap Images: Scalable Vector Graphics are composed of a fixed set of shapes, as opposed to bitmap (.jpeg, .gif, .png) images which are composed of a fixed set of dots. With vector images, you can enlarge the image without it revealing the dots, while with bitmap images, scaling reveals the dots. To insert an Image into your canvas: Step 1: Go to “Graphics” and then “Images” Step 2: Select “Categories” Step 3: Drag the selected image to your canvas To insert an SVG icon into your canvas: Step 1: Go to “Graphics” and then “Icons” Step 2: Select “Categories” Step 3: Drag a selected icon to your canvas 18. Troubleshooting Log: This function ensures that none of you work is lost even in case of Internet connection loss. In such situations, the app will automatically prompt you to save a backup file - save it so that you can restore your infographic later. 19. Before you are really done, make sure that you have looked through these points in this checklist: 1. Keep it simple: Clear title and categories No long paragraphs or sentences No confusing numbers 2. Finishing touches (Make it visually appealing) Maintain the balance (limited fonts and colors, lots of white space) 3. Proofread: check for spelling and grammar errors 4. Include your sources in the end of the infographic