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.
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.
Už jsem to předělal. Díky
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í.
O chvíľu tie social ikonky nebudeme mať kde dávať :)
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.
Tak tak, o chvilu bude viac ikoniek ako obsahu :D Ale tak zijeme momentalne v dobe socialneho boomu