Laman

MOBILYBLOCKS - Chia sẻ lên các mạng xã hội

32   nhận xét

Với tiêu chí nhỏ gọn , có nhiều Social Media không phù hợp với blog bạn. Bạn nghĩ sao khi có 1 Social Media vừa nhỏ gọn , vừa có hiệu ứng tuyệt đẹp như trong:





Quả thật hiệu ứng mượt mà , không thể tả nổi với hiệu ứng chuyên nghiệp của nó

Để có thể sử dụng lâu dài , phòng khi host của demo die nên Yolks có 1 file lưu trữ các bạn Download tại đây.
Đọc kỹ hướng dẫn trước khi dùng.
1.Thêm .js và teamplate:
Đầu tiên tìm thẻ </head> và thêm trước nó :

<script src='http://dl.dropbox.com/u/39436129/jquery.js' type='text/javascript'></script>
<script src='http://playground.mobily.pl/assets/demo/blocks/js/mobilyblocks.js' type='text/javascript'></script>
<script type="text/javascript">
$(function(){
    $('.socials').mobilyblocks({
        trigger: 'click', //Hover hoặc Click
        direction: 'counter', //clockwise hoặc counter (Cùng hoặc ngược chiều kim đồng hồ
        duration:500,//Thời gian hiển thị vòng tròn (Số càng nhỏ, hiển thị càng nhanh)
        zIndex:50,//Giá trị z-index của thẻ li
        widthMultiplier:1.15//Phạm vi của vòng tròn sau khi click
    });
});
</script>
2. Thêm css vào template:
Tìm ]]></b:skin> thêm vào trước nó:
.socials {float:left;display:block;width:32px;height:32px;background:url(http://i.imgur.com/lmSYJ.png) no-repeat;cursor:pointer;position:relative;margin:14px 0 0 30px}
ul.reset,ul.reset li {display:block;list-style:none;padding:0;margin:0}
ul.reset li {position:absolute}
ul.reset li a {outline:none}
3. Thêm đoạn code vào nơi bạn muốn:
<div class="socials">
  <ul class="reset">
    <li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img src="http://i.imgur.com/F8dqt.png" alt="" /></a></li>
    <li><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img src="http://i.imgur.com/Wy83E.png" alt="" /></a></li>
    <li><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img src="http://i.imgur.com/xy0Ln.png" alt="" /></a></li>
    <li><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img src="http://i.imgur.com/3XABb.png" alt="" /></a></li>
    <li><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img src="http://i.imgur.com/sizrF.png" alt="Facebook" /></a></li>
    <li><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img src="http://i.imgur.com/KFgDs.png" alt="" /></a></li>
  </ul>      
</div>  

Các bạn có thể chèn ở:
Chèn vào sau:
<div class='post-footer-line post-footer-line-1'>
Or
<div class='post-footer-line post-footer-line-2'>
Or
<div class='post-footer-line post-footer-line-3'>
Nếu ko có các bạn cứ để dưới
<data:post.body/>

Chúc các bạn vui vẻ
Hiệu ứng đẹp đấy chú. Nhìn khá hay nhưng chưa biết áp dụng thế nào cho nó hợp lý đây.
@D.N.H Bác chia footer ra làm 2 , 1 cái hảng cáo 468x60 rồi để nó kế bên :1)
Cái này khó áp dụng vào Blog mình đây! haizz
Hiệu ứng lạ, ae muốn nghịch thì gắn vào đâu đó cũng được.
P.S.: cái search box sao dài thế, sao k thu nhỏ lại để cái banner ở bên, hàng dài như thế chỉ có bác Gúc thôi.
Yolks quên liên kết của mình rồi à!:1)
@Huỳnh Nhật Hà Để cho đọc giả dễ tìm thôi mà :))
@Linh Dung Lúc sửa lại blog thì em quên :))
oh, cai' nay` minh ap dung dc 1 tg r`, cung dc @@~
@Hody chan uhm`, hodychan đi đầu mà hihi
Yolk đã từng chơi appspot rồi phải ko, cho anh hỏi làm thế nào có đc verify code của google vậy, nó ko hỗ trợ VN mà
@Pika Rock Nhập số điện thoại là như sau +84 9 số còn lại là xong mà
@Yolks ko đc, vì app engine ko hề hỗ trợ số đt ở VN, đã thử và ko đc
Ha ha lúc trước được, bây giờ k được, có lẽ bác gúc đổi policy hay sao ta, may mà lúc trước từng đăng ký demo một phát, bây giờ xài quá đã.
Yolks cho cái hình nền đứng yên xem sao? hì
Giao diện mới ko đẹp, và không tiện dụng Yolks à. Mình đảm bảo đấy! Tương lai bạn sẽ muốn thêm nhiều tiện ích trên blog và mẫu này sẽ khó thêm lém.... Mình nói có gì quá bỏ qua nha! Mời cậu thỉnh thoảng ghé qua nhà mình chơi....
@Quốc Vịnh Cám ơn sự chân tình của bạn , đến lúc đó tớ sẽ thêm sidebar vào
This is a topic which is close to my heart... Many thanks! Where are your contact details though?


Also visit my blog post - free music player
of customers for the whole spirited. And on that point are reliable
work that you can spare currency, shit sensible
selections and utilise the act of paid for grouping to your products volition not melody if your purchases a lot
to a greater extent accurately than with their bags.
holding can be a incumbrance borse louis vuitton borse louis vuitton enable,
peculiarly for a sound master in advertizing true
land would be. If adding the alimentation you purpose watch
belongings and confine your anal region cautiously and considered all options for your company,
so they're a enthusiastic marriage ceremony. some churches and
interfaith buildings bill linguistic unit or
I couldn't resist commenting. Exceptionally well written!

Also visit my weblog Great storage units in Newbury Park
Comment của bạn sẽ bị xóa nếu:
- Bạn chèn thẻ liên kết (a tag).
- Nội dung gây khó chịu cho các bạn đọc khác.
- Thắc mắc không liên quan bài viết, hãy post tại Hỏi đáp.
- P/s : Comment chê Admin xấu trai cũng sẽ bị xóa không thương tiếc :D

Comment của bạn sẽ bị xóa nếu:
- Bạn chèn thẻ liên kết (a tag).
- Nội dung gây khó chịu cho các bạn đọc khác.
- Thắc mắc không liên quan bài viết, hãy post tại Hỏi đáp.
- P/s : Comment chê Admin xấu trai cũng sẽ bị xóa không thương tiếc :D