Gia Huy NY BLOG

Blog chia sẻ ảnh chất lượng cao - thủ thuật hay - ảnh bìa chất

HƯỚNG DẪN TẠO BUTTON CỰC ĐẸP CHO BLOGSPOT | Gia Huy NY Blog

Lời Mở Đầu

Chào mừng các bạn đã ghé thăm blog của mình .Blog mới thành lập gần đây tuy nhiên đã thu hút được khá nhiều sự chú ý của đọc giả.Hôm nay , mình bỗng nhận thấy là blog của mình chẳng có bài nào về thủ thuật blogspot cho nên mình quyết định hôm nay sẽ viết 1 bài về chủ đề này . Đó là bài share button download cực chất.


Các Bước Thực Hiện

Bước 1 :  Các bạn chèn đoạn css sau trên thẻ ]]></b:skin>
/* BUTTON NGUYENDIENBLOG */

.ndblog-button:link,

.ndblog-button:visited {position: relative;display: block;margin: 30px auto 0;padding: 14px 15px;color:#fff;font-size:14px;font-weight: bold;text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;border-radius: 0;text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease}

.ndblog-button:link:after,

.ndblog-button:visited:after {content: "";position: absolute;height: 0%;left: 50%;top: 50%;width: 150%;z-index: -1;-webkit-transition: all 0.75s ease 0s;-moz-transition: all 0.75s ease 0s;-o-transition: all 0.75s ease 0s;transition: all 0.75s ease 0s;}

.ndblog-button:link:hover,

.ndblog-button:visited:hover {color: #FFF;text-shadow: none;}

.ndblog-button:link:hover:after,

.ndblog-button:visited:hover:after {height: 450%;

}

.ndblog-button:link,

.ndblog-button:visited {position: relative;display: block;margin: 30px auto 0;padding: 12px ;width: 200px; ;color: #7f3787;font-size:14px;border-radius: 50 px;font-weight: bold;text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}

.btn-ndb {border: 2px solid #7f3787;}

.btn-ndb:after {background: #7f3787;-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);transform: translateX(-50%) translateY(-50%) rotate(-25deg);}

/* END BUTTON NGUYENDIENBLOG */

Bước 2 :
<a class="ndblog-button btn-ndb" href="https://www.facebook.com/">Sign up</a>
HƯỚNG DẪN TẠO BUTTON CỰC ĐẸP CHO BLOGSPOT | Gia Huy NY

Lê Võ Gia Huy Designer

Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
Các bạn hãy đóng góp ý kiến của mình vào đây giúp tôi nhé !
Mọi chi tiết xin liên hệ:
Email : giahuylevo412@gmail.com
Facebook: https://www.facebook.com/giahuynyblog/
Tác giả: Phú Cường Blogger

Tôi là Cường, sinh viên năm cuối ngành Điện tử - Viễn thông trường Đại học Bách Khoa Hà Nội. Say hello to you!

  • 13 nhận xét: