Tweet Button Blogger With Text, Via, And Related No Javascript

Dari sekian banyak tutorial yang saya temui tentang membuat tombol share khususnya tombol share Twitter atau Tweet button untuk Blogger yang tanpa menggunakan javascript, semuanya memiliki link share Twitter yang sama.

Dengan tombol Tweet tanpa javascript dengan link share Twitter tersebut, secara otomatis kita hanya menampilkan url postingan di kotak Tweet seperti pada gambar di bawah ini.

Tweet Button Blogger With Text, Via, And Related No Javascript

Gambar Tweet di atas dihasilkan dari kode link Tweet di bawah ini.


<a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' target='_blank' title='Share to Twitter'>Tweet</a>

Dengan begitu kita harus mengetikan teks atau judul postingan secara manual lagi ke dalam Tweet box. Nah untuk itu kini saya share membuat link untuk tombol Tweet yang otomatis akan menampilkan teks atau judul postingan dan link postingan, juga via akun Twitter admin post juga related akun seperti gambar di bawah ini.

Tweet Button Blogger With Text, Via, And Related No Javascript

Untuk menghasilkan Tweet postingan seperti gambar di atas, silahkan gunakan kode di bawah ini.


<a expr:href='&quot;https://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;via=KompiAjaib&amp;amp;related=kompiajaib&quot;' target='_blank' title='Share to Twitter'>Tweet</a>

Silahkan ganti KompiAjaib yang saya marking dengan username Twitter Anda. Dengan begitu, ketika ada pengunjung yang Tweet postingan kita maka akan menjadi lebih komplit.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments