Membuat Widget Social Media Tanpa Mengedit Html Template

DENI KHOIRUDIN 12:50 AM Tips & Trick , Tips Blogging , Widget No comments

Nah Kali ini saya akan membagikan cara membuat Widget Sosmed Tanpa ribet mengedit - edit Html

Contoh Widgetnya :

Langsung saja Cara membuatnya :

Copy Pastekan Html Berikut :

<style>

.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKhX4YhASZFP3GQXNLSEn1cPsVCr5oJoV8aTOU9JXSaqlvQ4R5VCon9LZA-OqT7IXNRCd_QKlCHmfrkN-m-tWt-v-J3rJj38W6dK-V-vsjE2Kuqt6tJRuwhhsYoXtxdu-UaT6Y8gxwToU/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'>


<a class='rss' href="Link RSS Sobat" target='_blank'></a>


<a class='googleplus' href="Link Goggle Plus Sobat" target='_blank'></a>


<a class='facebook' href="Link FACEBOOK Sobat" target='_blank'></a>


<a class='twitter' href="Link TWITTER Sobat" target='_blank' ></a>

</div>

Catatan : pada tulisan yang berwarna Biru diganti dengan Link Sosmed Sobat
1.Buka Dasbor Blog sobat lalu pilih Pada Tata letak > Tambahkan Gadget

2. Pada tambahkan Gadget Pilih Html/Javascript dan Pastekan Kode tadi Lalu Simpan

Selesai Trimakasih telah mengunjungi blog kami Sukses selalu dan Sampai jumpa lagi..

Sumber Informasi By : http://mari-berbagi244.blogspot.co.id/2013/05/cara-mudah-membuat-widget-social-media.html

No comments :

Post a Comment

Berkomentarlah dengan sesuai tema artikel dan Budayakan berkomentar dengan bahasa yang sopan

Peraturan Berkomentar:
1.No Spam
2.No SARA
3.No Iklan
4.No Rusuh :D
Bila melanggar Aturan diatas komentar akan di hapus..

Subscribe to: Post Comments ( Atom )

>