Hướng dẫn tạo button cực đẹp cho blogspot

Share:
Hướng dẫn tạo button cực đẹp cho blogspot

Hướng dẫn tạo button cực đẹp cho blogspot

Hồng Hải đã đăng Thứ Ba, 12 tháng 6, 2018
Hiện có lượt xem và 0 bình luận

Chi tiết

Liên quan

Nhận xét

Tác giả

Ủng hộ tôi

  • Xem toàn trang
  • Đến hẹn lại lên hôm nay mình xin chia sẻ ae một button nho nhỏ giúp làm đẹp bài viết của bạn.

    Cách Thực Hiện
    Bước 1: Ta thêm thẻ thư viện vào sau <head>
    <link href='//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,500,500i,700,700i' rel='stylesheet'/>
    Bước 2: ta chèn đoạn code vào dưới ]]></b:skin> 
    .button-box a{color: #fff!important}
    .button-box {
    margin: 10px;
    background: #de4676;
    width: 14%;
    padding: 7px;
    border-radius: 20px;
    font: 700 17px Roboto Condensed;
    outline: 0;
    border: none;
    box-shadow: 2px 2px 10px rgba(119, 119, 119, 0.5);
    transition: all .5s ease-in-out;
    }
    .button-box:hover {
    background: #e45050;
    transform: scale(1.05);
    transition: all .3s ease-in-out;
    }
    Bước 3: ta chỉ cần thêm đoạn code này vào nơi bạn muốn hiển thị là được.
    <button class="button-box"><a class="green" href="https://www.honghaiblog.net/">Demo</a></button>
    Chúc các bạn thành công!!
    Lưu ý:
    Sử dụng tiếng Việt có dấu khi bình luận, hạn chế viết tắt.
    Bình luận đúng chủ đề bài viết, không SPAM trong bình luận.
    Gửi kèm ảnh chụp màn hình để được hỗ trợ tốt nhất. Up ảnh lên trang imgur.com, sau đó sao chép link ảnh dán vào khung bình luận.
    Để chèn hình ảnh, khi đăng nhận xét bạn nhập như sau: [img]https://i.imgur.com/iIEPcxC.png[/img]

    30 nhận xét:

    1. Wow blog ngày càng chuyên nghiệp :D, mà e vào chỗ cài đặt domain tick chuyển hướng wwww nhé, mỗi khi gõ honghaiblog.net bị die ko hà :v

      Trả lờiXóa
      Trả lời
      1. Thank a! E chuyển hướng rồi mà đâu die đâu a

        Xóa
    2. Rất đẹp đấy em, càng ngày a càng thích phong cách của e rồi đó <3

      Trả lờiXóa
    3. Chờ người ta share mới chịu đi share :)) khôn vcđ :v

      Trả lờiXóa
    4. Hồng Hải tinh tế nhỉ, theme vs cách trang trí template rất đẹp. Designer có khác :))

      Trả lờiXóa
    5. Khi hover chữ DEMO lại bị mờ thế nhỉ ? @@

      Trả lờiXóa
      Trả lời
      1. hover nó to lên thì tất nhiên chữ phải to lên nên nó mờ... nhé cu tính @@

        Xóa
    6. thumbnail đẹp quá, xin về cho blog nhé <3

      Trả lờiXóa

    Author Image

    Hồng Hải

    Nếu thấy các bài viết trên blog hữu ích đối với bạn thì hãy mời tôi một ly cà phê tại đây nhé. Xin cảm ơn!