delen ⇒
Méér weten? +31 (0)53 2340273

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!

  1. <div uk-grid class='uk-text-center uk-grid-collapse uk-margin-bottom' style='z-index: 980;' uk-sticky='offset: 80; bottom: #top' >
  2. <div class='uk-width-1-4'>
  3. <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>
  4. </div>
  5. <div class='uk-width-1-4'>
  6. <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>
  7. </div>
  8. <div class='uk-width-1-4'>
  9. <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>
  10. </div>
  11. <div class='uk-width-1-4'>
  12. <a rel='nofollow' target='_blank' data-uk-tooltip title='Deel ons op LinkedIn' href='https://www.linkedin.com/shareArticle?mini=true&amp;url=<?php echo 'https://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>&amp;title=&amp;summary=&amp;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>
  13. </div>
  14. </div>
Source code

Tags: JoomlaTips Joomla Snelheid .