Tạo nút DEMO và DOWNLOAD cho BLOG

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

    DEMO

Button download và demo cho bài viết chia sẻ

Trong bài viết này http://thanhdat97.blogspot.com/ sẽ 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

VD: blog của bạn chuyên viết về các bài hướng dẫn chia sẻ, và dowload chẳng hạn như những blog chuyên chia sẻ template mẫu blog thì việc chèn các nút DOWNLOAD hay DEMO là không thể thiểu, button DOWNLOAD và DEMO với hiệu ứng slider cực kỳ đẹp và hấp dẫn

Lưu ý là trước khi sử dụng cách tạo button DEMO, DOWNLOAD theo phong cách tôi hướng dẫn bên dưới, bạn hãy chắc rằng blog của bạn đã sử dụng font hợp lý

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 2 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://thanhdat97.blogspot.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://thanhdat97.blogspot.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>

Sau đó chỉnh sửa các thông số bên trên theo yêu cầu của bạn
vd: từ DEMO các bạn có thể chỉnh thành '' XEM''  hoặc DOWNLOAD các bạn có thể đổi thành ''TẢI VỀ'' 
Còn phần địa chỉ của 2 button demo và dowload  các bạn thay url của các bạn muốn hiển thị ở button demo và dowload thay http://thanhdat97.blogspot.com/  = url mà các bạn muốn hiển thị 

• Tweet
• Share
• Share
• Share
• Share