Kamis, 09 Juni 2016

Membuat Tombol Berbagi Sederhana untuk Blogspot

Selain sudah lama ingin belajar membuat taman yang itu jelas untuk kepentingan dunia nyata di rumah, maka untuk di dunia maya  khususnya untuk ngeblog di blogspot adalah ingin menggunakan tombol berbagi yang tidak macam-macam. Maunya hanya ada tombol, yang kalau diklik bisa digunakan buat membagikan tulisan pada beberapa jejaring sosial. Namun juga bukan merupakan tombol default atau bawaan dari masing-masing layanan.
Membuat Tombol Berbagi Sederhana untuk Blogspot
Membuat Tombol Berbagi Sederhana untuk Blogspot
Salah satu alasan kenapa tidak mau menggunakan tombol bawaan adalah karena itu lebih berat, sebab harus memanggil script dari masing-masing layanan. Kalaupun tidak berat, ya minimal ada kerja tambahan lah. Hanya saja memang, yang mungkin ini hanya sekedar perasaan sendiri, tapi dengan menggunakan yang sederhana ini halaman diload dengan lebih cepat.

Setelah baca kesana-kemari, dan ngutak-ngatik itu ini, jadilah kemudian deretan tombol sederhana sebagaimana yang digunakan di sini juga di sana. Kode-kode yang digunakan di sini adalah penyederhanaan ekstrim dari yang diberikan oleh TwistBlogger.


1
2
3
4
5
<div>
<span style='margin-right:5px;'><a expr:href='&quot;https://www.facebook.com/share.php?v=4&amp;   src=bm&amp;   u=&quot; + data:post.url + &quot;   &amp;   t=&quot; + data:post.title' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=436&quot;   );   return false;' rel='nofollow'><img title='Bagikan di Facebook' alt='Facebook' src='https://lh3.googleusercontent.com/-QEM4oM2ME7w/V1hGvZ7Dp6I/AAAAAAAALVQ/X7eX2tV5L7E6oEG7zGHL9LSx6iWIczqSQCCo/s800/berbagi_facebook.webp'/></a></span>
<span style='margin-right:5px;'><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:blog.url' onclick='javascript:window.open(this.href,&quot;   &quot;   ,&quot;   menubar=no,toolbar=no,resizbutton_le=yes,scrollbars=yes,height=600,width=600&quot;   );   return false;   ' rel='nofollow'><img title='Bagikan di Google Plus' alt='Google Plus' src='https://lh3.googleusercontent.com/-M_UYg2uCoS0/V1hGvFWh7tI/AAAAAAAALVM/U7bfPhmRA8UGrtj0JTj0N-syAmNN63TKACCo/s800/berbagi_gplus.webp'/></a></span>
<span style='margin-right:5px;'><a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=436&quot;   );   return false;' rel='nofollow'><img title='Bagikan di Twitter' alt='Twitter' src='https://lh3.googleusercontent.com/-byAeWczzy8A/V1hGvLx92DI/AAAAAAAALVI/A7RpyFUcsdslIouweo36RbiMt8GbnwAUwCCo/s800/berbagi_twitter.webp'/></a></span>
</div>


Tombol berbagi yang digunakan hanya ada tiga, yakni Facebook, Google Plus, dan Twitter. Karena maunya hanya itu untuk saat ini. Entah esok lusa nanti. Tentu saja, silakan gunakan bagi yang ingin menggunakannya. Tinggal salin dan tempel kode diatas pada bagian template blogspot, pada posisi dimana tombol berbagi ingin ditampilkan. Namun jika ingin menggunakan gambar sendiri, sangat dipersilakan, tinggal ganti alamat gambar yang digunakan, yakni ketiga baris berikut ini:

https://lh3.googleusercontent.com/-QEM4oM2ME7w/V1hGvZ7Dp6I/AAAAAAAALVQ/X7eX2tV5L7E6oEG7zGHL9LSx6iWIczqSQCCo/s800/berbagi_facebook.webp
https://lh3.googleusercontent.com/-M_UYg2uCoS0/V1hGvFWh7tI/AAAAAAAALVM/U7bfPhmRA8UGrtj0JTj0N-syAmNN63TKACCo/s800/berbagi_gplus.webp
https://lh3.googleusercontent.com/-byAeWczzy8A/V1hGvLx92DI/AAAAAAAALVI/A7RpyFUcsdslIouweo36RbiMt8GbnwAUwCCo/s800/berbagi_twitter.webp

Silakan ganti itu dengan gambar yang disukai sesuai selera pribadi, siapa tau tidak suka dengan gambar yang digunakan. Lebih dari itu, siapa tau secara tak sengaja gambar yang ada itu juga terhapus oleh sayanya saat ingin mengganti selera dengan gambar yang lainnya. Mau ubah-ubah gaya tampilan dengan penambahan CSS juga silakan.

Jadi, begitu dan beginilah...

Tidak ada komentar:

Posting Komentar