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.
.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>
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:
Posting Komentar