Berikut cara membuat Tombol Share Ice Cube :
1. Login Blog Sobat terlebih dahulu.
2. Masuk ke Tata Letak.
3. Kemudian Tambah Gadget.
4. Pilih HTML/JavaScript.
5. Masukkan kode berikut.
<style>
/* Bloggertrix */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}</style>
<br />
<center>
<br />
<ul class="bubblewrap">
<li><a href="http://www.linkedin.com/vicky"><img src="http://1.bp.blogspot.com/-RnC3BKn17zo/UQaDHOWAovI/AAAAAAAAGhY/dc60NAQQWTw/s1600/bloggertrix_linkedin.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.facebook.com/vicky"><img src="http://1.bp.blogspot.com/-Y0nktRRy55U/UQaDG9wOkwI/AAAAAAAAGhU/2sieeVzygRQ/s1600/bloggertrix_facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.stumbleupon.com/vicky"><img src="http://2.bp.blogspot.com/-SHP-koUiNhw/UQaDIH2UqGI/AAAAAAAAGho/snk0w0AHqG8/s1600/bloggertrix_stumbleupon.png" title="Add to Digg" /></a></li>
<li><a href="http://www.twitter.com/vicky"><img src="http://2.bp.blogspot.com/-4FqWnTweJKE/UQaDIZPUZ0I/AAAAAAAAGhw/b7t7Xgu9ONY/s1600/bloggertrix_twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/vicky"><img src="http://2.bp.blogspot.com/-Y1S9_OWv5pE/UQaDG2U9fqI/AAAAAAAAGhQ/qD0e5hQ6Kxs/s1600/bloggertrix_RSS.png" title="Add RSS Feed" /></a></li>
</ul>
</center>
/* Bloggertrix */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}</style>
<br />
<center>
<br />
<ul class="bubblewrap">
<li><a href="http://www.linkedin.com/vicky"><img src="http://1.bp.blogspot.com/-RnC3BKn17zo/UQaDHOWAovI/AAAAAAAAGhY/dc60NAQQWTw/s1600/bloggertrix_linkedin.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.facebook.com/vicky"><img src="http://1.bp.blogspot.com/-Y0nktRRy55U/UQaDG9wOkwI/AAAAAAAAGhU/2sieeVzygRQ/s1600/bloggertrix_facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.stumbleupon.com/vicky"><img src="http://2.bp.blogspot.com/-SHP-koUiNhw/UQaDIH2UqGI/AAAAAAAAGho/snk0w0AHqG8/s1600/bloggertrix_stumbleupon.png" title="Add to Digg" /></a></li>
<li><a href="http://www.twitter.com/vicky"><img src="http://2.bp.blogspot.com/-4FqWnTweJKE/UQaDIZPUZ0I/AAAAAAAAGhw/b7t7Xgu9ONY/s1600/bloggertrix_twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/vicky"><img src="http://2.bp.blogspot.com/-Y1S9_OWv5pE/UQaDG2U9fqI/AAAAAAAAGhQ/qD0e5hQ6Kxs/s1600/bloggertrix_RSS.png" title="Add RSS Feed" /></a></li>
</ul>
</center>
6. Ganti kode warna Merah dengan Username/ID. Sesuaikan dengan Akunnya ( yang berwarna Biru ).
7. Simpan Gadget
Semoga bermanfaat...
0 komentar:
Post a Comment
Terima Kasih sudah meluangkan waktu untuk membaca artikel ini dan silahkan poskan komentar sobat agar saya dapat berkunjung balik ke blog sobat. Mohon tidak mencantumkan link hidup dalam mengeposkan komentar,Terima kasih.