TẠO NÚT DOWNLOAD CSS CỰC ĐẸP CHO BLOGSPOT

Nút Dowload CSS cho blogspot cực đẹp, code tạo nút dowload cho blogger hiện nay rất nhiều nhưng đụng hàng hơi nhiều. Vì vậy sau đây mình sẽ hướng dẫn cho các bạn tạo nút button dowload cho blogger.

hướng dẫn làm:

Các bạn vào Edit HTML > Tìm B:skin và Dán Đoạn Code Bên Dưới B:skin

#wrap {margin:20px auto;text-align:center;}
a.btn {display:inline-block;position:relative;font-family:'Open Sans',sans-serif;text-decoration:none;font-weight:700;background:#30abd5;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #22313F;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;}
a.btn:hover {background:#30abd5;color:#fff;box-shadow:inset 0px -50px 0px #22313F;}
a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;}
a.btn.warn {background:#f5f7fa;color:#05555e;box-shadow:inset 0 0 0 #30abd5;}
a.btn.warn:hover {background:#f5f7fa;color:#fff;box-shadow:inset 0px -50px 0px #30abd5;}
a.btn.warn:active {color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} 0px -50px 0px #30abd5;}

CÁCH viết bài, các bạn chuyển qua phần html rồi dán đoạn code bên dưới vào .

<div id="wrap"><a class="btn" href="#">Button</a></div>
<div id="wrap"><a class="btn warn" href="#">Button</a></div>

Các Bạn Thanh # Thành Link Url Của Bạn Nhé.

LỜI KẾT:

Chỉ vài bước đơn giản là các bạn có thể tạo cho mình nút download cực dễ dàng rồi! Nếu trong quá trình làm các bạn có thắc mắc gì hãy để lại bên dưới comment, mình sẽ giải đáp cho các bạn nhanh nhất có thể!

Chúc các bạn thành công!

Từ Khóa : Css code tạo nút button cho blogspot, code tạo nút dowload và demon cho web blog, cách tạo nút dowload cho blogspot. code tạo nút dowload cho blogger

Bài viết của bạn được xem như một đề xuất cho bài viết của chúng tôi. Mẫu bài viết bạn đang chỉnh sửa sẽ được chúng tôi xem xét và update lên blog nếu nó hoàn hảo !

CHỈNH SỬA BÀI VIẾT
----------------------------------------
<h2 style="background-color: white; color: #555555; font-family: "open sans" , "arial" , "helvetica" , sans-serif; text-align: justify;"><span style="font-size: small;">Nút Dowload CSS cho blogspot cực đẹp<span style="font-weight: normal;">, </span>code tạo nút dowload cho blogger<span style="font-weight: normal;"> hiện nay rất nhiều nhưng đụng hàng hơi nhiều. Vì vậy sau đây mình sẽ hướng dẫn cho các bạn tạo </span>nút button dowload cho blogger.</span></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ihtYcKSBQZoz_NmWUjwNj6CNmJRK4m4d9x5VvrnQjUuMid_Ob_c3hVL7-20BK6dJt-iuoVtp_ENv-CZ4Ymyo1ARTniyaNeCcfBXnGCIu_eGyJAY3vVRoQPikgCeF-YB-kxMUe7oDxkm5/s1600/Untitled-3+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="449" data-original-width="799" height="359" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ihtYcKSBQZoz_NmWUjwNj6CNmJRK4m4d9x5VvrnQjUuMid_Ob_c3hVL7-20BK6dJt-iuoVtp_ENv-CZ4Ymyo1ARTniyaNeCcfBXnGCIu_eGyJAY3vVRoQPikgCeF-YB-kxMUe7oDxkm5/s640/Untitled-3+copy.png" width="640" /></a></div><div class="separator" style="background-color: white; clear: both; color: #555555; float: none; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: auto; margin: 0px auto; max-width: 100%; text-align: center; width: auto;"><br /></div><a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #314151; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; transition: all 0.25s linear;"></a><br /><div><span style="font-size: x-small;"></span><br /><div><span style="font-size: x-small;"><h2 style="border-bottom: 1px solid; color: #069999; display: table; font-family: roboto, sans-serif; font-size: 20px; font-stretch: normal; font-weight: 500; letter-spacing: 0.3px; line-height: normal; margin: 20px 0px; padding: 0px 0px 5px; text-transform: uppercase;">hướng dẫn làm: </h2></span></div><span style="font-size: x-small;"></span></div><div style="background-color: white; color: #555555; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px;">Các bạn vào <b>Edit HTML</b> > Tìm <b>B:skin</b> và Dán Đoạn Code Bên Dưới <b>B:skin</b></div><div style="background-color: white; color: #555555; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px;"><blockquote class="tr_bq" style="background: rgb(64, 79, 108) !important; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; color: white; line-height: 1.3em; margin: 0.5rem 0px 1rem; overflow: hidden; padding: 20px; position: relative; transition: box-shadow 0.25s;">#wrap {margin:20px auto;text-align:center;}<br />a.btn {display:inline-block;position:relative;font-family:'Open Sans',sans-serif;text-decoration:none;font-weight:700;background:#30abd5;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #22313F;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;}<br />a.btn:hover {background:#30abd5;color:#fff;box-shadow:inset 0px -50px 0px #22313F;}<br />a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;}<br />a.btn.warn {background:#f5f7fa;color:#05555e;box-shadow:inset 0 0 0 #30abd5;}<br />a.btn.warn:hover {background:#f5f7fa;color:#fff;box-shadow:inset 0px -50px 0px #30abd5;}<br />a.btn.warn:active {color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} 0px -50px 0px #30abd5;}</blockquote><h2 style="border-bottom: 1px solid; color: #069999; display: table; font-family: Roboto, sans-serif; font-size: 20px; font-stretch: normal; font-weight: 500; letter-spacing: 0.3px; line-height: normal; margin: 20px 0px; padding: 0px 0px 5px; text-transform: uppercase;">CÁCH viết bài, các bạn chuyển qua phần html rồi dán đoạn code bên dưới vào .</h2><blockquote class="tr_bq" style="background: rgb(64, 79, 108) !important; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; color: white; line-height: 1.3em; margin: 0.5rem 0px 1rem; overflow: hidden; padding: 20px; position: relative; transition: box-shadow 0.25s;"><div id="wrap"><a class="btn" href="#">Button</a></div><br /><div id="wrap"><a class="btn warn" href="#">Button</a></div></blockquote>Các Bạn Thanh # Thành Link Url Của Bạn Nhé.<br /><h2 style="border-bottom: 1px solid; clear: both; color: #069999; display: table; font-family: Roboto, sans-serif; font-size: 20px; font-stretch: normal; font-weight: 500; letter-spacing: 0.3px; line-height: normal; margin: 20px 0px; padding: 0px 0px 5px; text-transform: uppercase;">LỜI KẾT:</h2><div><div style="font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">Chỉ vài bước đơn giản là các bạn có thể tạo cho mình nút download cực dễ dàng rồi! Nếu trong quá trình làm các bạn có thắc mắc gì hãy để lại bên dưới comment, mình sẽ giải đáp cho các bạn nhanh nhất có thể!</div><div style="font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">Chúc các bạn thành công!</div></div><h3><span style="font-weight: normal;"><span style="font-size: x-small;">Từ Khóa : Css code tạo nút button cho blogspot, code tạo nút dowload và demon cho web blog, cách tạo nút dowload cho blogspot. code tạo nút dowload cho blogger </span></span></h3></div>