# How to get this in Jekyll (post on twitter)?

**URL:** <https://talk.jekyllrb.com/t/how-to-get-this-in-jekyll-post-on-twitter/1225>\
**Category:** Help\
**Created:** [December 5, 2017, 2:55pm UTC](https://talk.jekyllrb.com/t/how-to-get-this-in-jekyll-post-on-twitter/1225 "2017-12-05T14:55:12Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![yashumittal](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/yashumittal/32/1260_2.png) [@yashumittal](https://talk.jekyllrb.com/u/yashumittal)\
**Post date:** [December 5, 2017, 2:55pm UTC](https://talk.jekyllrb.com/t/how-to-get-this-in-jekyll-post-on-twitter/1225/1 "2017-12-05T14:55:12Z")

</div>

How to achieve this result in Jekyll?

 ![20171205_201221](https://canada1.discourse-cdn.com/flex030/uploads/jekyllrb/original/1X/9250366678b0bd3b9ad9935464a1ae39907c1f61.gif)

---

<div class="post-metadata">

**Author:** ![ashmaroli](https://avatars.discourse-cdn.com/v4/letter/a/df705f/32.png) [@ashmaroli](https://talk.jekyllrb.com/u/ashmaroli)\
**Post date:** [December 5, 2017, 5:33pm UTC](https://talk.jekyllrb.com/t/how-to-get-this-in-jekyll-post-on-twitter/1225/2 "2017-12-05T17:33:43Z")

</div>

This looks like simple onHover CSS or JavaScript… nothing to do with Jekyll…

---

<div class="post-metadata">

**Author:** ![mmistakes](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/mmistakes/32/2169_2.png) [@mmistakes](https://talk.jekyllrb.com/u/mmistakes)\
**Post date:** [December 5, 2017, 9:33pm UTC](https://talk.jekyllrb.com/t/how-to-get-this-in-jekyll-post-on-twitter/1225/3 "2017-12-05T21:33:59Z")

</div>

Looks like they’re using Twitter’s [Tweet Web Intent](https://dev.twitter.com/web/tweet-button/web-intent) API. There’s little magic to it, basically it’s just a standard link with some parameters for prefilling out tweet text, hashtags, @usernames, etc.

Then you dress it up with some CSS to add a Twitter icon. If you really wanted to get fancy you could create a [Jekyll tag plugin](https://jekyllrb.com/docs/plugins/#tags) that would do the heavy lifting for you.

---

<div class="post-metadata">

**Author:** ![pabloduo](https://avatars.discourse-cdn.com/v4/letter/p/2bfe46/32.png) [@pabloduo](https://talk.jekyllrb.com/u/pabloduo)\
**Post date:** [December 10, 2017, 4:42am UTC](https://talk.jekyllrb.com/t/how-to-get-this-in-jekyll-post-on-twitter/1225/4 "2017-12-10T04:42:20Z")

</div>

@yashumittal, do you have a link to the page where it can be found? I can try to reverse-engineer that for you (just for fun).

---

<div class="post-metadata">

**Author:** ![yashumittal](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/yashumittal/32/1260_2.png) [@yashumittal](https://talk.jekyllrb.com/u/yashumittal)\
**Post date:** [December 12, 2017, 5:15pm UTC](https://talk.jekyllrb.com/t/how-to-get-this-in-jekyll-post-on-twitter/1225/5 "2017-12-12T17:15:29Z")

</div>

Sorry, I don’t remember the link from where I took the screenshot.

---

<div class="post-metadata">

**Author:** ![mmistakes](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/mmistakes/32/2169_2.png) [@mmistakes](https://talk.jekyllrb.com/u/mmistakes)\
**Post date:** [December 12, 2017, 5:39pm UTC](https://talk.jekyllrb.com/t/how-to-get-this-in-jekyll-post-on-twitter/1225/6 "2017-12-12T17:39:39Z")

</div>

I think it’s from Invision App’s blog. They’re just dressing up text links to pull off this technique.

> **[Designing a design team, with Funsize's Anthony Armendariz](https://www.invisionapp.com/inside-design/designing-design-team/)**
>
> We sat down with Anthony to hear his thoughts on culture, hiring designers, and how to be prepared for the future.