Zeer Snelle Social Share Buttons

Wil je je website sneller laten laden?

Stap dan af van die langzame social share buttons en maak jouw eigen buttons mbv social share urls.

De volgende button code gebruiken wij op onze eigen website en is gebasseerd op uikit 3 css.

Maak jij ook gebruik van een Joomla Website met een Yootheme Pro template?

Kopiëer dan de code en plak die in een artikel of module en klaar is kees!

[code start:1lang:php]<div uk-grid class='uk-text-center uk-grid-collapse uk-margin-bottom' style='z-index: 980;' uk-sticky='offset: 80; bottom: #top' >
<div class='uk-width-1-4'>
<a rel='nofollow' target='_blank' data-uk-tooltip title='Deel ons op Facebook' href='http://www.facebook.com/sharer.php?u=<?php echo 'https://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>' class='uk-button uk-width-1-1' style='background-color:#306199; color:#fff;'><span class='uk-icon-link uk-icon' uk-icon='icon: facebook' style='color:#fff;'></span></a>
</div>
<div class='uk-width-1-4'>
<a rel='nofollow' target='_blank' data-uk-tooltip title='Deel ons op Twitter' href='http://www.twitter.com/share?url=<?php echo 'https://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>' class='uk-button uk-width-1-1' style='background-color:#0eaad6; color:#fff;' ><span class='uk-icon-link uk-icon' uk-icon='icon: twitter' style='color:#fff;' ></span></a>
</div>
<div class='uk-width-1-4'>
<a rel='nofollow' target='_blank' data-uk-tooltip title='Deel ons op Google Plus' href='https://plus.google.com/share?url=<?php echo 'https://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>' class='uk-button uk-width-1-1' style='background-color:#ce2616; color:#fff;' > <span class='uk-icon-link uk-icon' uk-icon='icon: google-plus' style='color:#fff;' ></span></a>
</div>
<div class='uk-width-1-4'>
<a rel='nofollow' target='_blank' data-uk-tooltip title='Deel ons op LinkedIn' href='https://www.linkedin.com/shareArticle?mini=true&url=<?php echo 'https://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>&title=&summary=&source=' class='uk-button uk-width-1-1' style='background-color:#005983; color:#fff;' ><span class='uk-icon-link uk-icon' uk-icon='icon: linkedin' style='color:#fff;' ></span></a>
</div>
</div>[/code]

JoomlaTips, Joomla Snelheid


Contactform

Have a question? Want more information? 

Just fill in the form and we will contact you asap.

Invalid Input
Invalid Input
Invalid Input
Invalid Input