Thêm widget Chia Sẻ giống Troll VL
11/26/12
Yêu cầu của bạn Tấn Dũng
Làm cách nào để thêm widget Chia Sẻ vào blog?
Name: | Tấn Dũng |
E-Mail: | mrdung@carsfresh.net |
Subject: | Bạn giúp mình thủ thuật chia sẽ bài viết |
Message: | Mình vừa đọc qua các thủ thuật trên blog của bạn, rất hay...Bạn có thể cho mình thủ thuật chia sẽ bài viết lên mạng xã hôi giống như trong bai viết của bạn ko? \"Bạn Chia Sẻ Bài Viết Bằng Đường Nào?\" |
Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Mở rộng mẫu Tiện Ích
Bước 3: Tìm thẻ ]]></b:skin> và trước nó bạn dán đoạn code sau
.c_images img {width: 57px;height: 57px;}
.c_images img {width: 57px;height: 57px;}
.selectnav { display: none; }
.c_images img {width: 57px;height: 57px;}
.selectnav { display: none; }
.c_images img {width: 57px;height: 57px;}
.selectnav { display: none; }
.c_images ul{display:inline;list-style:none}
.c_images ul li{float:left;margin-right:1px}
.addtitles{font-size:180%;font-family:'georgia',"Arial Narrow",Arial,sans-serif;text-transform:capitalize;margin-top:20px;text-shadow: 0.5px 0.5px 1px #666}
Bước 4: Tìm thẻ <data:post.body/> và dán ngay sau thẻ đầu tiên tìm được code bên dưới
<b:if cond='data:blog.pageType == "item"'>
<div class='addthis_toolbox'>
<div class='addtitles'>Bạn Chia Sẻ Bài Viết Bằng Đường Nào?</div>
<div class='c_images'>
<span class='glap'><ul>
<li><a class='addthis_button_facebook'><img alt='Share to Facebook' border='0' height='57' src='http://trollfile.googlecode.com/files/facebook_64.png ' width='57'/></a></li>
<li><a class='addthis_button_twitter'><img alt='Share to Twitter' border='0' height='57' src='http://trollfile.googlecode.com/files/twitter_64.png' width='57'/></a></li>
<li><a class='addthis_button_google_plusone_share'><img alt='Share to Google+' border='0' height='57' src='http://trollfile.googlecode.com/files/google-plus_64.png' width='57'/></a></li>
<li><a class='addthis_button_blogger'><img alt='Share to Blogger' border='0' height='57' src='http://trollfile.googlecode.com/files/blogger_64.png' width='57'/></a></li>
<li><a class='addthis_button_email'><img alt='Share to Email' border='0' height='57' src='http://trollfile.googlecode.com/files/Mail%20alt.png' width='57'/></a></li>
<li><a class='addthis_button_yahoomail'><img alt='Share to Yahoo Messenger' border='0' height='57' src='http://trollfile.googlecode.com/files/yahoo_64.png' width='57'/></a></li>
<li><a class='addthis_button_more'><img alt='More...' border='0' height='57' src='http://trollfile.googlecode.com/files/addthis_64.png' width='57'/></a></li>
</ul></span>
</div>
</div>
<div style='clear: both;'/>
</b:if>
Bước 5: Trước thẻ </body> bạn dán tiếp code sau
<script type='text/javascript'>Bước 6: Lưu template lại và xem thành quả nào!
//<![CDATA[
$(document).ready(function(){
if(!$.browser.msie) $(".glap ul li").hover(function() {$(this).siblings().stop().fadeTo(400,0.4);},
function() { $(this).siblings().stop().fadeTo(400,1); });
});
//]]>
</script>
Tin liên quan
XEM TRÊN MOBILE
No comments:
Post a Comment