Georgia Lou Studios

Welcome to the Help Center!

About Me Profile Widget (Updated)(Jolie)

Follow
The Profile gadget uses your Blogger profile image and description or Google + Profile. View the video or see written directions below.

Step-by-Step Setup
  1. To setup up your Blogger Profile, log in to your Blogger dashboard and go to Settings > User Settings.
  2. Under General > User Profile select whether you want to use the Blogger or the Google + profile.
  3. To edit your Blogger profile, click on the Edit link under the Blogger option.
  4. Under Edit User Profile, add a picture under Profile Picture and your description in the Additional Information > Introduction.
  5. Make sure your profile is set to "Share my profile" under the Privacy settings at the top.
  6. Slick the orange Save Profile button at the bottom of the page to save your profile.
  7. To set your Google + profile, visit your Google + profile page and click the Edit Profile button.
  8. To finish configuring your Profile gadget,navigate to the Layout configuration page. 
  9. Click on the Edit link at the bottom right hand corner of the About Me gadget box (usually found under the box with the link Add a Gadget).
  10. If you don’t see the Profile (About Me) box in the list under the Add a Gadget box, click on the Add a Gadget link. The Add a Gadget window will open.  The Profile gadget is under the Basics tab. Click the + icon next to it to add it to your sidebar.
  11. After you click the Edit link on the Profile box, the Configure Profile dialogue box will open.  
  12. Enter your gadget title and choose whether you want to show the Introduction from your Blogger profile by checking or unchecking the Show about me option. You can also choose to show your location by checking the Show location option.
  13. Click the Save button to save your new Profile gadget settings.

Redirect the About Me link to another page

If you feel comfortable editing a bit of code, you can redirect readers to an alternate page when they click on your profile picture. Instead of your Blogger profile, you can send them to any web page address you would like.

  1. Go to your Blogger Dashboard > Theme page.
  2. Click on the gray “Edit HTML” button. The code editor will open.
  3. Left-click anywhere in the code box then press the [Cntrl] + [F]keys (or command + F on Mac) to open the search window at the top right corner of the code box.
  4. Type “About Me” into the search box (no quotes) and hit enter 3 times.
  5. The code you are looking for should be about 2 lines below a line that says “<div class=’sidebar-wrapper’>”
  6. Next to the line that has “About Me” in it, click the black arrow on the left side to open up the code.
  7. You are looking for 2 pieces of code that look like: expr:href=‘data:i.userUrl’
  8. Get rid of the “expr:” part. Just delete or backspace it away.
  9. Replace the: data:userUrl with the Web Address (URL) for your about page. i.e. http://myblog.blogspot.com/about
  10. Click the orange Save Theme button at the top.
  11. Visit your blog (in another browser tab) and click on the image to make sure this worked. Worse case, the widget will disappear.
  12. If this happens, go back to the code editor tab. Hit the [Cntrl] + [Z] keys (command + Z) to undo your last steps until you get back to the original code then try again.
Was this article helpful?
0 out of 0 found this helpful

Comments

Powered by Zendesk