Kemajuan
pesat dan perkembangan Sosial Media dan pertumbuhan minat orang pada
situs jaringan sosial telah melahirkan puluhan sosial sharing tools dan
jasa. Web master semakin kecanduan dengan tools-tools seperti ini karena
tidak seperti organik trafik dari mesin pencari/search engine, trafik
web dari sosial media dapat mengalahkan trafik mesin pencarian. Blogger
hari ini sangat tergantung pada jaringan seperti Facebook, Google plus
dan twitter untuk mengarahkan trafik ke blog mereka. Alat ini baik hanya
jika mereka dapat menarik pengunjung untuk membookmark dan membagi
konten Anda. Dari kualitas konten website Anda hingga desain blog Anda,
sehingga dapat menjadikan pengunjung menjadi follower. Untuk membantu
dalam meningkatkan hal tersebut saya akan membagikan widget tool
benama "Touch Me". Nama tersebut karena tampilan yang menarik yang
memaksa pengunjung untuk mengarahkan kursor di atas ikon dan menekan
tekan! :) Gadget ini terstruktur rapi menggunakan tombol dari layanan
populer seperti Google Plus, Facebook, Twitter dan RSS. Kami telah
dikodekan dengan rapi menggunakan HTML dasar dan beberapa CSS yang
menarik.Di mana sebaiknya Anda letakkan?
Pada umumnya tombol sharing diletakkan pada bagian sidebar. Karena itu saya akan menyarankan agar Anda menambahkan widget ini pada bagian kanan atas blog Anda di atas semua iklan dan gadget yang lain.Menambahkan ke blogger
Di bawah ini langkah-langkah untuk pengguna BlogSpot. Jika Anda adalah pengguna wordpress atau Joomla atau menjalankan website yang biasa maka Anda hanya perlu copy dan paste kode berikut dalam template Anda.Berikut ini adalah langkah-langkah untuk pengguna blogger
- Go To Blogger> Layout
- Pilih add gadget
- Pilih HTML / JavaScript
- Paste kode berikut di dalamnya,
<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a { display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;}
.touchme a.googleplus { background-position: 0px -58px;}
.touchme a.googleplus:hover { background-position: 0px 0px; }
.touchme a.twitter { background-position: 0px -290px;}
.touchme a.twitter:hover { background-position: 0px -232px;}
.touchme a.facebook { background-position: 0px -406px;}
.touchme a.facebook:hover { background-position: 0px -348px;}
.touchme a.rss { background-position: 0px -174px;}
.touchme a.rss:hover { background-position: 0px -116px;}
</style>
<div class='touchme'>
<!--RSS-->
<a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a>
</div>
