Hướng dẫn tạo Floating Social Bookmarks cho Blogspot/Blogger

Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan

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 {
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;
}

B4. Sau đó, tìm đoạn dưới đây:

</body>

B5. Ngay phía trên đoạn vừa tìm, chèn đoạn dưới đây:

<div id=’divStayTopLeft’>
<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/AVvXsEgqk4WDfbppziCCc3bbZ8U7If-UVMOFaZRPSXZ0UxchdKWVAO37XxIYR-D-O3PJ1WD9x1hjT2PYdPjEozB20-244gbtp9yvKxR8FlATV8sC8h8BYtJO-MugesYj5Uxo-horcWTO9IJ5EFQ/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/AVvXsEiaXej4yWajzNZxaOFL8_QmeW0y8dWrrEIHxzMAosot-hDfHDk0Iyl56Pxpop3bmcV1_RQeoKqDhna2beB-bh72WwA8F1_ezaSQcmaOACva_Ic9Uop6YoCMMiRggsToTGtS9kVP2gzZLRs/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/AVvXsEh6qczfaSF0I9RvmO_iU5UxFRMgby-LAbMoGhgsktZlx3ZyPqnPEvDL6PjfHp1wQzRuj_aXIP_UeZiwR1IkUxPE5frfEnVNcsIpgYVDmXRT2ueXxkY1elc6hfDVXLmLRJ673CSZWkkQN74/s1600/facebook.png‘ width=’25′/></a>
<a class=’addthis_button_delicious’><img alt=’Delicious’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6DTsFWbiwF95iym-2jLklIIORVny7cBQGz32vBtEvo6lzfWrQdjif9eSHEv3yAgi8bIWt77KWXFd3KblV5baA_SvFwl8DUiHIxNApjCH5qIufzeBN_z-oOo_YI_-73FKrrBL1x_PdfDA/s1600/delicious.png‘ width=’25′/></a>
<a class=’addthis_button_email’><img alt=’Email’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikPFKVMPnuFM0ErGkz5axcbxMDmQi0_jeM4wQWFExpVR0IUSFLnicnhsb3u32Fhl33DdkG_qZ3V9el6arFn69uFyNC023uaEswzWYifAVHEQ29FK_N16sUFN8MMSl9qBfDi8gKItmnndE/s1600/emailsmall.jpg‘ width=’25′/></a>
<a class=’addthis_button_twitter’><img alt=’Twitter’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4_ebgU91TjHZggp6AHqyo0V399tojcr4rjdPWuGhsyIVT_0yjZDdfx1zUrXZn18eZQGImJB_PEXiJ79f60YyyIoQYodBRa6rJGFWmuRGow6jxijOa0-r-pWNCYJML3K-at_NTX1HFVaQ/s1600/twitter.png‘ width=’25′/></a>
<a class=’addthis_button_google’><img alt=’Google’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXXmUnsulPEuiEJeYF_pqWS1hX63uvbd0LYh7ABEY8E3fZYF7O6crgQNM-KEN9Y5bYAs0_-ZAfiRRCvGZdZOkD6PCwem6MWepUYx0E10BpygvrtIXS0BUCjspLeJYvHfSzYfC5TR0Etc/s1600/gsmall.jpg‘ width=’25′/></a>
<a class=’addthis_button_digg’><img alt=’Digg’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjReO-D-_WVFTltBer47S8rEqYyZuwYeZWE0COme36lBO1onJa71kSHTVpuxL6zPP3TudsrfWBaQ_a5FLcfx1EO3r2GLDa18XtrFplriGROlJsz2dXmmKI8zrgFE5hoCRkYT6lH0zuKK2I/s1600/digg.png‘ width=’25′/></a>
<a class=’addthis_button_more’><img alt=’More’ height=’25′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ0bNOVIx7d4iGWVemhBFVedQt912qy9x-mQxoHMtAjrdww4hvT20GTVAZ-LNGFmR3jyNHgHr3bdKSP8bBHMrpOcrx5Nk7YeKtpxB8ZsIYSZITT4OEJ0kmLDkqV1HiHVh1EYJzhVbVVMw/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>

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.
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.