Twitter button die tweetje doet!

Gestart doorJanm7 reacties119 weergaven

8 berichten · pagina 1 van 1

Janm

Lid · Topicstarter

Berichten
6.170
Reputatie
1
Punten
0,00
Lid sinds
Laatst gezien
Hallo,

Ik heb op mijn upload script een leuke twitter button. Nu vroegen mensen op MSN hoe ik dat had gemaakt, dus nu deel ik het maar met iedereen hier. smile
Eerst neem je dit even over van mij:

<a href="https://twitter.com/share" class="twitter-share-button" size="small" data-text="TEKST HIER" data-lang="nl" data-count="none">Tweeten</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>


1: Nu kun je bij TEKST HIER een tekst plaatsen die mee moet worden gepost bij je Tweet, dit kan een gebruiker wel weghalen voordat hij post helaas.

2: Wil je een grote of een kleine button? Bij een kleine button kan size="small" eigenlijk weg, maar we laten het gewoon staan want zo kan je er makkelijker een grote button van maken, vul dan bij size="small" in: size="large". Nu heb je dus een grotere button. smile
3: Voor de rest valt er niet veel meer aan te passen, het kan wel maar dat is wat lastiger. Je zou bijvoorbeeld nog kunnen aanpassen dat hij niet de standaard url die in je adressen balk meepost maar een door jouw opgegeven url. Bijvoorbeeld met een PHP script kan je er een variable neerzetten zodat hij een speciale link post die hij ophaald uit een config file of de database. Voeg dan dit toe bij de html bovenaan het scriptje:

data-url="LINK HIER"


Of een variable:

data-url="[COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$link[/COLOR][COLOR= #007700];[/COLOR] ?>


Online voorbeeld (zonder stap 3, dus met een standaard url uit de adressenbalk): http://janm.s3.one2xs.com/one2xs/tweet.html

Ik wens je er veel plezier mee,
Als je nog vragen hebt plaats de vraag maar in dit topic! smileJan
0
Berichten
9.953
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Handige tut hoor wink
0
Janm

Lid · Topicstarter

Berichten
6.170
Reputatie
1
Punten
0,00
Lid sinds
Laatst gezien
Sebastiaanh schreef:
Handige tut hoor wink
Dankjewel, er zijn nog veel meer manieren om deze button te modden maar ik moet wel voor de concurrentie blijven he emo
Mwah misschien pas ik de tutorial wel een keer aan dat ik ze wel vertel want het is wel een werkje yummie
0
Berichten
8.649
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Janm schreef:
Hallo,

Ik heb op mijn upload script een leuke twitter button. Nu vroegen mensen op MSN hoe ik dat had gemaakt, dus nu deel ik het maar met iedereen hier. smile
Eerst neem je dit even over van mij:

<a href="https://twitter.com/share" class="twitter-share-button" size="small" data-text="TEKST HIER" data-lang="nl" data-count="none">Tweeten</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
1: Nu kun je bij TEKST HIER een tekst plaatsen die mee moet worden gepost bij je Tweet, dit kan een gebruiker wel weghalen voordat hij post helaas.

2: Wil je een grote of een kleine button? Bij een kleine button kan size="small" eigenlijk weg, maar we laten het gewoon staan want zo kan je er makkelijker een grote button van maken, vul dan bij size="small" in: size="large". Nu heb je dus een grotere button. smile
3: Voor de rest valt er niet veel meer aan te passen, het kan wel maar dat is wat lastiger. Je zou bijvoorbeeld nog kunnen aanpassen dat hij niet de standaard url die in je adressen balk meepost maar een door jouw opgegeven url. Bijvoorbeeld met een PHP script kan je er een variable neerzetten zodat hij een speciale link post die hij ophaald uit een config file of de database. Voeg dan dit toe bij de html bovenaan het scriptje:

data-url="LINK HIER"


Of een variable:

Codeblok:


1

data-url=" echo"".$link.""; ?>

Online voorbeeld (zonder stap 3, dus met een standaard url uit de adressenbalk): http://janm.s3.one2xs.com/one2xs/tweet.html

Ik wens je er veel plezier mee,
Als je nog vragen hebt plaats de vraag maar in dit topic! smileJan

Hoezo echo "".$var.""; ??? Die gewoon echo $var;
0
Janm

Lid · Topicstarter

Berichten
6.170
Reputatie
1
Punten
0,00
Lid sinds
Laatst gezien
Ja dat kan ook, maar ben het zo gewend, ik pas het aan.emo
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Shorttags -1
Gebruik ipv

Staat netter, korter en overzichtelijker shiny
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren