Rabu, 02 April 2014

Cara Mudah Membuat Widget Media Share Tanpa Edit Html

Selamat pagi menjelang siang sobat blogger,,,kali ini saya ingin share ilmu kepada kalian semua.
oke langsung saja yuk ikuti tutorialnya. Mudah kok ....


  • Masuk / Login ke akun blog sobat.
  • Pilih Tata Letak =>> Tambahkan Gedget.
  • Pilih HTML/Javascript.
  • Setelah itu sobat Copy kode dibawah ini dan Paste di kolom HTML/Javascript.


<style> 

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



  • Silahkan sobat ganti tulisan yang berwarna Biru dengan Link Sosial Media sobat.
  • Kemudian Simpan HTML/Javascript.



0 komentar:

luvne.com ayeey.com cicicookies.com mbepp.com kumpulanrumusnya.comnya.com tipscantiknya.com
kesehatan dan kecantikan

Share it