Sunday 8 November 2015

Membuat Kumpulan Widget Sosial Media


  Dengan menggunakan sosial media bukan tidak memungkinkan untuk menambah jumlah pengunjung blog kalian, masih banyak kegunaan yang bisa kalian dapatkan dengan memasang widget ini. Untuk kalian yang ingin memasang widget ini, silahkan ikuti langkah berikut :
  • Silakan ke Blogger.
  • Pilih Tata Letak > Tambahkan Gadget.
  • Kemudian pilih HTML/Javascript.
  • Lalu Copy kode di bawah ini dan Paste di dalam kolom HTML/Javascript.
  /*--------Touch Me Sharing Widget hsr-tutorial.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/AVvXsEg5wkUtYcp97S_MuBfg6hEIgpGsFv3C6IHQiTZ63jw_j_oWN1L345Cj4tRlM2UZnA72PtcYw-sGcISpWVELIvfDwjVduZ2LHDFOVp_S4ei40bqD4MMs1Y2lYwZp8BVSytnPl9WoEYV10gA/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 Kalian" target='_blank'></a>

    <!--Google Plus-->
    <a class='googleplus' href="Link Goggle Plus
Kalian" target='_blank'></a>
    <!--Facebook-->
    <a class='facebook' href="Link Facebook
Kalian" target='_blank'></a>
    <!-- Twitter -->
    <a class='twitter' href="Link TWITTER
Kalian" target='_blank' ></a>

    </div>
/*--------Touch Me Sharing Widget hsr-tutorial.blogspot.com End ------*/
  • Silahkan ganti tulisan yang berwarna merah dengan link sosial media sobat.
  • Kemudian Simpan dan Selesai.
---Selamat Mencoba dan Semoga Berhasil---

Kode Smiley Untuk Komentar


:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t  

No comments:

Post a Comment

*Berilah Komentar/ Saran Yang Bersifat Membangun/ Memotivasi.
*Silakan Copas Dengan Syarat Cantumkan Sumber.