Hands down, computers make our lives easier. But, I’m not ‘gonna lie they also have a hand in driving me batshit crazy when they don’t do what I want them to do!!
Case in point, I’ve gone nuts over the last few days trying to add two little social media icons to my website (I currently use Weebly.) Little 32x32 nuggets that navigate visitors to a linked social media site.
Facebook, Instagram, Gmail, Pinterest all the “big hitter” icons are there, but what about some icon love for BookBub or Goodreads or a dozen other sites with great content but lack the clout to be recognized as a “drag and drop worthy” icon.
I’m sure a computer savvy person would have solved my problem in a heartbeat or I could have paid a programmer. I could have Googled, maybe found someone, made a request, …waited….for…a…response…, sent a payment, and solved my dilemma. But I’m impatient and fairly set in my ways (read:stubborn), I wanted to solve this myself and quickly.
I’ve finally done it!!! It might not be perfect, but I figured it out. Honestly, I haven’t been this excited since I hit “upload” on Fractured Promises. I included the html embedded code below. If you need it, feel free to use the steps. Remember, this girl isn’t a programmer nor do I play one on TV. This is what worked for me. If it can help someone else from pulling their hair out then use it.
Do a Google search for the icon you want to add. I found this website useful for downloading icons commonly used by authors https://insights.bookbub.com/bookbub-follow-bookmark-buttons-for-authors-websites/
Either download a group of icons or you can right click on a specific icon and “Save As” Name it and save it on your computer.
Upload the image to your website (In Weebly, I created a new page, named it images, turned off its visibility, and uploaded both images to that page.) If you are looking for Goodreads or BookBub, feel free to use the images I used https://www.alipierce.com/images
Publish your site.
Put the URL address of your newly created webpage in your browser’s search bar (This is the page you uploaded your images to on your website.)
Right click on the image and “copy image address”
Paste your image address into the html text below (Delete the red text and replace it with your image link. Make sure to only replace what is highlighted in red.)
Visit the address of the social account you want to direct visitors to and copy the URL
Paste the copied URL address into the html text below (Delete the green text and replace with your social URL address. Make sure to replace only text highlight in green.)
Copy the new html text you created
Log back into your website account, find where you want to display the icons on your page and insert the html text into your page (In Weebly, I select the “embed code” option, drag and drop where it I want it shown on the page)
Publish your page.
Google your website and try your icons to make sure they are re-directing to the site you want to re-direct to.
<a href="https://www.goodreads.com/author/show/18780545.Ali_Pierce?follow=true"><img src="https://www.alipierce.com/uploads/1/2/1/9/121981078/goodreads-32x32_orig.png"></a>
<a href="//www.bookbub.com/profile/ali-pierce-bbd70988-de55-4450-8546-8700800faa58?list=about?follow=true"><img src="https://www.alipierce.com/uploads/1/2/1/9/121981078/published/bb-32x32.png?1555364050"></a>
I have an affinity for stories that promise an escape from my own every day realities. Whether it's to avoid: a trip to the grocery store, a pile of dirty laundry, or the tenth round trip to my child's school, I carve out snippets of time (5, 10 or even, gasp! 30 minutes to myself) to escape into the pages of a book.