Retweetable Blockquote in WordPress Posts With CSS, Js

In our previous article, we demonstrated how to create retweetable hyperlink within WordPress posts with Twitter icon, like this one – Tweet this real working link . We Can Create Retweetable Blockquote in WordPress Posts With CSS, Js For Special Articles Too. Embedding the CSS and Javascript in Post Will Do the Job. Below is screenshot after hover for post decoration (real working thing is after it).

How To create Retweetable Blockquote in WordPress Posts

First, study the previous work :

Twitter server automatically handles the Base64 encoding.

This is result of poor man’s way :

Those junk vintage javascripts not needed to retweet.

– Abhishek Ghosh, TWEET THIS QUOTE

Poor man’s server and CDN is slower – loading too much Js will kill the need. This is what is used above :

You can see, the above is just matter of presentation. The thing does the job and hardcoded. In case you are not that much impressed, I have funky way using javascript :

See the Pen vrgBEL by Abhishek Ghosh (@abhishekghosh-the-encoder) on CodePen.

You can see the full code here on CodePen (which is a modified rip-off from one StackOverflow answer). In that code, you need lot of changes to modify for your own. By the way, you need jQuery loading on front-end to make it working. First part is HTML, which you need to change :

On CSS, you do not need style for body, you need only this :

And the Js needs moification :

Note hashtags=AbhishekGhosh, I used AbhishekGhosh as hashtag.