Tạo Thanh Widget Tiện Ích Cho Blogspot.

Chào A/e hiện nay trên blogger có rất nhiều người sữ dụng cái thanh tiện ích như blog mình đang sài. Vì nhiều A/e hỏi nên hôm nay mình share luôn. Thực chất đoạn code này là của anh Bác Sĩ Window được áp dụng đầu tiên vào blog v1 của anh ấy. Vì thấy hay nên mình view-source ra rồi share luôn. Nếu bạn nào sài thì lưu ý cái này nhé :))
Các bước thực hiện rất dễ:
B1: Login blogger
B2: Chèn đoạn code này vào nơi bạn muốn chèn. Riêng mình thì chèn trước phần /footer

<div class='widget-content'>
<style>
#lienket-banbe{z-index:9999999999;width:200px;padding:0;margin:0 10px 0 0;float:left;line-height:1.6;background:0;box-sizing:border-box;position:fixed;left:0;background:#ddd;top:56px;height:auto;width:50px;border-radius:0 20px 20px 0}
#lienket_banbe h2{display:none}
#lienket_banbe li{height:35px;list-style:none;margin:0;position:relative;}
#lienket_banbe li a{display:block;padding:4px 10px;text-decoration:none!important;color:#444;font-size:16px}
#lienket_banbe li a:hover{background:transparent}
#lienket_banbe li a:hover img{filter:grayscale(0)}
#lienket_banbe li a img{transform:translate(0,-50%);position:absolute;top:50%;width:20px;height:20px;border-radius:50%;filter:grayscale(50%)}
#lienket_banbe li a span{margin:0 0 0 28px}
#lienket_banbe li span{position:fixed;opacity:0;visibility:hidden;background:#fff;padding:4px 20px 4px 10px;left:-50px;transition:.5s;font-size:14px;font-weight:500;z-index:99}
#lienket_banbe li:hover span{opacity:1;visibility:visible;left:22px}
</style>
<div id='lienket-banbe'>
<div id='lienket_banbe'>
<li class='first_child'><a href='//fb.com/Huy.Rockett' target='_blank'><img src='http://sv1.upsieutoc.com/2017/12/05/fav-hungstar.png'/><span>Huy Rocket</span></a></li>
<li><a href='//m.me/Huy.Rockett' target='blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibbvTfma2_agrAKEsCWA7ckiZLmfBeHvTy3nZHK2LtnNBtOp15JC1EZEcG5PPZj4CSLU1Mzxk8ARJ31E-K8z5N_Ei10xhWWWkeDCDWVz2JYCeKxC-54HurlHBJ_dhjd8m6FzB8baTIJy3I/s20/Messenger_Icon_--------BacSiWindows-Com.png'/><span>Messenger</span></a></li>
<li><a href='/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhLFwlAflK_mBESWfDGC8ASd4r73JCYyfqmwDQWX0s51-LcMyjNmuZrCxP6jgBOHasC4-tFCKyQOe6ZCkTmJuZSq3OS1Zwm6H_LTmZjRALXAJ_OW4zhUxq2tCxM9dwczW6eCHwYfFWNQ-u/s20/Home_Icon_-----------BacSiWindows-Com.png' width='20px'/><span>Trang chủ</span></a></li>
<li><a href='/p/gioi-thieu-ve-toi.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjDKpbWszwS80dBp-A3e-rVKIEWsmZuBQAswD9fICW0S6DIgZTIFNagF521EEGAg9dRCBWrrmCukcSkKp205K3BNXG0xYjv4YQhN7yvQPBxXE0gdIZ6fcqYAN5k1WdjaGHLnbpEh0cA1_2/s20/About_Icon_------------BacSiWindows-Com.png'/><span>Giới thiệu</span></a></li>
<li><a href='/p/sitemap_6.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfLWTSJdSprX7qUXGimCkSsv5INp1Lyj-Nsx8E6EJgM9xgKuegkxfsOkQgaCnTYim_-d0IbEI2CD-mk42bdNlDFfGZH2T1vNgo6SBxSgYHoMmO6F0yLZrsJ1jQ_9bIVhqIvIQ6xFcS-9lC/s20/Sitemaps_Icon_----------------BacSiWindows-Com.png'/><span>Sitemaps</span></a></li>
<li><a href='/p/lien-ket-ban-be.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB6Rr2naMYh8NnPFluupyx6GPPm9t-Y26u5KklQmGcJRovm5lsaaQEb3EmoWAxj6UfIv_nQKq-38zJ3TrkhQpM1859owaBDXblvoTB4MSlAbIu3IFlLGDEHaazyIxGl_0fkRHxJsF9MtPg/s20/HopTac_Icon_-------------BacSiWindows-Com.png'/><span>Hợp tác</span></a></li>
<li><a href='/p/testing-responsive-template-header.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPXNDHKTdf0Dk8qwOZsiHt646-dDV25QQf4TTHbZ0yRfg2_Kt-a4ij_RGOQp2nGrOav8fLrVH2lon7b3zNxygX9sda5NR2o8QjJOgxg4qFUdDyqKjGq8-SDpTaxkCdn6DsZp0lcdrOwyPt/s20/Comment_Icon_-----------BacSiWindows-Com.png'/><span>Responsive</span></a></li>
<li><a href='/p/test-code.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSYJ-n_meSCFxVrBxvAb1_jJt5NpnXlHr5teNDRzjnULuJi4BL6-Hb0vQCHXlxrtuqAIMiZXle7a3D9JqpO4e8Muuw0s5g_kkkSGrWD1Au4ty8Z81-DOzuu9_1xSFwL_91fF7VP3nJ5wGy/s20/CSS_Icon_--------BacSiWindows-Com.png'/><span>Test Code</span></a></li>
<li><a href='/p/chuyen-oi-html.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtv388cPRmta-0cpWzoJP6bz6M0KKX-IEjyyXLlh4onLsh7ZwVJX-GPxD6oeqYLLQ6M6QWtQp3y_LyPMlhSnxypmRfeX9_pMxYIr90MM22Jtb-et-XtVDu5g5xaadBwCGjLDAY2FdKyeq6/s20/HTML_Icon_---------BacSiWindows-Com.png'/><span>Mã hóa HTML</span></a></li>
<li><a href='/p/photoshop-online-by-admin-tran-huy.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-JRTj4fZwpa5e85Zxhu5CMQSy083uo7ECx4Tqu3rOaxHULx0RtS29b8OD6MxewtfkDZRK7-8Pp5qWfv4WwegHejmk06DmU9VM0UAOCXYvR3Ftz46f-xk6ZLyyUoVCJD94adyuI6Re-JkP/s20/Rules_Icon_------------BacSiWindows-Com.png'/><span>Photoshop Online</span></a></li>
<li><a href='/p/ma-mau-css.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgthOY8SVu6KqxjmW68HtDOa5c4n5dZucgghJcwBP6oUL7hkCiIPcmLAs3MUrH_6g_HKVYbHGDdFSzmUVYdvcaRfXV4BP7NOwJHQ1UkpGRBJ94v0B30_AtfMCLjF2kptdKMf9LD1WW81gE6/s20/Copyright_Icon_----------BacSiWindows-Com.png'/><span>Mã Màu Css</span></a></li>
<li><a href='/p/viet-chu-nguoc_1.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLvcFSmAJQuvlrk9frMugMEilL30lm8vUAFJiDd_jipyQ7eUCPr5vg6avphDpDd3LKgyOKXA3WrQ2Xkiskf24DTq6r-jCOJLMqoo1eYRtEApkIoTtgQL6cQbf-PTUTTK-5F8W87CICztUb/s20/Widget_Icon_----------BacSiWindows-Com.png'/><span>Viết Chữ Ngược</span></a></li>
<li><a href='/search/label/Chơi Blog'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8ynivmbAAkNZlwn6JDqOrtS0mnVyzil6gVv0DBnMLOZRtE7s_VD6zBMK9fZkD4OxcI5PIWBiWXcdRB-hYsyfjeUNFFzrNy4j1w0HdQzIZvWpDvLKn7wp4DMnl9vl1RZf1yCQqoI8Pee2V/s20/Blogspot_Icon_--------BacSiWindows-Com.png'/><span>Blogspot</span></a></li>
</div></div>
</div>

Vậy là xong rồi. Cảm ơn các bạn. <3

N LinkPro