Customize Social Sharing Button For Your WordPress Blog
Want customized sharing buttons on your Wordpress blog but don’t have the plugins option in your dashboard? Or the Facebook plugin codes do not work on your blog?
No need for Javascript and web host because THIS IS PLAIN AND SIMPLE.
I tried downloading and installing sharing button plugins for my WordPress blog but the problem is I don’t have the plugins option in my dashboard. I also downloaded WordPress pack from wordpress.org for self-hosting but unfortunately, I can’t figure out how the IT stuff works for it and I don’t want to pay for web hosting. So, I thought of just manually creating a link to my post that I wanted to share, added a media file (photo of the share button), inserted a link to the media file and it works. But as I have said, it’s manual so be patient with the URL encoding, else you’re gonna have to pay for web hosting or study how to make the Javascript SDK, HTML5, XFBML, or iFrame codes work on your blog. You may find sites online that generate the codes for your button but most of them do not work on your blog especially here in WordPress. What’s more fun? You can customize the buttons or images for your wordpress blog post.
Being my compulsively examining and experimenting self, I edited the URL address, stared at them for a great deal of time trying to understand them, saving, then failing to make them work. But then I thought, “Hey, why don’t I just use the most basic HTML knowledge that I have? The <a href=”url”><img src=”image.jpg”> code? I checked the sharing url per social app (by clicking the share buttons on a blog), examined how the combinations of numbers and symbols work for the link and tried to edit the URL myself to make it share my post instead and it worked. But don’t worry. You never have to do this yourself because sharelinkgenerator.com can generate the link for you or you can follow the easy steps in this post.
Step 1. Create your own share button images.
Save them as jpg or jpeg files. I did mine simply through the famous print-screen-then-paste process. If you’re artistic & you want your buttons to be unique, you can edit your own. Below are the buttons I tried for my blog posts.
Step 2. Add media to your blog post.
It’s just one click away. Upload your button images to your blog post and place it anywhere you want.
Step 3. Generate the link here. (For Facebook, Twitter, Google+, Linkedin & Pinterest)
But if you want to learn to manually create or customize the link through URL encoding, below are the tutorials. I suggest you open a notepad and type the link there before you insert it to your share button.
Create a Twitter Share link (Custom tweet with @mentions & text aside from the link)
Create a Tumblr Share link (Custom tumblr share with text)
Step 4. Insert link to your share button image or media.
You have to highlight or click on the image then insert the generated or customized link. Publish and see if it works.
Not sure if it works with other blog sites aside from WordPress. Share if it helps.
snowghoul
pixelskylines
dailybridgerton
tangentwithtanner