Chia Sẻ Code DOWNLOAD/TẢI VỀ Có File .Zip Trên Blogspot Đẹp Cục

Chào bạn! khá lâu rồi mình chưa chia sẻ về Code thủ thuật Blogger (Blogspot) và hôm nay là một bộ code rất hữu ích cho các bạn viết blog Chia Sẻ Code DOWNLOAD/TẢI VỀ Có File .Zip Trên Blogspot Đẹp Cục, nếu như trong quá trình mình viết blog có chỗ nào thiếu nội dung hoặc chưa rỗ.... bạn đùng quên để lại commet bên dưới để mình cùng nhau thảo luận và mình sẽ cố gắng hoàn thiện bài viết đầy đủ hàm ý hơn.

Nút Donload File .zip trên website blog.
Nút Donload File .zip trên website blog.

Hướng dẫn chi tiết cách làm.

Cách làm thì rất là đơn giản thui, bạn nhớ làm theo mình nhé...

Bước 1: Mở trang quản trị website blog.

Vào phần Chủ đề > Bấm vào nút mũi tên xỏ xuống gần nút tùy chỉnh đó > Chỉnh sửa HTML

Bước 2: Copy toàn bộ CSS

Dán code vào trước thẻ đóng </body>

<style type='text/css'>
	.codepro-icon{flex-shrink:0;display:inline-block;margin-right:12px;width:18px;height:18px;background-size:cover;background-repeat:no-repeat;background-position:center}.codepro-icon.codepro-download{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M3 17v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3'/><polyline points='8 12 12 16 16 12'/><line x1='12' x2='12' y1='2' y2='16'/></svg>")}.codepro-downloadInfo{max-width:500px;background-color:#fefefe;box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%);border:1px solid #eceff1;border-radius:6px;padding:15px;margin-top:20px;margin-bottom:20px;display:flex;align-items:center;line-height:1.8em;font-size:14px}.codepro-downloadInfo a,.codepro-downloadInfo .codepro-fileType{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:10px;background:#f1f1f0;border-radius:10px}.codepro-downloadInfo a{background-color:#1e1e1e;color:#fefefe;margin:0;padding:10px 12px;border-radius:3px;width:auto;height:auto;line-height:20px;font-size:13px;text-decoration:none}.codepro-downloadInfo a:after{content:attr(aria-label)}.codepro-downloadInfo .codepro-fileType:before{content:attr(data-text)}.codepro-downloadInfo .codepro-fileName{flex-grow:1;width:calc(100% - 150px);padding:0 15px}.codepro-downloadInfo .codepro-fileName > *{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codepro-downloadInfo .codepro-fileSize{line-height:1.4em;font-size:12px;opacity:.8}.darkMode .codepro-downloadInfo{background-color:#2d2d30;border:0}.darkMode .codepro-downloadInfo .codepro-fileType{background-color:#1e1e1e}@media screen and (max-width:480px){.codepro-downloadInfo{padding:12px}.codepro-downloadInfo a{width:50px;height:50px;border-radius:10px}.codepro-downloadInfo a:after{display:none}.codepro-downloadInfo a .codepro-icon{margin:0}}
</style>

Sao đó lưu lại, tiếp tực dán mã HTML

Bước 3: Cách dùng code HTML.

Khi bạn viết bài lên website/blog thì chèn HTML vào nơi mà bạn muốn hiển thị.

<div class='codepro-downloadInfo'>
	<span class='codepro-fileType' data-text='zip'></span>
	<div class='codepro-fileName'>
		<span>codepro.zip</span>
		<span class='codepro-fileSize'>1000GB</span>
	</div>
	<a aria-label='Download' href='#link'><i class='codepro-icon codepro-download'></i></a>
</div>

Lời kết.

Trên đây là code downlod file mà bạn có thể sử dụng, code này được chia sẻ bởi Anh đức, mình đã xin phép Admin chia sẻ lại code cho mọi người.

- Đọc thêm: Code Tạo Nền Chữ Nhiều Màu Cho Blogspot Đẹp Chuyên nghiệp

THÔN TIN HỖ TRỢ.

  • Tên tài khoản: A VÈO
  • Số tài khoản: 0761002363632
  • Ngân hàng TMCP Ngoại thương Việt Nam (Vietcombank) - Chi nhánh Kon Tum
  • Điện thoại: 036 211 3321 (momo )
  • Hỗ trợ cài đặt facebook: fb.com/levinhteam
  • Hỗ trợ cài đặt qua zalo: zalo.me/0365114434
  • Nội dung hỗ trợ theme cho khách hàng:
    • + Theme không mã hóa bản quyền
    • + Cài đặt và hướng dẫn sử dụng theme
    • + Sửa lỗi theme ( nếu có )
    • + Giao full theme ( theme + data )

Thêm đánh giá

Điểm 4.6/5 dựa vào 87 đánh giá
Đánh giá bài viết?

Đăng nhận xét