Cara Membuat Widget atau Gatget Sosia Media Share Tanpa Mengidit HTML

Cara Terbaik dan Ter mudah Untuk Menambahkan Widget atau Gatget Sosial Media Share di Blog, Tanpa mengutak atik HTML

  Langsung saja, masuk pada Blogger.com
1. Layout
2. Add a Gadget
3. Pilih Javascript.
4. Copy Paste Kode di Bawah ini:

<style>

    .touchme a {
    display:block;
    height:50px;
    width:50px;
    padding:0 4px;
    float:left;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-h1rxRKGBJ61b9zoiFWBoe4bQqUOSGud3v3MX33eVVlF6bbV0rn6Zs2qSVID2917FA2frIwxvqvBKuo9szauwSAJLzrwp67rrg5NxepKii-mUhYcdG-gMZ6q_ApU0XA-p6xx9G8NSUM8/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>


5. Save,

dan Lihat hasiLnya ,,, Mantap Boz...!!!

Semuga Bermanfa'at!