Twitter pro nás připravil follow tlačítko

TwitterDoposud 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ě:

EDIT: ještě jsem se zapomněl zmínit, že to nefunguje na HTTPS, tak pozor na to.

Share Button
(0)(0)

Jak bude reklama vypadat?
-
Nechceš zde reklamu napořád jen za 121 Kč?
Zobrazit formulář pro nákup

Další články k tématu

7 komentářů

  1. Whispere napsal:

    Máš to Drago obráceně
    Správně:
    data-link-color=“80080″ – změní barvu odkazu na váš @twitter účet na fialovou
    data-text-color=“80080″ – změní barvu textu ukazující počet followerů na fialovou

    Na WebDeal jsem přidal tlačítko, pokud tedy má uživatel v profilu vyplněn Twitter účet, pak se mu to tam zobrazí automaticky.

    (0)
  2. Duben napsal:

    Zajímavé to bude pro zakomponování do podpisu na fórech a dalších komunitních službách. I na blogu to bude fajn, ale tam ten přínos možná nebude tak veliký. Každopádně je to prima vylepšení.

    (0)
  3. Števo napsal:

    O chvíľu tie social ikonky nebudeme mať kde dávať :)

    (0)
  4. vibrátor napsal:

    Už teď není kam ty sociální ikonky dávat - zrovna tento týden třeba na blogger.com (blogspot.com) (gůglovský blog systém) přibyly další dvě ikonky - jejich google +1 a ještě nějaká nová služba, o které jsem ani neslyšel.

    (0)
  5. Lukas napsal:

    Tak tak, o chvilu bude viac ikoniek ako obsahu :D Ale tak zijeme momentalne v dobe socialneho boomu

    (0)