Posts

Showing posts with the label CSS

Tooltip rê chuột phóng to ảnh cho Blogspot

Image
Đối với những blogspot bán hàng , nhu cầu bán hàng nên bạn muốn blog của mình có những đặc tính nổi trội cho khách dễ xem sản phẩm. Hôm nay Hồng Designer chia sẻ thủ thuật Blogspot đó là  Tooltip rê chuột phóng to ảnh cho Blogspot . Tooltip rê chuột phóng to ảnh cho Blogspot Bước 1 : Đăng nhập vào template blogspot tìm đến thẻ </head> và thêm đoạn code dưới bên trên nó. Và lưu template blogspot của bạn lại. <style type="text/css"> /* smart image enlarger starts here */ /* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */ .ienlarger { float: left; clear: none; /* set to left or right if needed */ padding-bottom: 5px; /* space between thumbs. Don't change this to margin */ padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */ } .ienlarger a { display:block; text-decoration: none; /* add cursor:default; to this rule to disable...

Css chữ đổi màu cho Blogspot, Website

Image
Một blogspot hay website đều không thể nào thiếu Css được, css góp phần làm đẹp, trang trí hài hòa cho một trang web hay blog. Hôm nay Hồng Designer chia sẻ cho bạn code  Css chữ đổi màu cho Blogspot, Website có thể trang trí cho website hay blogspot rất là đẹp. Thêm Css vào Website - Blog Bước 1 : Coppy đoạn code dưới bỏ vào nơi mà bạn muốn hiển thị chữ đổi màu <p class='tieudequanba'><b>Sản Phẩm Hồng đã thực hiện</b><br/>Bài Viết Hướng Dẫn Tạo Chữ Đổi Màu Cho Blogspot </p> <style> .tieudequanba { float: left; width: 100%; text-align: center; font: 18px 'Roboto Condensed',sans-serif; line-height: 1.4; color: #555; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgT1V-F8i-kQ36Ys2F4pwvpShvVZsovjQRYPSdBcJ2GodU-1AUDrIVzLNtI98Q_dvD-XGgsfHOu3RBf3nYIQwuOuvwsmeRVj0ovgqkyws2JznoUDofqBw8zFI9OKq4fup4-GC_VKzaa1TB/s0/Titler_sanpham.png) no-repeat center 0px; padding-top: 65px; padding-bottom: 45px; } p.tieudequanba ...

Biểu tượng xã hội CSS cho Blogger

Image
Hôm nay Hồng Designer sẽ cho bạn biết làm thế nào bạn có thể thêm  Biểu tượng xã hội CSS cho Blogger mà đi kèm với hiệu ứng Hover trong Blogger. Khi được quét qua các biểu tượng CSS Transition diễn ra và các biểu tượng này di chuyển vòng 360 độ. Bạn có thể thấy cùng một loại biểu tượng trên blog SpiceUpYourBlog.com phổ biến. Bạn có thể thêm các biểu tượng của RSS, Email, Facebook, Twitter, Google+ và Pinterest. Các thử nghiệm trực tiếp của các nút này có thể được nhìn thấy dưới đây. Thêm Biểu tượng xã hội CSS cho Blogger Bước 1 :  Thêm code HTML Tới Blog Tiêu đề → Layout → Thêm Widget → HTML / JavaScript. Dán mã dưới đây vào hộp. <style> #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-tran...