• KIẾN THỨC SEO
  • BLOG SERIER
  • SEO BLOGSPOT
  • TEMPLATE BLOGSPOT
  • ICON FACEBOOK
MENU

CHEMISTRY STUDY - CHEMISTRY BOOKS

Menu
  • Home
  • #Web Tools
    • Giải Mã
    • Mã Hóa
    • Chuyển đổi code
    • Lấy mã màu
  • Liên Hệ
  • #Dịch Vụ
    • Rip Blogspot
    • Rip Wordpress
  • Site map
  • #Giới Thiệu
    • Admin
    • Blog
  • Liên Kết
  • Hỏi Đáp
Trang Chủ Thủ thuật Blogspot [Thủ thuật blog] Cách tạo nút nút bấm siêu đẹp cho website, tao button đẹp

[Thủ thuật blog] Cách tạo nút nút bấm siêu đẹp cho website, tao button đẹp

cngdirdet2022@gmail.com 08:05 Thủ thuật Blogspot
cngdirdet2022@gmail.com

Cách tạo nút bấm button đẹp cho blog

Cách tạo nút nút bấm button đẹp cho blog


Bạn chỉ cần sử dụng các tool sau:
Những tool này được phát triển dựa theo tính năng trực quan giúp các bạn chỉ cần kéo, thả và tự chọn màu sắc cho nút bấm của mình.
Điều cần làm là bạn chỉ cần truy cập website:
- http://www.bestcssbuttongenerator.com/
- http://dabuttonfactory.com/
- http://css3designer.com/tools
- http://css3button.net/
- http://www.cssportal.com/css3-button-generator/

Sau đây mình ví dụ 1 mẫu button đẹp

blue

b1.Ở trong đoạn <head>...</head>

---------------------------
<html>
    <head>
 
    <style>
       Ta sẽ bỏ CSS vào đây
    </style>
 
    </head>
    <body>
<a class="myButton">Button với CSS3</a>
    </body>
</html>
---------------
-Chèn đoạn css dưới đây
--------------------------------------------------------------------------
.myButton {
-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
box-shadow:inset 0px 1px 0px 0px #97c4fe;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
background-color:#3d94f6;
-moz-border-radius:14px;
-webkit-border-radius:14px;
border-radius:14px;
border:1px solid #337fed;
display:inline-block;
cursor:pointer;
color:#050505;
font-family:Times New Roman;
font-size:28px;
font-weight:bold;
padding:17px 70px;
text-decoration:none;
text-shadow:0px 1px 0px #1570cd;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
background-color:#1e62d0;
}
.myButton:active {
position:relative;
top:1px;
}
------------------------------------------------------------------------
Lưu template

b2.Trong bài viết chèn đoạn mã sau đây

------------------------------------------------------------------------
<a href="Link muốn hiển thị" class="myButton">Đoạn text muốn hiển thị</a>
-----------------------------------------------------------------------

b3. Nếu muốn hiển thị ở trang chủ

Chèn:
<a class="myButton">Đoạn text muốn hiển thị</a>

Done!

Bài Viết Cùng Chủ Đề

Next
« Prev Post
Previous
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Icon CommentsIcon Comments

Đăng Nhập để bình luận chém gió.
Đăng ký: Đăng Nhận xét (Atom)

Blog Tự Học Seo Online

Blog ra đời dưới sự thành lập của Đỗ Mạnh Hồng với mục đích chia sẻ những kiến thức giúp bạn tự học seo blog online chạy trên nền tản blogspot và website, cùng với đó chúng tôi còn chia sẻ tới các bạn những templates blogspot chuẩn seo, những thủ thuật đơn giản giúp bạn thao tác dễ dàng hơn trong phần quản trị Blogger. Với tiêu chí muốn gởi đến các bạn "SEO TỪ KHÓA LÊN TOP - KHÓ MÀ DỄ". Hãy cũng chúng tôi trao đổi và mong muốn được hỗ trợ các bạn nhiều hơn nữa.


Popular

  • Đề thi thử học sinh giỏi quốc gia môn hóa học 2015-Phần 1
  • Organic Chemistry 4th by Janice Smith PDF Ebook
  • Đề thi học sinh giỏi quốc gia môn hóa Năm 2006-2007
  • Organic Chemistry 6th edition by Brown, Foote, Iverson and Anslyn
  • The Art of Writing Reasonable Organic Reaction Mechanisms

SUBSCRIBE TO OUR NEWSLETTER

Copyright © 2015 Khamphablog.com All Right Reserved Tự học seo blog online cho người mới bắt đầu