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

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

Bola Hero Gawai

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.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • 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 Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×