Cara Membuat Share Button Menarik Di Blog

Bagaimana cara memasang atau menambahkan widget share button di Blogspot ? dari pertanyaan tersebut mungkin sebagian para pakar blogger profesional pastinya sudah pada tau , namun bagaimana jika ada seorang blogger pemula yang baru belajar di blogspot , Mungkin sempat kebingungan mengenai hal cara menambahkan gadget khususnya di blogspot.

Dari sebagian para pakar blogger profesional untuk mengerjakan hal tersebut pastilah sangat mudah sekali karena sudah mengetahui sepenuhnya tentang webs atau blogs , tetapi berbeda lagi dengan yang belum mengetahui caranya , Apalagi yang sama sekali belum pernah mengetahui Cara Membuat Blogs di Blogspot , Untuk itu dibawah ini saya akan share kembali Tutorial Tips Trik Blogger tentang bagaimana cara memasang gadget atau widget khususnya pengguna blogspot cekidot , Adapun caranya adalah sebagai berikut :

- Sign in terlebih dahulu dengan my account sobat atau sobat bisa klik langsung di http://www.blogger.com

cara memasang widget di blog

- Kemudian klik Tata Letak pada Dashboard blogs sobat seperti gambar diatas , untuk gambar halaman kerangka Template dibawah ini pasti berbeda - beda bentuknya dan di Template webs atau blogs sobat pun akan menemukan banyak gadget dibeberapa posisi , seperti ada yang diletakkan di header , sidebar , main wrapper atau di footer ( " Jika sobat ada yang belum tau untuk nama - nama kerangka pada Template nanti saya akan posting di artikel selanjutnya " )

Kerangka Template Webs dan Blogs

- kemudian silahkan sobat pilih akan menambahkan widget atau gadget diposisi sebelah mana ?

- kemudian tambahkan "HTML/Javascript

Cara Memasang Kode Script Widget di blogspot dan website

- masukkan kode dibawah ini.

<style>
  
    .touchme a {
    display:block;
    height:55px;
    width:73px;
    padding:0 6px;
    float:left;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtA6O63Uogylej1U4LxSLIcd8iiFhuUEfnE_gkdDxV5tl72JAUd2V5TjhJ1rLwaEy3F29WCLfqMt-Fe6e5qPSZxp83_R6AajpeqlaGHsvFKhcSZYI_4ncZVq_iASR8emR9-fB3sOioSeg/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="http://nuraminsaleh.id1945.com/" target='_blank'></a>

    <!--Google Plus-->
    <a class='googleplus' href="https://plus.google.com/u/0/112808375798591662070/posts" target='_blank'></a>

    <!--Facebook-->
    <a class='facebook' href="https://www.facebook.com/nuraminsalehblog?ref=hl" target='_blank'></a>

    <!-- Twitter -->
    <a class='twitter' href="https://twitter.com/NuraminSaleh" target='_blank' ></a>


    </div>

- Terakhir Silahkan Ganti link yang berwarna biru dengan link sobat sendiri dan lihat hasilnya.


Semoga Bermanfaat...

Komentar

Postingan Populer