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


Online Afspraak

Wil je graag weten wat ik voor je kan betekenen?
Plan dan jouw online afspraak
Via een vrijblijvende, persoonlijke online meeting kunnen we dan van gedachten wisselen over de mogelijkheden voor jouw situatie.