Làm thế nào để thêm những nút chia sẻ, liên kết đến các trang cho blogger qua các mạng xã hội như: Facebook (FB), twitter, Google Plus (G+), RSS, Youtube? Hôm nay thủ thuật blogger hướng dẫn các bạn cách làm thủ thuật này. Sử dụng CSS3 để tạo những nút chia sẻ đấy. Hơn nữa, những nút chia sẻ này cũng trở nên sống động hơn khi rê chuột vào
Các mẫu và Code theo mẫu các bạn theo dõi dưới đây
- CÁCH LÀM THỦ THUẬT
1. Vào bảng điều khiển blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascripts
2. Lựa chọn mẫu bên dưới
3. Dán Code của mẫu vừa lựa chọn bên trên vào tiện ích và lưu lại
MẪU 1:
CODE:
MẪU 2:
CODE:
Mẫu 3:
Code:
Chúc các bạn vui vẻ
Các mẫu và Code theo mẫu các bạn theo dõi dưới đây
- CÁCH LÀM THỦ THUẬT
1. Vào bảng điều khiển blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascripts
2. Lựa chọn mẫu bên dưới
3. Dán Code của mẫu vừa lựa chọn bên trên vào tiện ích và lưu lại
MẪU 1:
<style>p#hb_socialicons img {
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
p#hb_socialicons img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
</style>
<center>
<p id="hb_socialicons">
<a href="http://www.facebook.com/pages/itviet360com/166823093455666/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0W8FBKSr5r4FPFFlB_aLEO9nrCwz8mJM85dbs6FQ7L5DYdPK7sQCIqEI4JXtYqq8bK7vJaM2RElW_3CRWR90IVgIWb64o3dp-9eKSb2Al2SlxZHGCTp6Tla1g-gf9dHZ7BYF5yzRDX_a/s64/itviet360.com-facebook.png" /></a><a href="https://twitter.com/phongvu18nd"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRaGs091UJlWJ5klR0uln-n2Mpwhblh1llXk5ZsdsDp-05H-xFigtf6GHfU8hgwXoYjfhysntFpGBldLaVbeFcaQjhwbEFkC3URLx7BqqavijmQmn6vKNRHpqoYQ0jaOiJQr4oZwbUYGDM/s64/itviet360.com-twitter.png" /></a><a href="https://plus.google.com/u/0/106527290580119996124"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-7I02Ub92xjfVrQVgBWWOuQqOQbUoFi7QVBslXs89jXBbzr3xOKPofZZ-WKE63iMot1MhCrIGHv6qNh1PK1iPVCwnIrlkwD71ABdRPA6z6Vxkwr4XNgCDQsk6261hqyzMv5eR_CNkC2g_/s64/itviet360.com-google_plus.png" /></a><a href="http://feeds.feedburner.com/blogspot/nguoinhaque00909"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1H7zt_9iBXcJ9IRrONwYiypLGONBD_HhV5NYlwE9d5idoNdymUl8-fSm6k_BO2MrVDTkJFMFhB19QcJuVCywX77aEkD01e8A58Gz3ItiWs9tk4FRrJcOU4Lc1ENMqf4kp67Iu4l3GYMNM/s64/itviet360.com-rss.png" /></a><a href="http://www.youtube.com/user/itviet360/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1jKmo4lqpSWeQaAPbesvFffFnPkF0sTQ2rSFiRU668viPOC06onZsQ-H79m2avlvn6dSmqwO47fwm9LTLlpvqdPKUut9r3TuNhivM5TWYTYlYqjHFZGZf5xff_a4eYXvqhKpNppdly0iN/s64/itviet360.com-youtube.png" /></a>
</p>
</center>
MẪU 2:
<style>p#hb_socialicons img {
/* huong dan thu thuat http://itviet360.com */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
p#hb_socialicons img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/* huong dan thu thuat http://itviet360.com */
</style>
<center>
<p id="hb_socialicons">
<a href="http://www.facebook.com/pages/itviet360com/166823093455666/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0W8FBKSr5r4FPFFlB_aLEO9nrCwz8mJM85dbs6FQ7L5DYdPK7sQCIqEI4JXtYqq8bK7vJaM2RElW_3CRWR90IVgIWb64o3dp-9eKSb2Al2SlxZHGCTp6Tla1g-gf9dHZ7BYF5yzRDX_a/s64/itviet360.com-facebook.png" /></a><a href="https://twitter.com/phongvu18nd"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRaGs091UJlWJ5klR0uln-n2Mpwhblh1llXk5ZsdsDp-05H-xFigtf6GHfU8hgwXoYjfhysntFpGBldLaVbeFcaQjhwbEFkC3URLx7BqqavijmQmn6vKNRHpqoYQ0jaOiJQr4oZwbUYGDM/s64/itviet360.com-twitter.png" /></a><a href="https://plus.google.com/u/0/106527290580119996124"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-7I02Ub92xjfVrQVgBWWOuQqOQbUoFi7QVBslXs89jXBbzr3xOKPofZZ-WKE63iMot1MhCrIGHv6qNh1PK1iPVCwnIrlkwD71ABdRPA6z6Vxkwr4XNgCDQsk6261hqyzMv5eR_CNkC2g_/s64/itviet360.com-google_plus.png" /></a><a href="http://feeds.feedburner.com/blogspot/nguoinhaque00909"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1H7zt_9iBXcJ9IRrONwYiypLGONBD_HhV5NYlwE9d5idoNdymUl8-fSm6k_BO2MrVDTkJFMFhB19QcJuVCywX77aEkD01e8A58Gz3ItiWs9tk4FRrJcOU4Lc1ENMqf4kp67Iu4l3GYMNM/s64/itviet360.com-rss.png" /></a><a href="http://www.youtube.com/user/itviet360/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1jKmo4lqpSWeQaAPbesvFffFnPkF0sTQ2rSFiRU668viPOC06onZsQ-H79m2avlvn6dSmqwO47fwm9LTLlpvqdPKUut9r3TuNhivM5TWYTYlYqjHFZGZf5xff_a4eYXvqhKpNppdly0iN/s64/itviet360.com-youtube.png" /></a>
</p>
</center>
Mẫu 3:
<style>p#hb_socialicons img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
p#hb_socialicons img:hover {
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
/* huong dan thu thuat http://itviet360.com */
</style>
<center>
<p id="hb_socialicons">
<a href="http://www.facebook.com/pages/itviet360com/166823093455666/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0W8FBKSr5r4FPFFlB_aLEO9nrCwz8mJM85dbs6FQ7L5DYdPK7sQCIqEI4JXtYqq8bK7vJaM2RElW_3CRWR90IVgIWb64o3dp-9eKSb2Al2SlxZHGCTp6Tla1g-gf9dHZ7BYF5yzRDX_a/s64/itviet360.com-facebook.png" /></a><a href="https://twitter.com/phongvu18nd"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRaGs091UJlWJ5klR0uln-n2Mpwhblh1llXk5ZsdsDp-05H-xFigtf6GHfU8hgwXoYjfhysntFpGBldLaVbeFcaQjhwbEFkC3URLx7BqqavijmQmn6vKNRHpqoYQ0jaOiJQr4oZwbUYGDM/s64/itviet360.com-twitter.png" /></a><a href="https://plus.google.com/u/0/106527290580119996124"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-7I02Ub92xjfVrQVgBWWOuQqOQbUoFi7QVBslXs89jXBbzr3xOKPofZZ-WKE63iMot1MhCrIGHv6qNh1PK1iPVCwnIrlkwD71ABdRPA6z6Vxkwr4XNgCDQsk6261hqyzMv5eR_CNkC2g_/s64/itviet360.com-google_plus.png" /></a><a href="http://feeds.feedburner.com/blogspot/nguoinhaque00909"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1H7zt_9iBXcJ9IRrONwYiypLGONBD_HhV5NYlwE9d5idoNdymUl8-fSm6k_BO2MrVDTkJFMFhB19QcJuVCywX77aEkD01e8A58Gz3ItiWs9tk4FRrJcOU4Lc1ENMqf4kp67Iu4l3GYMNM/s64/itviet360.com-rss.png" /></a><a href="http://www.youtube.com/user/itviet360/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1jKmo4lqpSWeQaAPbesvFffFnPkF0sTQ2rSFiRU668viPOC06onZsQ-H79m2avlvn6dSmqwO47fwm9LTLlpvqdPKUut9r3TuNhivM5TWYTYlYqjHFZGZf5xff_a4eYXvqhKpNppdly0iN/s64/itviet360.com-youtube.png" /></a>
</p>
</center>
Chúc các bạn vui vẻ
0 nhận xét:
Post a Comment