--> Cara Mudah dan Gampang Membuat Widget Share Social Media Dengan Efek Gulung | Kang-Mauk (Ibnu Mas'ud)

informasi menarik dan menyenangkan

www.informasibogorbarat.blogspot.com (Blog Kang Maux)

Tuesday, July 30, 2013

Cara Mudah dan Gampang Membuat Widget Share Social Media Dengan Efek Gulung

| Tuesday, July 30, 2013
 Assalamualaikum Wr. Wb

Salam Hangat dari Blogger Bogor Barat

Blog News and Shares News kali ini Share Tentang " Cara Mudah dan Gampang Membuat Widget Share Social Media Dengan Efek Gulung "

Ikuti Langkah-langkah Mudahnya seperti di bawah ini :

1. Log In Ke Blog Sobat

2. Pilih " Tata Letak "

3. Klik "addgadget "

4. Pilih " HTML JavaScript"

5. Copy /Paste Kode Dibawah ini

 

<style> /*--------Touch Me Sharing Widget ------*/ .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixjWyhXWkgnMftMPPHgaiGAdirlrmfhbHeTlCECCSQ-eJ7dpbj358-vJ1HSNmnKpVhi3qpVtxQyBzk9p6W8IaCt8Ka16VEV0WJoYcmtwS8h38imvHG3JNCC5qHn-E0c1U9jQKHnOthwn4/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="YOUR RSS LINK" rel='external nofollow' target='_blank'></a> <!--Google Plus--> <a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a> <!--Facebook--> <a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a> <!-- Twitter --> <a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a> </div>


6. Ganti Yang berwarna dengan Url anda

7. Simpan dan lihat hasilnya

8. Semoga Berhasil

Related Posts

No comments:

Post a Comment

Tolong komentarnya berhubungan dengan artikel yang ada. Komentar yang mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter