Header Ads

TẠO TIỆN ÍCH MẠNG XÃ HỘI CỰC HAY CHO BLOGSPOT | PHÚC SIÊU PHÀM BLOG

Hello xin chào tất cả các bạn, chào mừng các bạn đã quay trở lại với Blog của mình nhé!
Chả là hôm nay là Sunday, cũng có rất nhiều thời gian nên mình đã tạo ra được thứ này. Hôm nay mình sẽ hướng dẫn các bạn tạo tiện ích mạng xã hội chạy dọc cực chất cho Blogspot nhé. Khi hover vào đó nó sẽ quay 360° nữa đấy. Chúng ta cùng bắt đầu nào.

HƯỚNG DẪN THỰC HIỆN

Bước 1: Các bạn vào Blogger  Chủ đề  Chỉnh sửa HTML.
Bước 2: Thêm đoạn CSS này trước thẻ ]]></b:skin>
#icon_wrapper{position:fixed;top:25%;right:0;z-index:99999}.awesome-social{margin-top:2px;color:white!important;text-align:center!important;line-height:51px!important;width:50px!important;height:50px!important;font-size:27px!important;border-radius:50%!important;-moz-transition:width 1s,height 1s,-webkit-transform 1s;-webkit-transition:width 1s,height 1s,-webkit-transform 1s;transition:width 1s,height 1s,transform 1s}.awesome-social:hover{-webkit-transform:rotate(360deg);transform:rotate(deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg)}.fuse_social_icons_links{outline:0!important}.fuse_social_icons_links:hover{text-decoration:none!important}.fb-awesome-social{background:#3b5998}.tw-awesome-social{background:#00aced}.rss-awesome-social{background:#FA9B39}.linkedin-awesome-social{background:#007bb6}.youtube-awesome-social{background:#bb0000}.flickr-awesome-social{background:#ff0084}.pinterest-awesome-social{background:#cb2027}.stumbleupon-awesome-social{background:#f74425}.google-plus-awesome-social{background:#D64136}.instagram-awesome-social{background:#517fa4}.tumblr-awesome-social{background:#32506d}.vine-awesome-social{background:#00bf8f}.vk-awesome-social{background:#45668e}.soundcloud-awesome-social{background:#ff3300}.reddit-awesome-social{background:#ff4500}.stack-awesome-social{background:#fe7a15}.behance-awesome-social{background:#1769ff}.github-awesome-social{background:#999999}.envelope-awesome-social{background:#ccc}
Bước 3: Thêm đoạn HTML này vào trước thẻ </body>
<div id='icon_wrapper'><a target="_blank" class='fuse_social_icons_links' href='LINK_FACEBOOK_CỦA_BẠN'><i class='fa fa-facebook fb-awesome-social awesome-social'></i></a><br /><a target="_blank" class='fuse_social_icons_links' href='LINK_YOUTUBE_CỦA_BẠN'><i class='fa fa-youtube youtube-awesome-social awesome-social'></i></a><br /><a target="_blank" class='fuse_social_icons_links' href='LINK_INSTAGRAM_CỦA_BẠN'><i class='fa fa-instagram instagram-awesome-social awesome-social'></i></a><br /><a target="_blank" class='fuse_social_icons_links' href='LINK_TWITTER_CỦA_BẠN'><i class='fa fa-twitter tw-awesome-social awesome-social'></i></a><br /><a target="_blank" class='fuse_social_icons_links' href='LINK_SOUNDCLOUD_CỦA_BẠN'><i class='fa fa-soundcloud soundcloud-awesome-social awesome-social'></i></a><br /></div>
Lưu ý: Có thể thay thế các mạng xã hội yêu thích để phù hợp với bạn.
Bước 4: Lưu lại và xem kết quả.
Và đây là thành quả sau khi các bạn đã thực hiện xong các bước trên.

TỔNG KẾT

Chỉ vài bước đơn giản các bạn đã có thể tạo cho mình tiện ích mạng xã hội cực chất này rồi. Chúc các bạn thành công và đừng quên truy cập Blog để xem thêm nhiều bài viết về thủ thuật hay hơn & hữu ích hơn nữa nhé!
                                                                                           Nguồn : Tính Getter

Facebook comments

Bình Luận (10):