Latest News :

Home » » Cara membuat Touch Me Sharing Widget

Cara membuat Touch Me Sharing Widget

Jumat, 31 Agustus 2012 | 0 komentar


Sekarang mari kita bahas cara memasang Touch Me Sharing Widget di blog sobat :

1. Login ke akun blogger sobat.

2. Pada Dasbor klick Rancangan ➨ Tambah Gadget (di bagian manapun sobat ingin widget ini muncul)

3. Lalu sobat pilih HTML/Java Scrip ( terserah mau di beri judul atau tidak) ➨ Setelah itu copy kode berikut dan paste atau letakkan di dalamnya!

<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://otowebsite.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>

4. Simpan.

Keterangan :
  • Ganti YOUR RSS LINK dengan Feed burner link sobat.
  • Ganti YOUR GOOGLE PROFILE LINK dengan Google+ URL sobat.
  • Ganti YOUR FACEBOOK LINK dengan Facebook URL sobat.
  • Ganti YOUR TWITTER LINK dengan Twitter Profile URL sobat.
Sekian.

Saya rasa cukup untuk postingan atau article Touch Me Sharing Widget, mudah-mudahan article ini bisa bermanfaat!

Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan komentar/tanggapan sobat tentang postingan/articles di atas!

sumber
Share this article :
 
Support : Creating Website
Copyright © 2011. Nicko Part III - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger