Demo: http://floating-social-bookmarks-for.blogspot.com/
Các Icon này sẽ hiện ở tất cả các trang trên Blogspot của bạn, load rất nhẹ nên không ảnh hưởng tốc độ trang web. Các bạn cần phải backup template trước khi làm.
B1. Đăng nhập tài khoản Blogger. Vào Dashboard >> Layout >> Edit html (không cần tick vào ô Expand Widget Templates)
B2. Tìm đoạn này:
]]></b:skin>B3. Ngay phía trên đoạn đó, bạn chèn đoạn code dưới đây:
#divStayTopLeft {B4. Sau đó, tìm đoạn dưới đây:
left:5px;
position:absolute;
top:15px;
}
.sidetab {
}
.sidetab ul {
list-style-type: none;
margin: 0;
margin-top: 220px;
margin-left: -2px;
padding: 0;
}
.sidetab ul li {
border-bottom: 0;
margin-bottom: 0;
padding: 0;
}
.sidetab a {
background: none;
display: block;
height: 25px;
margin-top: 0px;
padding: 2px;
width: 25px;
}
.sidetab a:link, .navlist a:visited {
color: #555;
text-decoration: none;
}
.sidetab a:hover {
border: none;
background: #e8e8e8;
}
.sidetab .button a {
background:;
height: 25px; width: 25px;
}
</body>B5. Ngay phía trên đoạn vừa tìm, chèn đoạn dưới đây:
<div id=’divStayTopLeft’>Chú ý: Thay thế đoạn YOUR-BLOG-ADDRESS-HERE bằng Link Feed của bạn nếu chạy domain có đuôi blogspot. Nếu chạy domain riêng thì thay thế cả đoạn YOUR-BLOG-ADDRESS-HERE/feeds/posts/default bằng link Feed của bạn.
<div class=’sidetab’>
<ul class=’navlist’>
<li class=’button’><a class=’addthis_button_favorites’><img alt=’Favorites’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFJdV_wDFrbUaqMQnxG2yrdICpXW9nQe4-tZR_7x_UWz98DmUsWvYk2_SGA2HFxsuvQ8aCu0J3VYQyITJX8Cv8sFY9SLf-NGtLIB9H2C5jhl3Ey-WitwdH4DECppwkHKX2csf7pdhyphenhyphen7k/s1600/favorites.png‘ width=’25′/></a></li>
<a href=’YOUR-BLOG-ADDRESS-HERE/feeds/posts/default’><img height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyGdqaLpaicpYcykw0HwkU9x6uZAMofpusHB2ColrlBwLtaW3Mda1W-cqFAM7qWk-gCq_uq4HQZeK9bURQOvVl4CoxO2x-l6nJeWZEC99Ze_S9XWk2s7-Kwasnrg2L8v_YiFdfP3BZxkI/s1600/rss_48.png‘ title=’Subscribe to RSS feed’ width=’25′/></a>
<a class=’addthis_button_facebook’><img alt=’Facebook’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2JuyQEnmkqWqTaBlU1d-wgAZnn_QbjrsAw_ph9mfxZX3wQd4zo26iRWme_AUi7glNNnrLqXaiwv6BzO0UyeolxrS3m0nmQIccS7Yc31OjUOsUOAZAlvVADneh3nRzm6xPT8rN1YcYQKQ/s1600/facebook.png‘ width=’25′/></a>
<a class=’addthis_button_delicious’><img alt=’Delicious’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK7Iv_0TcjBGa_NDfQ7pzxHDe7sNonNOttjS2XotYaFDKwBu633naS0zQ-ytyNwpEzVPquWtxloxXs2ECL1GN5gpHd7qDIfjlXKKUBu59WVfIjdIrf6HeouFRX8l9AbSPNP76gOiGRHpA/s1600/delicious.png‘ width=’25′/></a>
<a class=’addthis_button_email’><img alt=’Email’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-GgmE2kNAvMICx7CXGACsWg2nEQ0-DzqgKOXwBXTUk4XWCfdelCD-3CdNx5J06URgqC0nfSk7865Y3UistExBrJssiWm7hk_iAljmaP1HtTIGU2cZ9t0e_ymHNFVoz9rn-y3A_x2wDfc/s1600/emailsmall.jpg‘ width=’25′/></a>
<a class=’addthis_button_twitter’><img alt=’Twitter’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-_OSi91H45ULstoMSbI7X9XHary80rhG7yuUzLFdhVLf0uhaX2ScY7BXU89H4Hw0kr0pG5QzLyC8-PTmdKNFd9JYM88b_wxMWbs0aCNYDxNrJ2dtBr7O_zW0Lq4GFJ3_3nLtDfgZT0eA/s1600/twitter.png‘ width=’25′/></a>
<a class=’addthis_button_google’><img alt=’Google’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz93Qv4JDq_Z2ippleSn2GeGpju5iup2PsBRV1ngDg-xGl8kZ6MaEVDWAp2EWdEfOH7NbTuq7_CBfmPLb-pNlW60jxS0-XDNxc43upEpvaoXLNiChqoshrEnJd_xdruUSE2IavyT_IKOk/s1600/gsmall.jpg‘ width=’25′/></a>
<a class=’addthis_button_digg’><img alt=’Digg’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSFtChtrVTtSAnw_a3A4bYaFUuUqHC2INN45akT7BBnzaiKC6X1HrVvy7ecki8bmd7fSHWQzfLuTclz0M5XV-o-x8s_ZvZNHK8QdGyv7DjieT_BLnZ5jyQCczNbmPKjFpTcLsOCGh0Ipw/s1600/digg.png‘ width=’25′/></a>
<a class=’addthis_button_more’><img alt=’More’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuycz7WnTLObUwZifizHT643VAGs4Mt1EK63FlIjnEfXlgyoP5ruq93N7McEVuS24XU5-zrGVREmFlcb_QZB6MIt_sb7zYbykENm8XS9Agn_d-IKMEXpTD8M8o2eJm1XvAmYb-9lrjgYs/s1600/more.png‘ width=’25′/></a>
</ul>
</div>
</div>
<script src=’http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94′ type=’text/javascript’></script>
<script src=’http://minhmeo.googlecode.com/files/genki.js’ type=’text/javascript’></script>
VD: http://feeds.feedburner.com/minhmeoblog
Chỉnh sửa Icon: Nếu bạn muốn thay thế Icon bạn thích thì thay thế link ảnh của bạn cho các Link có màu xanh là xong.
Chúc bạn thành công!!
Cảm ơn: latestbloggertemplate
0 nhận xét to “Tạo Floating Icons với plugin Cute Profiles”