Minggu, 22 Juli 2012

cara membuat widget blog sharing ke social network keren

       hai sobat, bagaimana kabar kalian hari ini?? semoga baik-baik saja , kali ini saya akan membagikan tips-tips kepada teman-teman semua yang berkaitan dengan aktifitas blog.
sudah tak dipungkiri lagi bahwa social bookmarking adalah salah satu hal penting dalam meningkatkan trafic blog secara cepatbegitu pula dengan RSS feed, maka daripada itu pada hari ini kita akan belajar bagimana cara mmengoptimalkan hal tersebut dengan cara membuat  widget sharing yang indah dan menarik bagi para pengunjung blog,
agar menyukai halaman facebook anda, mengikutik akun twitter anda , menambahkan anda di google+ , atau menjadi pembaca tetap dengan RSS feed , keunggulan dari widget ini ketika dia terkena oleh kursor mouse ,  maka widget ini akan bergerak dan berubah warna


berikut script yang akan kita gunakan



<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 PAGE" rel='external nofollow' target='_blank'></a><!-- Twitter --><a class='twitter' href="YOUR TWITTER PAGE" rel='external nofollow' target='_blank' ></a></div>




catatan :

ganti YOUR RSS LINK dengan link RSS feed anda

ganti YOUR GOOGLE PROFILE LINK dengan link profil g+ anda

ganti YOUR FACEBOOK PAGE dengan link profil atau halaman anda

ganti YOUR TWITTER PAGE dengan link akun twitter anda

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...