Custom Twitter share button
<p>I want to share my website articles on twitter (content,image,title)!</p>

<p>but twitter doesn't show image articles, just show content in the box.</p>

<p>this is my code:</p>

<p><strong>Javascript:</strong></p>

<pre><code>&lt;script&gt;window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
  t = window.twttr || {};
 if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);
  t._e = [];
  t.ready = function(f) {
  t._e.push(f);
  };
  return t;
}(document, "script", "twitter-wjs"));&lt;/script&gt;
</code></pre>

<p><strong>Button:</strong></p>

<pre><code>&lt;a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=Hello%20world" data-size="small"&gt;Tweet&lt;/a&gt;
</code></pre>

<p>Meta tabs</p>

<pre><code>&lt;meta name="twitter:card" content="photo" /&gt; 
&lt;meta name="twitter:site" content="@flickr" /&gt;
&lt;meta name="twitter:title" content="Article Title" /&gt; 
&lt;meta name="twitter:image" content="grobal.dev/theme/images/img_art.jpg"; /&gt; 
&lt;meta name="twitter:url" content="grobal.dev/article/detail/1051"; /&gt; 
</code></pre>