cara membuat widget social dengan mudah

 kali ini upie nawa ingin memberikan tutorial blogger yaitu cara membuat widget social dengan mudah :) tutorial ini memang sudah banyak berkambang di google search dan saya begitu sangat amat terlambat untuk memostingan cara ini, but it's oke lah, kali aja ada yang masuk ke blog ini dan membaca nya.. seperti gambar di atas itu upie nawa ingin memberikan langkah-langkah nya..
http://id-upienawa.blogspot.com/2013/06/cara-membuat-widget-social-dengan-mudah.html

View Demo

1.  Masuk ke blog kalian, ingat jangan masuk ke blog orang lain, nanti di omelin..
2. Masuk kan alamat e mail anda dan password anda
3.  Jika anda sudah berada di dalam blog jangan bikin kopi
4. Pilih Tata Letak ===> Tambahkan Gadget jangan tambahin garam
5. Copy semua code yang ada di bawah ini jangan yang ada di bawah monas

/*--------Touch Me Sharing Widget id-upienawa.blogspot.com Start ------*/
<style>      .touchme a {    display:block;    height:50px;    width:50px;    padding:0 4px;    float:left;    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazQ6ElO-8_opoShuqB4iRe86NyGh6m3Cg9WIA6HdlLKaTBRp0fKt7FN4XO2QiPAUSNajZVCX36Sv50N2l6YcMh-rUGtIcrjQxrUO-9hRQzv1DtxAVW-IxvwbsLI46ssREkH51MbWtLtI/s1600/Sharing+Touch+Me.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 Sobat" target='_blank'></a>
    <!--Google Plus-->    <a class='googleplus' href="Link Goggle Plus Sobat" target='_blank'></a>
    <!--Facebook-->    <a class='facebook' href="Link FACEBOOK Sobat" target='_blank'></a>
    <!-- Twitter -->    <a class='twitter' href="Link TWITTER Sobat" target='_blank' ></a>

    </div>/*--------Touch Me Sharing Widget id-upienawa.blogspot.com End ------*/

6. Ganti link media social dengan yang anda miliki, jangan milik orang lain
7. Langkah terakhir simpan Html/Javascript

Dan saya upie nawa mengucapkan selamat menjalan kan tutorial ini, semoga apa yang upie nawa share bermanfaat bagi anda dan blog kesayangan anda..