Sunday, February 2, 2014

Membuat Widget Jejaring Sosial ''Touch Me'' Di Blog

langsung saja kita mulai


  • Login ke Blogger.com, Dengan akun anda
  • Klik ''Tata Letak''
  • Setelah itu ''Klik ''Tambah Gadget''
  • Pilih Gadget ''HTML/JavaScript''
  • Copy kode Di Bawah ini di dalam gadget tersebut

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


  • Ganti YOUR RSS LINK Ganti dengan ID Feedburner Anda
  • Ganti YOUR GOOGLE PROFILE LINK Ganti Dengan ID Profile Google+ anda
  • Ganti YOUR FACEBOOK LINK Ganti Dengan Username Facebook anda
  • Ganti YOUR TWITTER LINK Ganti Dengan Username Twitter anda
  • Setelah Semua Selesai diganti sesuai keinginan sobat, Sekarang Klik ''Simpan''


Demikianlah artikel ini semoga artikel ini bermanfaat bagi sobat semua
Comments
0 Comment