DESA CILEMBU

Widget Touch Me di Blogger

Widget Touch Me di Blogger ~ tips sederhana yang lumayan manis kalau dipasang diblog kesayangan dengan fungsi yang ngga perlu lagi dijelaskan. Intinya dengan memasang ini, PR sohib bisa melejit sampai keawang-awang...percayalah!!...:o)
sohib tertarikkah?..nih cara pasangnya :
1. Login ke blognya,
2. Klik Tata letak => Tambah widget
3. Paste kode dibawah ini kekotak HTML/Javascripst

<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="LINK RSS KAMU" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="LINK GOOGLE PLUS KAMU" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="LINK PROFIL / FAN PAGE FACEBOOK KAMU" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="LINK TWITTER KAMU" rel='external nofollow' target='_blank' ></a>
</div>
4. Ganti yang berwarna hitam kelam dengan link sohib masing-masing.
5. Save dan lihat hasilnya.
NB. Mau buat Kotak blogroll silahkan klik disini
Selamat berkreasi, sambil ngabuburit tunggu magrib


Enter your email address to get update from DESA CILEMBU.
Print PDF
Next
« Prev Post
Previous
Next Post »
Copyright © 2008 - DESA CILEMBU | Privacy Policy | Disclaimer | About | Created by Kompi ajaib - Powered by Blogger