Sharing Widget untuk Blog bernama “Touch Me”

Sharing Widget untuk Blog bernama “Touch Me”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
  1. Go To Blogger> Layout
  2. Pilih add gadget
  3. Pilih HTML / JavaScript
  4. 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>
Selanjutnya perhatikan ganti dengan link anda:
  • Ganti YOUR RSS LINK dengan Feed burner link anda.
  • Ganti YOUR GOOGLE PROFILE LINK dengan URL Google+ anda
  • Ganti YOUR FACEBOOK LINK dengan URL Facebook anda
  • Ganti YOUR TWITTER LINK dengan URL Profile  Twitter anda
Tekan Save. Dan selesai..

Kunjungi website anda dan lihat hasilnya!
Satank Mkr Beri Komentar
Design by MKRSite Copyright © 2012 ~ 2017 Powered by Blogger
TOP