QUẢNG CÁO TẠI ĐÂY WEBSITE - CLICK ĐỂ LIÊN HỆ

Tạo nút Social Buttons hiệu ứng bong bóng mờ cho Blogspot Blogger

Thảo luận trong 'Phát triển blogspot' bắt đầu bởi Admin, 22 Tháng mười 2015.

  1. Admin

    Làm thành viên từ:
    27 Tháng chín 2015
    Số bài viết:
    2,231
    Đã được thích:
    52
    Điểm thành tích:
    48
    Giới tính:
    Nam
    [IMG]
    Bút Social Buttons hiệu ứng bong bóng mờ cho Blogspot Blogger, sẽ tạo nên sự chuyên nghiệp cho blog của bạn ngay từ cái nhìn đầu tiên!

    Hôm nay Terocket tiếp tục giới thiệu đến bạn đọc một thủ thuật cũ nhưng mới liên quan đến những nút share buttons. Ở chủ đề share buttons, Terocket đã giới thiệu rất nhiều lần và rất nhiều phương pháp thiết kế đã được nhiều bạn áp dụng thành công cho blog của mình, và hy vọng rằng ở thủ thuật blog liên quan lần này, các bạn cũng sẽ hài lòng và thỏa mãn hơn nữa!

    Thủ thuật lần này có tên là [Tips] - Tạo nút Social Buttons hiệu ứng bong bóng mờ cho Blogspot Blogger, hiệu ứng chuyên nghiệp, được làm hoàn toàn bằng CSS, không có sự xuất hiện của Javascript trong thủ thuật blogspot này, điều này càng làm nên lợi thế của thủ thuật, không làm chậm website, chuẩn SEO và trải nghiệm người dùng tốt hơn.
    Bong bóng mờ sẽ được xuất hiện ở dưới nút mỗi khi khách của bạn rê chuột vào, cảm giác cực kỳ hiện đại, gọn gàng và thân thiện, kích thích cảm giác của khách hàng, rất thú vị đúng không nào?
    Và giờ chúng ta sẽ thực hiện thủ thuật blogger này [Tips] - Tạo nút Social Buttons hiệu ứng bong bóng mờ cho Blogspot Blogger nhé cả nhà!
    Tạo một widget blogger HTML/Javascript và copy đoạn mã code dưới đây vào là Lưu lại

    Để thực hiện, hãy vào Blog Title → Layout → Add Widget → HTML/JavaScript và copy đoạn mã code dưới đây vào HTMLLưu lại.
    Mã:
        <div class="container">
        <ul class="action-bar clearfix">
        <li>
        <a href="http://twitter.com/Terocket" class="like">
        <span class="zocial-twitter"></span>
        <span class="tooltip">Follow</span>
        </a>
        </li>
        <li>
        <a href="https://plus.google.com/Terocket" class="favourite">
        <span class="zocial-googleplus"></span>
        <span class="tooltip">Circle us</span>
        </a>
        </li>
        <li>
        <a href="https://www.facebook.com/Terocket" class="comment">
        <span class="zocial-facebook"></span>
        <span class="tooltip">Like us</span>
        </a>
        </li>
        <li>
        <a href="http://www.terocket.com/feeds/posts/default" class="share">
        <span class="zocial-rss"></span>
        <span class="tooltip">Subscribe</span>
        </a>
        </li>
        </ul>
        </div>
        <style>
        @charset "utf-8";
        @import url(http://weloveiconfonts.com/api/?family=zocial);
        /* zocial */
        [class*="zocial-"]:before {
          font-family: 'zocial', sans-serif;
        }
        /* ---------- GENERAL ---------- */
        a { text-decoration: none; }
        ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
        .clearfix { *zoom: 1; }
        .clearfix:before, .clearfix:after {
        content: "";
        display: table; }
        .clearfix:after { clear: both; }
        .container {
        display: block;
        height: 64px;
        position: relative;
        width: 256px;
        }
        /* ---------- Action Bar ---------- */
        .action-bar li {
        float: left;
        }
        .action-bar a {
        -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
        box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
        color: #e7e7e7;
        display: block;
        font-size: 32px;
        height: 64px;
        line-height: 64px;
        position: relative;
        text-align: center;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        -ms-transition: background .3s;
        -o-transition: background .3s;
        transition: background .3s;
        width: 64px;
        }
        .action-bar a:hover .tooltip {
        margin-top: 16px;
        opacity: 1;
        }
        .tooltip {
        border-radius: 3px;
        font-size: 14px;
        height: 28px;
        left: 50%;
        line-height: 28px;
        margin: 0 0 0 -50px;
        opacity: 0;
        position: absolute;
        top: 100%;
        -webkit-transition: margin-top .3s, opacity .3s;
        -moz-transition: margin-top .3s, opacity .3s;
        -ms-transition: margin-top .3s, opacity .3s;
        -o-transition: margin-top .3s, opacity .3s;
        transition: margin-top .3s, opacity .3s;
        width: 100px;
        }
        .tooltip:before {
        content: "";
        height: 8px;
        left: 50%;
        margin: -4px 0 0 -4px;
        position: absolute;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 8px;
        }
        .like,
        .like .tooltip,
        .like .tooltip:before { background: #65B1F8; }
        .like:hover { background: #65B1F8; }
        .favourite,
        .favourite .tooltip,
        .favourite .tooltip:before { background: #c93037; }
        .favourite:hover { background: #b02b32; }
        .comment,
        .comment .tooltip,
        .comment .tooltip:before { background: #43438e; }
        .comment:hover { background: #393978; }
        .share,
        .share .tooltip,
        .share .tooltip:before { background: #FF8000; }
        .share:hover { background: #FF8000; }
        </style>
    
    Ghi chú: Bạn cần thay đổi Terocket thành địa chỉ Facebook, Twitter...& www.terocket.com là địa chỉ website bạn nha!
    OK, vậy là đã xong thủ thuật blog [Tips] - Tạo nút Social Buttons hiệu ứng bong bóng mờ cho Blogspot Blogger này rồi. Chỉ cần vài bước đơn giản là đã xong đúng không nào!
    Nếu ai đã thành công với thủ thuật blog tạo nút buttons social này rồi thì hãy share đến bạn bè của mình nha, nếu ai chưa làm được, hoặc chưa hiểu chổ nào, hãy gửi ý kiến hỏi đáp dưới đây, Terocket sẽ giải đáp nhá!
  2. khoedepvl44

    Làm thành viên từ:
    18 Tháng ba 2016
    Số bài viết:
    12
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nữ
    Sâm củ sấy khô 6 tuổi hộp thiếc ( 37,5g)

    Sâm củ sấy khô 37,5g - Hộp thiếc là loại sâm được sản xuất từ Hàn Quốc được lựa chọn từ những củ sâm tươi 6 năm tuổi tốt nhất canh tác ở những khu vực núi đá có khí hậu trong lành. Sâm được sấy khô và bảo quản trong hộp thiếc theo tiêu chuẩn chất lượng cao và an toàn vệ sinh thực phẩm theo tiêu chuẩn của quốc gia sở tại - Hàn Quốc


    [IMG]

    Giá bán : 499.000 VNĐ
    Hộp 37,5g giá 499k
    Hộp 75g giá 860k
    Hộp 150g giá 1300k
    Hộp 300g giá 1800k
    Website : khoedeptn.com
    Hotline : 090.4422.739 - 0983.986.913
    Đ/c : Tổ 28, Thịnh Liệt, Hoàng Mai, Hà Nội
    $Link$
  3. yenbao778

    Làm thành viên từ:
    23 Tháng mười một 2016
    Số bài viết:
    49
    Đã được thích:
    0
    Điểm thành tích:
    6
    Giới tính:
    Nữ
    Chi tiết xem tại : Chuyển nhà trọn gói
    Trong một bình luận trên Twitter vào hôm qua 27/11, Tổng thống đắc cử Mỹ Donald Trump viết: “Ngoài chiến thắng đại cử tri đoàn, tôi có thể thắng bầu cử phổ thông nếu không vì hàng triệu người bỏ phiếu bất hợp pháp". Tuy nhiên, ông không đưa ra bằng chứng cho cáo buộc "hàng triệu người bỏ phiếu bất hợp pháp".

    Ông nói rằng, ông có thể thắng bầu cử phổ thông “một cách dễ dàng và thuyết phục” nếu bầu cử tổng thống được quyết định theo cơ chế đó thay vì Đại cử tri đoàn.

    Trước cuộc bầu cử, tỷ phú New York này nhiều lần cho rằng kết quả bầu cử có thể bị sắp đặt và không có lợi cho ông. Tuy nhiên, kể từ sau cuộc bầu cử, ông đã thay đổi quan điểm và kêu gọi khối đoàn kết dân tộc.

    Cũng trong ngày hôm qua, Tổng thống đắc cử Trump đã lên tiếng chỉ trích những nỗ lực của ứng viên Đảng Xanh Jill Stein nhằm đề nghị kiểm lại phiếu bầu tổng thống ở 3 bang quan trọng gồm Michigan, Wisconsin, Pennsylvania. Ông cho rằng, đây là “một trò lừa đảo” và kêu gọi tất cả hãy thừa nhận kết quả.

    Được biết, Ủy ban bầu cử bang Wisconsin sẽ nhóm họp vào hôm nay để phê duyệt lịch trình cho việc kiểm lại phiếu. Trong khi đó, Pennsylvania và Michigan được cho là cũng sẵn sàng kiểm lại phiếu nếu nhận được khiếu nại trước hạn chót 30/11.
  4. namphong01

    Làm thành viên từ:
    21 Tháng mười hai 2016
    Số bài viết:
    11
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    NAMPHONG LAB - TRUNG TÂM PHỤC HỒI DỮ LIỆU CHUYÊN NGHIỆP
    ĐC: Số 81 - Ngõ 41 - Đông tác - Kim liên - Đống đa -Hà nội
    ĐT : 04.33502156 - 0904335518 Website: www.cuudulieuchuyennghiep.com
    __________________________________________________________________


    * PHỤC HỒI DỮ LIỆU CAMERA GIÁM SÁT..
    * PHỤC HỒI DỮ LIỆU USB, THẺ NHỚ...
    * PHỤC HỒI DỮ LIỆU Ổ CỨNG LAPTOP, PC, SERVER, RAID, SAS..
    * PHỤC HỒI DỮ LIỆU Ổ CỨNG MẠNG NAS..
    * PHỤC HỒI DỮ LIỆU
    ĐIỆN THOẠI ADROID..
    * PHỤC HỒI DỮ LIỆU
    ĐIỆN THOẠI IPHONE, IPAD, MÁY TÍNH BẢNG...
    * SỬA CHỮA Ổ CỨNG LAPTOP, PC...
    * CUNG CẤP CÔNG CỤ SỬA CHỮA, BẢO TRÌ HDD..


    [IMG]
  5. root141com

    Làm thành viên từ:
    4 Tháng mười một 2016
    Số bài viết:
    10
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    。◕‿◕。 Hi! Welcome to farm animal toys YouTube Channel. At Fun Place we create cool videos for infants, babies, toddlers, pre-school children and elemantary kids. We review and unbox toys from Nickelodeon, Pixar, Disney, Play Doh, Marvel, DC and more. Our channel features kid-friendly videos about a veriety of toys where we play with them, learning with them and just having fun with them! If you enjoy our videos, please don't hesitate to like our videos and subscribe to our channel.
    [IMG]
    We promise to strive for more videos that you will love! At Fun Place we love toys and having fun. Some of our favorite toys are Peppa Pig, Paw Patrol, Mickey Mouse Clubhouse, Lalaloopsy, PJ Masks, My Little Pony, The Littlest Pet Shop, Disney Tsum Tsum, Shopkins, Hello Kitty, Pokemon, Spiderman, Batman, Beanie Babies, baby videos, Minions ,Teenage Mutant Ninja Turtles, Minecraft, Hexbugs, Avengers, Palace Pets, Sofia The First, LEGOs, Frozen and Frozen fever characters like Elsa, Anna and Olaf. https://www.youtube.com/channel/UCSH8W73h72jzSslGj8ja9Jw
  • Chia sẻ trang này