có ai share cái này không ?

Mình vào trang kenhsinhvien.net thấy cái này hay hay.
Mình nghĩ chỉnh code này ở sidebar nay thôi. Mình thử lấy HTM và css code thử nhưng bị lỗi hêt. Có bác nào có share không nhỉ ?

 

có share trên diễn đàn, tự kím đi bạn

 

Tớ tim không ra mới hỏi chứ. còn chèn code addthis không thì mình làm từ lâu rồi.

 

tạo template tên gì tùy bạn của mình đặt sonqc

Mã:

<div class="KidQC1">
<xen:require css="KidQC1.css" />
Hãy nhấn Theo dõi <a href="http://facebook.com/mbrv37"><b>Mua bán rao vặt 37</b></a> trên Facebook để nhận được những tin tức mới nhất từ diễn đàn !
<br/><br/>
Cảm ơn các bạn đã quan tâm đến diễn đàn !
<br/><br/>
 
<p style="text-align:center">
<a href="http://facebook.com/chickenkon91" title="Trang cá nhân chickenkon"><b>Chickenkon</b></a>
<br/>
Yahoo: <b>chickenkon_1191</b> </br>
skype: <b>chickenkon</b>
<br/>
SĐT: <b>0933.769.969</b>
<br/><br/>
</p>
 
Chúc bạn một ngày tốt lành!
<br/><br/>
</div>
 
<div class="KidQC2">
<div style="margin: -10px 14px 2px">
<div class="social-share-top facebook-top-share" onclick="location.href='http://facebook.com/mbrv37'"></div>
<div class="social-share-top google-top-share" onclick="location.href='http://google.com.vn'"></div>
<div class="social-share-top twitter-top-share" onclick="location.href='http://twitter.com'"></div>
<div class="social-share-top share-top-share">
</div>
</div>
 
</div>

Mã:

.social-share-top{
width:62px;
height:62px;
background:#ccc;
float:left;
margin:0 3px;
}
.twitter-top-share,.facebook-top-share,.google-top-share,.share-top-share{
cursor:pointer;}
 
.twitter-top-share{
background:url('styles/passion/ksv/social-icon.png') no-repeat 0px 0px;
}
 
.facebook-top-share{
background:url('styles/passion/ksv/social-icon.png') no-repeat -134px 0px;
}
 
 
.google-top-share{
background:url('styles/passion/ksv/social-icon.png') no-repeat -68px 0px;
}
 
 
.share-top-share{
background:url('styles/passion/ksv/social-icon.png') no-repeat -270px 0px;
}
 
 
.addthis_floating_style.addthis_counter_style{
padding:0 !important;
}
.KidQC1{
float:right;
font-size:12px;
margin-bottom:-1px;
padding:10px;
width:280px;
background:#FFF;
border:1px solid #EEE;
border-radius:5px;
border-top:2px solid red;
margin-top: 30px;
 
}
.KidQC2{
float:right;
font-size:12px;
width:300px;
background:#FFF;
border:1px solid #EEE;
border-radius:5px;
border-bottom:2px solid red;
margin-bottom:15px;
margin-right: -300px;
margin-top: 306px;
}

demo ngay chữ kí nhé

 

he he như ban thì mĩnh cũng đã code thế rồi bạn ah. cái mình đang cần là hiệu ứng jquery khi kích vào từng cái giống với kenhsinhvien.net cơ ấy. mình code theo cũng được nủa rồi

 

kết quả sau 1 buổi tối nghiên cứu tưởng nó khó nhưng hoá ra là cũng không khó lắm he kết quả em nó nè:
Như cái màu đỏ nhé.
" Man xin phép bác kenhsinhvien.net nhé. em lỡ rip cái này "
Tạo template tên gì tùy bạn của mình đặt sharebutton, anh em edit CSS chút cho nó phù hợp với diễn đàn của A/E nhé.
file anh tớ gửi kem ne cope về cho bao thu mục nào rồi bạn thay cái đường dẫn đến bức ảnh đó trong CSS của nó nhé.
Code nè AE:

Mã:

<style>
.social-share-top{
width:62px;
height:62px;
background:#ccc;
float:left;
margin:0 3px;
}
.social-share-top .soc-item{
opacity:0;
margin-top:11px;
}
.twitter-top-share{
background:url(styles/aurora/xenforo/social-icon.png) no-repeat 0px 0px;
}
.twitter-top-share:hover .soc-item{
opacity:1;
}
.twitter-top-share:hover{
background:transparent;
}
 
.facebook-top-share{
background:url(styles/aurora/xenforo/social-icon.png) no-repeat -134px 0px;
}
.facebook-top-share:hover .soc-item{
opacity:1;
}
.facebook-top-share:hover{
background:transparent;
}
 
.google-top-share{
background:url(styles/aurora/xenforo/social-icon.png) no-repeat -68px 0px;
}
.google-top-share:hover .soc-item{
opacity:1;
}
.google-top-share:hover{
background:transparent;
}
 
.share-top-share{
background:url(styles/aurora/xenforo/social-icon.png) no-repeat -270px 0px;
}
.share-top-share:hover .soc-item{
opacity:1;
}
.share-top-share:hover{
background:transparent;
}
.addthis_floating_style.addthis_counter_style{
padding:0 !important;
}
</style>
<xen:hook name="buttonshare">
<!-- Social share -->
<div class="sectionAd" style="display:block; width: 300px; height:59px; border-bottom: 3px solid #ff6a40; margin-top:15px; padding-top:20px;">
<div style="margin: -12px 14px 2px">
<div class="social-share-top facebook-top-share">
<div class="soc-item">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
</div>
</div>
<div class="social-share-top google-top-share">
<div class="soc-item">
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
</div>
</div>
<div class="social-share-top twitter-top-share">
<div class="soc-item">
<a class="addthis_button_tweet" tw:count="vertical"></a>
</div>
</div>
<div class="social-share-top share-top-share">
<div class="soc-item">
<a class="addthis_counter"></a>
<!-- AddThis Button BEGIN -->
 
</div>
</div>
</div>
</div>
</xen:hook>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51f9c3726934a8bf"></script>
<div style="visibility: hidden; height: 1px; width: 1px; position: absolute; z-index: 100000;" id="_atssh">
</div>

Sau khi tạo xong ban sử dụng cái này vào chỗ nào ban thích nhé:

Mã:

 <xen:include template="buttonshare" />

Của mình hiện ở sidebar nên mình chèn trong template PAGE_CONTAINER.
Còn chỗ nào chưa được anh em chỉ giáo nhé

 

chua, de thu coi co tac dung gi khong.hehe

 

Bạn thử đi cho ý kiến nhé. mình còn phân vân là vì load cái addthis theo như nhiều người bảo là chậm trang. đang thử tìm phương án giảm việc load nhiều addthis