Thành Phạm's Blog
  • Ding Talk
    • Wapbuider
    • Wordpress
    • XenForo
    • Theme XenForo
    • Theme Wordpress
    • Hacking - Bảo mật
    • JohnCMS
    • All Shared Code
    • Blogger
    • Template Blogger
  • Học Lập Trình
    • Scritp - Js
    • Php - MySql
    • Html - Css
    • C#
    • Pascal
  • Đồ Hoạ
    • PhotoShop
    • PSD Tổng Hợp
    • Action
    • Fonts Tổng Hợp
    • ProShow Produce
    • Style Produce
    • AegiSub
  • Thủ Thuật
    • Thủ Thuật
    • Wapmaster
    • Blogger
    • Facebook
    • SEO
    • Kiếm Tiền Online
    • Chia Sẻ Coupon
  • Follow me
    • Twitter
    • Facebook
    • Google+
    • Youtube
    • ­­­



Trang chủ / blog / Tạo nút Demo và Download cho Blogger Cực Chất

❤ Tạo nút Demo và Download cho Blogger Cực Chất ❤

4/11/2018 10:14:00 AM   blog   0  
Popular Posts
Tạo nút Demo và Download cho bài viết blog bằng slider cực kỳ đẹp và hấp dẫn, nút download và demo cho bài viết blogspot, khi bạn click vào nút download thì sẽ hiển thị silder cực kỳ hấp dẫn Button download và demo cho bài viết, chia sẻ cho mọi người cách tạo nút DEMO và DOWLOAD trong bài viết blog với hiệu ứng slider.
Cách tạo button Download, Demo cho blogger:
Đầu tiên các bạn mở Blogger lên --> html edit --> tìm thẻ </style> hoặc ]]></b:skin>
Và dán mã dưới đây vào trước hai thẻ trên và bấm Save (lưu lại).

#wrap { margin: 20px auto; text-align: center;} #wrap br { display: none;} .btn-slide, .btn-slide2 { position: relative; display: inline-block; height: 50px; width: 200px; line-height: 50px; padding: 0; border-radius: 50px; background: #fdfdfd; border: 2px solid #0099cc; margin: 10px; transition: .5s;} .btn-slide2 { border: 2px solid #efa666;} .btn-slide:hover { background-color: #0099cc;} .btn-slide2:hover { background-color: #efa666;} .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 { left: 100%; margin-left: -45px; background-color: #fdfdfd; color: #0099cc;} .btn-slide2:hover span.circle2 { color: #efa666;} .btn-slide:hover span.title, .btn-slide2:hover span.title2 { left: 40px; opacity: 0;} .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 { opacity: 1; left: 40px;} .btn-slide span.circle, .btn-slide2 span.circle2 { display: block; background-color: #0099cc; color: #fff; position: absolute; float: left; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 50%;} .btn-slide2 span.circle2 { background-color: #efa666;} .btn-slide span.title, .btn-slide span.title-hover, .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { position: absolute; left: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: #30abd5; transition: .5s;} .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { color: #efa666; left: 80px;} .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { left: 80px; opacity: 0;} .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { color: #fff;}
Cách tạo button Demo và Download trong bài đăng:
Sau khi đã làm các bước trên , mỗi khi đăng bài và các bạn sử dụng hai button Demo và Dowload, hoặc tùy ý các bạn chỉnh sửa thì các bạn sẽ đăng bài như bên dưới.
Mở bài đăng mới lên -> soạn thảo chế độ html và dán mã sau vào.
<div id="wrap"><a href="http://www.quanghuyit.com/" class="btn-slide" target="_blank"> <span class="circle"><i class="fa fa-rocket"></i></span> <span class="title">Demo</span> <span class="title-hover">Click here</span></a><a href="http://www.quanghuyit.com/" class="btn-slide2" target="_blank"> <span class="circle2"><i class="fa fa-download"></i></span> <span class="title2">Download</span> <span class="title-hover2">Click here</span></a></div>
Vậy là xong chúc các bạn thành công!

Share Share Share
blog
Administrator Administrator: Phạm Chí Thành

Không điều gì là tồn tại mãi mãi cho đến lúc bạn ngừng cố gắng! Một cậu học sinh trung học luôn có ước mơ và hoài bão...Bạn hãy làm những việc bình thường bằng lòng say mê phi thường, thành công sẽ đến với bạn!!

CÓ THỂ BẠN SẼ THÍCH

Đang tải...

No comments

Bài đăng mới hơn Bài đăng cũ hơn Trang chủ

THEO DÕI BLOG

  • Bạn bè
  • Nhận xét

ADS

Bài đăng phổ biến

  • 1 Click Tạo Usb Boot UEFI-Legacy Phân Vùng Ẩn Đa Năng Với Mini Win (WinPE)
    Tính năng của Anhdv Boot Đây là nơi bạn có thể xem chi tiết các tính năng của Anhdv Boot. Anhdv Boot là bộ công cụ cứu h...
  • File excel dự trù chi phí mở quán cafe
    File excel dự trù chi phí mở quán bia quán cafe và nhiều cái khác Khi mở quán bia quán cafe, hay kinh doanh bất kỳ cái gì, chúng ta đều cần ...
  • Jailbreak là gì? Có nên Jailbreak cho iPhone, iPad?
    Jailbreak là gì và có nên Jailbreak hay không? Trong bài viết này, hãy cùng FPT Shop đi tìm lời giải cho hai câu hỏi đó. Những người đã ...

Chuyên Mục Hot

    4.0 là gì AIO Win Amazon Go ATM Bắc Kim Thang Bán hàng Bán hàng đắc nhân tâm Bảo hiểm bảo hiểm lừa đảo Bảo hiểm nhân thọ Bảo mật Bảo mật blog Cách mạng 4.0 Cài Driver đầy đủ nhất chỉ một file Chữ ký cuộc gọi Cơ sở dữ liệu Cổ tích Computer Công nghệ Công nghệ 4.0 Công nghệ xe mới Cuộc sống Cứu hộ máy tính free cydia Đánh giá Honda Jazz RS DanTriSoft Guide DanTriSoft Res Database Để trở thành một best seller Đổi số điện thoại từ 11 số thành 10 số domain Driver máy in hoá đơn Driver Windows Dữ liệu rò rỉ E-business E-commerce ebook error Excel Facebook Font chữ Gia đình Hàng hoá file excel HDMI port Honda Honda Jazz RS How to do Hướng dẫn in mã vạch số lượng lớn Hướng dẫn sử dụng In mã vạch In mã vạch từ CSDL SQL Server In mã vạch từ Excel Insurance Internet ios iSign jail break Kiến thức Marketing Kinh doanh Kinh doanh Nhà hàng Kinh nghiệm về bán hàng Kinh tế Kinhdoanh Mã Hóa Dữ Liệu Mastercard Mật khẩu Máy in hoá đơn Máy tính Mstatus Mua sắm trực tuyến news Nghệ thuật bán hàng hiệu quả Nghệ thuật Sale Order bằng Smartphone Phần mềm Quản lý kho Racing Spirit Recovery Rush Sex Security Shortcode Software SQL SQL Lan - Internet Store house Sứ mệnh cách mạng 4.0 Sự nghiệp hay tình yêu sự thật của bảo hiểm trọn đời. Tâm lý Teamview Technologies Thành công Thanh toán điện tử Thanh toán online Thanh toán quốc tế Thanh toán trực tuyến Thẻ Mastercard là gì Thủ thuật Thủ thuật Thủ thuật Kinh doanh Thương mại điện tử Tiêu dùng Tìm font qua hình ảnh Tình cảm Tool đổi số điện thoại Trial end Truyện Tuổi trẻ USB cứu hộ USB Win PE Video HDMI Virus Visa vSign Wifi Xe và đời sống
Copyright © 2015- | Thủ thuật - Công Nghệ - Webmaster | All Right Reserved.
Tags : Share Code / PhoToShop / FaceBook Tips
Blog Được Phát Triển Bởi