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]