
Doposud jsme museli nejdříve navštívit stránku člověka, jehož pravidelné příspěvky jsme chtěli následovat. Není tomu už více tak. Tvůrci služby Twitter nám připravili jednoduchý nástroj, jak si vytvořit tlačítko, které umožní našim budoucím návštěvníkům následovat nás...
V následujícím článku si řekneme jak vytvořit
Twitter Follow Button.
Vlastně to není nic složitého. Na stránce
twitter.com/about/resources/followbutton je takřka kompletní průvodce na vytvoření základní verze. Ta je prozatím v provedení pro světlou a tmavou stránku. Menší verze má velikost 200px, pokud se rozhodnete pro větší o velikosti 300px, můžete navíc zobrazovat i počet následovníků.
Uvedený příklad vkládá na stránku tlačítko ve formě odkazu a následně javascript. Pokud vaši návštěvníci mají z nějakého eurodůvodu strach z javascriptu na vaší stránce, můžete sáhnout po variantě s iframe.
Tlačítko má formát: |grafické tlačítko Follow| @twitter_ucet - počet followerů
Pomocí přidání atributu do vnitřku anchor tagu u javascriptového řešení, anebo proměnné do URL inframe řešení je možné změnit vzhled tlačítka. Moc se toho ale zatím měnit nedá.
Příklad pro javascript řešení
- data-text-color="80080" - změní barvu textu ukazující počet followerů na fialovou
- data-link-color="80080" - změní barvu odkazu na váš @twitter účet na fialovou
Příklad pro iframe řešení
- link_color=80080 - změní barvu textu ukazující počet followerů na fialovou
- text_color=80080 - změní barvu odkazu na váš @twitter účet na fialovou
Krom těchto atributů asi nic dalšího nestojí za zmínku. Změna barvi tlačítka automaticky změní kompletní vzhled, zbytek se dá upravit v generátoru. Kompletní dokumentaci najdete
zde.
Výsledek vypadá následovně:
Follow @404m_com
EDIT: ještě jsem se zapomněl zmínit, že to nefunguje na HTTPS, tak pozor na to.
Historické komentáře
Zachovaná diskuze k původnímu článku. Archiv původní diskuze.
Whispere · 1. 6. 2011 · Odkaz
admin · 2. 6. 2011 · Odkaz
Duben · 2. 6. 2011 · Odkaz
Števo · 3. 6. 2011 · Odkaz
vibrátor · 3. 6. 2011 · Odkaz
Lukas · 4. 6. 2011 · Odkaz