11/26/12

Thêm widget Chia Sẻ giống Troll VL

11/26/12

Yêu cầu của bạn Tấn Dũng
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?\" 


Làm cách nào để thêm widget Chia Sẻ vào blog?
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:&#39;georgia&#39;,&quot;Arial Narrow&quot;,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 == &quot;item&quot;'>
<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'>
//<![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>
Bước 6: Lưu template lại và xem thành quả nào!

Tin liên quan
XEM TRÊN MOBILE

No comments:

Post a Comment

300x250