Configure Social media – HTML/CSS/JS custom widget

Share on print
Share on facebook
Share on linkedin
Share on whatsapp
Share on email

Let us remind you that this is an excellent example of what can be achieved. If you want to improve it, feel free to do your own development. And have in mind that with the browsers’ evolution in next versions this development could be outdated. In this case, you have to tweak this code to fix any errors.
If you want to know how is possible to create this social media widget in this repository you have all the information. 
The Twitter part is pretty straightforward, but for the other parts(Facebook and Linkedin), you have to do further work to adapt it to your organization.

 

We leave here the different values for the custom widget fields:

HTML & CSS
<style>
iframe {border:0; height: 100%; width: 100%}
body {margin: 0}
</style>
<iframe src=’https://widgets.beezy.net/social?user=”followbeezy”‘ />
Javascript
In this case, nothing goes here.

 

This is the final result:

mceclip0 (37).png

Related Articles