Cara buat widget Profil Sosial "Touch Me" di Blogger

Tweet

D-Copy Blog's | Kemajuan pesat dan pengembangan Media Sosial dan minat orang di situs jaringan sosial telah melahirkan puluhan alat berbagi sosial dan jasa. Web master semakin kecanduan alat ini karena tidak seperti lalu lintas organik dari mesin pencari, lalu lintas web dari saluran sosial telah mengalahkan lalu lintas pencarian. Blogger hari ini sangat tergantung pada jaringan seperti Facebook, Google plus dan twitter untuk mengarahkan lalu lintas ke blog mereka. Alat ini baik hanya jika mereka dapat menarik pengunjung untuk bookmark dan berbagi konten Anda. Dari kualitas konten website Anda hingga desain blog Anda, setiap jumlah bit tunggal dalam mengubah pengunjung menjadi pengikut. Untuk membantu Anda dengan impian Anda penggemar meningkat dan pembaca kami membawa Anda "Touch Me". Its bernama tersebut karena tampilan yang menarik yang memaksa pengunjung untuk menggulung membawa kursor di atas ikon dan tekan mengikuti! 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 pedas gaya.

Berikut petunjuk penggunaannya :

• Buka akun Blog Anda
• Masuk ke menu Layout/tata letak >> tambah gadget >> pilih 'HTML/Javascript' lalu masukkan kode dibawah ini :

<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>

Keterangan :

• Masukkan data-data Blog Anda pada tulisan yang berwarna biru.
• Selesai lalu save.