Tạo tiện ích mạng xã hội chạy dọc cực chất cho Blogspot

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é!
Tác giả bài viết: Tính Getter
Thời gian đăng bài: Thứ Hai, 15 tháng 1, 2018
Tổng số bình luận: 17

17 nhận xét:

  1. Trẻ trâu vcl, nhắc nhở ghi nguồn temp vào cũng bị ăn xóa :)))

    Trả lờiXóa
    Trả lời
    1. Ông nhắc hết những người dùng temp ông RIP từ Mộc Gin bảo họ ghi nguồn temp vào đi, rồi tui ghi cho :3

      Xóa
    2. A ko biết chứ nguồn code bài viết này cũng của Bình đấy!

      Xóa
    3. Anh Niệm xem lại bài viết nha :3

      Xóa
  2. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa