Minggu, 10 Juni 2012

Cara Membuat Widget Share Keren Untuk Blogger


By on 22.09

Blazer Blog, Widget - Cara Membuat Widget Share Keren Untuk Blogger, kali ini saya akan membahas bagaimana Cara Membuat Widget Share Keren Untuk Blogger, widget share kali ini sanagat sepcial karena saat pointer di arahkan pada icon secara otomatis icon tersebut akan berganti. Untuk lebih jelasnya lagi silahkan lihat gambar di bawah ini.


Cara Membuat :
1. Login ke Blog kamu.
2. Add Gadget, pilih HTML JavaScript.
3. Copy kode 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="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>
Simpan dan lihat hasilnya.

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

21 komentar:

  1. Wahhhh... Coba nih:)
    Gan, mau domain com net org biz info cuma 40rb?? Email aja ke admin@mydimas.org ato SMS 087736565624

    BalasHapus
  2. salam kenal bwt para blogger, jgn lupa mampir ke blog sederhana saya yaa ... http://blogsantoso99.blogspot.com

    BalasHapus
  3. siip.. bagus widgetnya...
    kunjungi blog'GOBLOG saya ya..
    http://dwimodjo507.blogspot.com :)

    BalasHapus
  4. Trima kasih gan,,,
    sangat membantu saya nee.....
    kunjung balik gan ke blog saya yang sederhana....

    trimakasih.......

    BalasHapus
  5. gimana caranya membuat share this article...seperti di atas

    BalasHapus
  6. thx sobat ..sangat bermanfaat :)
    mampir ye ke blog ane http://dark-cookiez.blogspot.com ... :)

    BalasHapus
  7. Web Bisnis Online Yang Menjadikan Facebook Sebagai
    Media/Sarana Penghasil Uang Dengan System Terbaru
    Komisi 100% Untuk Anda ,sangat mudah dijalankan,dan komisi 100% buat anda
    dan satu lagi,blog anda akan bertambah fungsi sebagai mesin penghasil uang anda.

    www.bisnisfacebooker.com/?id=xtshop30

    atau email saya di: xtshop30@gmail.com

    BalasHapus
  8. god job..

    jngan lupa mampir di blog peternak
    http://catatanpeternak.blogspot.com/

    BalasHapus
  9. makasih tutornya mas
    http://adityamotor.blogspot.com

    BalasHapus
  10. Terimah kasih ats infonya...
    jgn lupa kunjungan baliknya..
    http://jokocumme.blogspot.com/

    BalasHapus
  11. mantap nich gan.. izin kopi ilmunya ya..

    BalasHapus
  12. Makasih atas infonya Gan....
    Artikelnya bermanfaat....

    BalasHapus
  13. bagus gan
    visit my blog:
    jeparasoftware.blogspot.com


    BalasHapus
  14. thx gan
    kunjungi blogku buat yg pengen sepatu atau pakain bagus harga murah :)
    http://timeisshop.blogspot.com/

    BalasHapus
  15. info yg sangat bemanfaat bagi blog saya,,,, saya harap agan mau berkunjung ke blog saya www.ankurniawan.blogspot.com dan memberikan sedikit komentar Terima kasih

    BalasHapus
  16. keren deh, blogku jadi tambah cling

    yang pengen ribuan like, nih auto like terbaru

    http://metazo.blogspot.com/2012/12/auto-like-facebook-2013-no-spam-no.html

    BalasHapus
  17. Trimakasih kak infonya ..~ ^o^

    >> http://www.blognyamichun.blogspot.com

    BalasHapus
  18. Terima Kasih telah membagikan ilmu anda, Informasi yang
    sangat berguna dan bermutu. mari kita saling kenal jauh
    melalui jaringan blogspot ini dengan saling follow

    Follow di blog saya :

    http://cerdasmu.blogspot.com/

    semoga kita bisa saling berbagi ilmu yang tiada hentinya
    mengalir dalam dunia ini.

    BalasHapus