Monday, June 11, 2012

Menambahkan Widget Touch Me di Blogger

2:06 AM Hzndi 8 comments


Sudah lama rasanya saya tidak membagikan sebuah tutorial untuk gadget sosial bookmark. Nah pada kesempatan ini saya akan memberikan lagi sebuah widget dari mybloggertricks untuk sosial bookmark yang mana banyak sekali manfaatnya diantaranya, meningkatkan jumlah fans Facebook kamu, Jumlah Circle Google + kamu, Menambah jumlah follower blog kamu, dll dan tentunya akan meningkatkan rank blog kamu pula. Oke langsung saja lihat tutorialnya dibawah ini :

1. Masuk ke Akun blog kamu.

2. KlikTata letak --> Tambah Gadget --> HTML/Javascript dan Masukkan script di bawah 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="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>

3. Dan kalau sudah klik simpan, mudah bukan ? :)

Postingan Terkait:

Blogger
Social Bookmarking
Social Sharing

Posted in: ,,,

8 comments:

  1. PutraJune 11, 2012 at 12:56 PM

    thanks gan udah mampir ke gubug kecil saya :)
    btw, kayaknya cocok nih. belum ada tombol share :D

    ReplyDelete
    Replies
    1. HzndiJune 11, 2012 at 4:44 PM

      silakan gan, cocok buat blog agan :) tampilan widget ini juga simple, jadi ga bikin blog berat juga (asal jangan kebanyakan widget) hehe

      Delete
  2. Cilembu theaJune 11, 2012 at 1:57 PM

    dari dulu cari tutorial ini, sekarang malah bingung mau disimpen disebelah mana ya?
    simpen dulu deh...saya kasih g+ dan follow #209. follow balik bila berkenan gan.

    ReplyDelete
    Replies
    1. HzndiJune 11, 2012 at 4:45 PM

      simpen dulu saja gan, kali gitu suatu saat ente butuh hehehe, oke gan sudah ane folback atas nama hzndi :)

      Delete
  3. hafiezJune 11, 2012 at 3:03 PM

    izin coba di saya y gan ..

    ReplyDelete
  4. kowandyJuly 9, 2012 at 8:37 PM

    widgetnya keren yah mas. pengen juga nyoba.

    ReplyDelete

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More