Georgia Lou Studios

Welcome to the Help Center!

Social media widgets

Follow

How do I set up my Social Media widgets?

All of our premium templates include various social media widgets including sidebar icons, a custom Pinterest board widget and Instagram widgets.

Two other social media widgets/gadgets are included that require no setup: Pin It Hover Buttons and Post Social Share icons. These widgets will appear automatically and require no setup.

 

Social Media Icons (Be Social or Follow)

  1. To begin configuring your social media icons, on the Blogger Dashboard, navigate to the Layout configuration page.
  2. Click on the Edit link at the bottom right hand corner of the Link List gadget (Be Social or Follow) listed under the Add a Gadgetbox. NOTE: Occasionally, the gadget might show up under the Blog Post box. Grab and drag it to your sidebar if this happens.
  3. This theme includes 22 social media icon links:Behance, Facebook, Twitter, Bloglovin, Dribbble, Flickr, Google plus, Instagram, Linkedin, Pinterest, Vimeo, Youtube, Vine, Soundcloud, Goodreads (as a book icon), Deviantart, Foursquare, Reddit, Tumblr, VK, Twitch, Spotify, PLUS e-mail, RSS, and a shop icon.

    You can choose which icons you show and in what order they appear. You can also display as many of these icons as you want.

  4. When you click on the Edit link for the Link List box, the Configure Link Listwindow will open.
  5. The gadget Title field is optional. If you leave this field blank, nothing will display.
  6. To start adding icons, type the name of the icon link from the list of included links above in the New Site Name field. i.e. “Facebook” or “Dribbble” – no quotation marks
  7. In the New Site URL field, enter the social media site web address INCLUDING YOUR ID. You can generally find this by navigating to your homepage and copying the address at the top. Google for specific sites.  You must include the http:// at the beginning of the web address.
  8. NOTE: To show the correct icon, the template looks at the URL. Example: to show a Twitter icon, the URL must include “twitter.com” somewhere in the URL you paste into the field.
  9. SHOP ICON: The template will show the shopping cart shop icon for any URL from etsy or with “shop” anywhere in the link.
  10. EMAIL ICON: To show the email icon, add the following text to the beginning of your email address: mailto:  So, an example would be mailto:someone@gmail.com
  11. RSS ICON: The RSS icon will appear for any URL entered with any of the following in the URL: feed/posts/default, feeds/comments/default and feeds/feedburner.com.
  12. OPEN IN NEW WINDOW: If you prefer your links to open in a new window, add this to the end of your URLs: ?target=_blank . Example: http://www.facebook.com/someone?target=_blank
  13. After you have entered the New Site Name and New Site URL, click the Add Link link.  The link will add to the list of links to be displayed.
  14. You can used the links in the gray box to edit, delete or rearrange your icons. You can also choose to sort your icons alphabetically or reverse alphabetically using the Sorting field.
  15. Click the orange Save button to save your Social Icons gadget settings.

 

Pinterest Feed

 

  1. On the Blogger Dashboard, go to the Layout page.
  2. In the SIDEBAR section, click on the Add a Gadget link.
  3. Create an HTML/JavaScript gadget.
  4. Give your widget a Title.
  5. Copy and pasted your Pinterest widget code into the widget content area.
  6. Click the Save button to save your widget settings.

How to get your Pinterest Widget code

  • Go to the Pinterest Widget Builder Page
  • Choose to create a pin, board or profile widget
  • Enter your pin, board or profile URL (address)
  • Choose the shape of your widget. For sidebar widgets, select Create your own option
  • For image width enter: 135
  • For Board height enter: 500
  • For Board width enter: 300
  • Copy and paste the code from the TOP code box. (The second line of code is already in place in the template.
  • Paste the code into the HTML/JavaScript widget you created above.
  • Also copy and paste the pinit.js script into your widget. The script code can be found in the code box under your widget code. Paste it above or below your widget code in the widget area.

 

Instagram Sidebar Gadget

 

NOTE: Because of changes made by Instagram, Lightwidget now requires you log in to your Instagram account to authorize the widget. Make sure you click the big red-orange Log In button and log in to Instagram before you build your widget.

  1. Go to https://lightwidget.com/
  2. Fill in the form as shown below.  These settings will create a widget with a 2 x 3 picture grid that fits perfectly in the sidebar of this template. You can also choose different grid settings or a scrolling theme.  Light Widget produces flexible, responsive widgets.
  3. Click on the Get Code button and copy the code from the section below.
  4. Back on the Blogger Layout configuration page, you should see an Instagram Feedwidget already present in the sidebar.  If not, add a new widget to your sidebar with the Add a Gadget link. Add an HTML/JavaScript gadget by clicking on the +sign next to that option. The Configure HTML/Javascript box will open.
  5. Enter your gadget title into the Title field.
  6. Paste the Light Widget code into the Content box.
  7. Click the Save button to save your new gadget settings.

 

Instagram Footer Gadget

  1. Go to https://lightwidget.com/
  2. Fill in the form as shown below.
  3. Click on the Get Code button and copy the code from below.
  4. Back on the Blogger Layout configuration page, there should be a gadget in the footer area called Instagram. If not, add a new widget to your sidebar with the Add a Gadget link AT THE BOTTOM OF THE PAGE.  This will add a gadget to your footer area. Add an HTML/JavaScript gadget by clicking on the + sign next to that option. The Configure HTML/Javascript box will open.
  5. Enter your gadget title into the Title field.
  6. Paste the Instansive code into the Content box.
  1. Click the Save button to save your new gadget settings.

 

 

Was this article helpful?
0 out of 0 found this helpful

Comments

Powered by Zendesk