How I added social network share buttons to my website. | An Author's Guide To Web Building



By Wendy C Allen

FB & Instagram buttons needed - where?

FB & Instagram buttons needed - where?

 #1387742  by Bouyer Dhéron from naturopratiq.com 
 05 Dec 2017 04:20

Hello I'm Brigitte from France, I would like to put the facebook button instagram but they are not in blockbuilder. Where to find them and how to put it on my page? Thank you ! 

FaceBook provides a code. 

FB Follow Button: https://developers.facebook.com/docs/pl ... low-button

FB Like Button: https://developers.facebook.com/docs/pl ... ke-button/

FB Share Button: https://developers.facebook.com/docs/pl ... are-button

To Embed your FB posts in a page: https://developers.facebook.com/docs/pl ... dded-posts

Originally, when I first built my site, I was using the direct codes provided by FaceBook, Twitter, etc. which meant adding 30 or 40 html codes on every single page of my site, which got annoying fast, and thus why many of the oldest pages have buttons while most of the pages a few months later did not have buttons.

I have since discovered a web app (free) called AddThis and have been able to boost my site's social network presence by 7,000% (which is an astounding number!) in the space of only a few weeks.

AddThis is definitely worth putting on your site.

You can get a bunch of icons from about 70+ social networks here: http://www.addthis.com/ (This is the one I use on my own site, as you can add all your social media accounts to it, and just drop one code into your site and it adds all of them at once.)

This one is for your readers sharing pages of your site to their friends on their networks: http://www.addthis.com/get/share

This one is for them following your accounts: http://www.addthis.com/get/follow

You can do quite a bit of customization with the AddThis code. 

For example you can change what the buttons look like. Make them square or round (I used round) or something in between.

You can use the default colours (I used default colours) or change the colours to white, black, or if you have a paid account (mine is free) you can add custom colours.

You can have the words or just the logos display. (I have words on the share buttons, but just the logos on the follow buttons).

For the share buttons, you only have to select which social networks you want to display (there are 200+ to choose from). You can set it to default (FaceBook, Twitter, Pinterest, Tumblr, Reddit, Google+, email, +more) or override the default and add all the ones you want. (As of writing this mine is displaying 95 buttons.) You can arrange the buttons alphabetically (default) or drag the buttons to put them in any order you want. For mine I put my most used networks on the top 2 rows, than arranged the rest in rainbow order.

My share button grid from here: http://www.addthis.com/get/share Looks like this:

If you are using SBI, like I am, drop the code into a site wide dot and it'll automatically display on every page on your site. Unlike the FaceBook code that requires you to make a new code for each page you want to share, the AddThis code automatically adds your current page to the link when a reader shares the page.

These buttons come in super handy for social network marketing. These are the buttons I use to ping my pages to my social networks. It's why I'm able to post new statue updates of my new pages on FaceBook, Twitter, Tumblr, Reddit, etc, without ever going directly to the social network itself.

Pinging your pages to HootSuite via these share buttons (there is a Hootsuite button) allows me to schedule my Twitter and FaceBook links days, weeks, o months in advance, allowing me to still post daily even when sick or gone from the computer that day.


The follow button option is a bit more complicated, but still super easy to set up, as you have to go to each of your social network accounts and get the link to your profile, and then past it into AddThis, to add your profiles. Once your profiles are added, you can customize and arrange the buttons same as you did for the share buttons.

My follow button grid from here: http://www.addthis.com/get/follow looks like this:

If you are using SBI, like I am, drop the code into a site wide dot and it'll automatically display on every page on your site.


To use the code you have to create an AddThis account (free) then select which tool you want to use (they have several others in additon to the Follow and Share buttons), edit the options as I stated above. Save your changes. Then it gives you 2 codes. 


The first code is a javascript code that you add to your global/site-wide header.

The second code you add to the html block on the page where you want the buttons to display. You can add this code on a page by page basis, or if you just want to add it once and forget it and have it display on every page of your site, then just add it to your sidebar, or footer, or a site-wide dot.

And then you're done.

It's that simple.





While there are around 20k pages on this website, most of them are blocked from search engines, with only around 800 of them available for appearing in Google/Bing/etc search results. The remainder can only be accessed via the various links found throughout this site. This was done deliberately on my part, and I did it because the bulk of the pages on this website are chapters from 138 novels and 423 novellas, so only the first page of each novel and novella indexed by search engines, and the remainder are linked in order, one page at a time, via clicking "next page" at the end of each. So if you are looking for a specific page from a specific novel, Google can't help you.



Thank you for stopping by and have a nice day! ꧁✨🌸🔮🦄🔮🌸✨꧂

And if it’s your birthday today: ִֶָ𓂃 ࣪˖ ִֶָ🐇་༘࿐꧁ᴴᵃᵖᵖʸ☆ᵇⁱʳᵗʰᵈᵃʸ꧂🤍🎀🧸🌷🍭

Wendy Christine Allen 🌸💖🦄 aka EelKat 🧿💛🔮👻
eelkat_red_scarf.jpg






3-BoomFuzzy-2022-QuaraunTheInsane-EelKatWendyCAllen.jpg
TeaWithAThullidQuaraCover3.jpg
2022coverTheNightofTheScreamingUnicorn-QuaraunTheInsane-EelKatWendyCAllen-unicorncover2.jpg
5-thumb-TheVampireLeprechaunofFireMountain-BizarroFantasy-QuaraunTheInsane-EelKatWendyCAllen
8-QuaraunandTheVampireIntoTheSwampofDeath2022.jpg
22GhoulSqawnLichLordLover2022a.jpg
QuaraunAndTheWorldBuilders2.jpg
allthislittlethings
QuaraunBookCoverNoGoldTemplate.png
Quaraun-VorpalKrakenCurseofGold.jpg
50thannSwampofLostSoulsQuaraunBookCover
50thfeedthepigeons50thannivbookcover
goblinking50thannbookcover
pumpkinpatchportal
50thann-quick-quips-with-three-wizards-1minutesreads-BookCover-quaraun-wendycallen
50thanni-frozendawn-2025Edition-QuaraunBookCover
50thannivthreeWizard-perfectpickle-transgemnder-transman-mpreg-yaoi-bookcover
50thannivthreeWizardsCozyApocalypsebookcover
50thanni-moongoddessshrine-2025Edition-QuaraunBookCover
50thAnniversary3wizards-foodtruck
50thAnnEditionSavageWildernessQuaraunBookCover
deadlyshores
50thannPeacefulShoresNoodleBeachBookCover
mothgarden
50thAnniversaryCovers-ThreeWizardsandaLighthouse
QuaraunArrivesAtWhiteRock.jpg
YouAreNotGhoulSpawn.jpg
MothersEverLovingTentacles.jpg
WizardsInTheirTowers-colouringbook-cover2c
Cliffs-pink-silk-tent-colouringbook-cover2j


Get an email whenever Wendy Christine Allen 🌸💖🦄 aka EelKat 🧿💛🔮👻 publishes on Medium.

I also write on these locations: | Amazon | Blogger | GumRoad | Medium | Notd | OnlyFans | Tumblr | Vocal |



Important:

Fraudulent sites are impersonating Wendy Christine Allen.

  • The ONLY official website for Wendy Christine Allen is www.eelkat.com

Fraudulent social media accounts, particularly on Reddit and FaceBook are impersonating Wendy Christine Allen.

Find Me on Social Media:


Any websites and accounts you find online that are NOT on this list are NOT Wendy Christine Allen