Skip to main content

Dynamic Facebook Share Button for Your website and web pages | No configuration is required !!

Dynamic Facebook Share Button for Your website and web pages | No configuration is required! 😮😮😮😮





I was wondering how to let people share my webpage through Facebook. Even though Facebook Developer Tools let you create a Facebook button with ease you have to go to the developer's page and paste your URL into a box generate code, copy it, and paste wherever you want. but it is not the problem, The real problem is you have to repeat this process whenever you write a new blogpost/ post for your website.


Then you have to use this javascript code for your webpage. It gets your web pages' address with javascript code document.location.href;  and passes it to the Facebook share gadget. here is the code and let the hack begin!!

<div id="fb-root"></div>
<script>(function(dsid) {
var jsfjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(jsfjs);
}(document'script''facebook-jssdk'));</script>


<script>
    var x = getElementByClassName('fb-share-button');
    x.data-href = document.location.href;
 </script>
<div class="fb-share-button" 
data-href="#" 
data-layout="button_count">
</div>



the first part of javascript code is to load the Facebook SDK for javascript
and the second part is the code written by me.

it gets the element with the class name 'fb-share-button'
the second line sets the value of attribute 'data-href' which holds the URL to share on Facebook to our page's URL.
document.location.href returns the URL of the currently opened window/tab.

that's all you are ready to be shared on Facebook.
Thank You very much for reading.

if you have 99 issues in your life, Don't make it a 100 without sharing this!!







Comments

Trending Now

Find the Resultant vector of two Vectors With PYTHON!!

NEW ARTICLE:  How to Find the resultant of multiple vectors with Python! Using Python We can do many complex calculations. I learned how to calculate Resultant Vector using a formula with its size and direction in my Physics class. Then, I simply developed a CLI software to calculate the resultant of given two vectors Hope you like it :>) Follow me... Step :1 You need to install python on your computer. No matter what the operating system is you can find the ideal version of python from the official website of Python org And you will need a code editor like VS code and can download it with a simple Google search. (Hope you hate the first step Haha ) Step 2: we use the math module to calculate our resultant vector. The method I used as follows math.radians() : converts degrees to radians math.degrees() : converts radians to degrees math.sqrt()  : find the square root of a number math.atan() :find the tan inverse Step 3: the formula I used to calculate the size of the resultant is as

How to send and receive discord messages with your bot in 2023.

Hello everyone. Welcome back to the Blog of Chamodh today I will show you how to send and receive discord messages with your bot. Before getting started, I remind you that this is the second episode of the series How to make Discord bot in 2023 and if you haven't read the previous one, please read that first as I explain how to create your bot application and add it to a server there. READ:  https://blogofchamodh.blogspot.com/2023/02/how-to-make-your-own-discord-bot-2023.html We don't gonna use virtual environments, IDEs, or any other utility because we can use Replit for our coding purposes.  Let's Get Started. STEP1: Set up Replit It is really simple. Just go to  https://replit.com/~ and sign up if you have never used its service before and create a new Repl. I don't hope to guide you in this as this is an intermediate tutorial. Make sure to select Python as you create the new Repl because we are going to use Python for our back end. STEP 2: Get your token. To run ou