Buzz is me!: Thủ thuật Blog

Hiển thị các bài đăng có nhãn Thủ thuật Blog. Hiển thị tất cả bài đăng

Tổng hợp Thủ thuật blogspot

<div dir="ltr" style="text-align: left;" trbidi="on">Để Blog của bạn đẹp hơn và chuyên nghiệp hơn mình xin giới thiệu các bạn 1 kho theme  cũng như thủ thuật mà mình sưu tầm từ khắp nơi... các bạn vào diễn đàn blogspot  <a href="http://kenhdaihoc.com/forum/forumdisplay.php?f=251" target="_blank">tại đây</a><div> </div><div><a href="http://kenhdaihoc.com/forum/forumdisplay.php?f=251" target="_blank"><img height="368" id="il_fi" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmi4gDlTHJEfFynuEwHmOwos5rMmjwTHNcJ2X9NH53F0QGIxqmDzgsPlQ6B4CCOwQwVWAVtjfAH3LT-P28O7EjOfBGzHxbwmP7EOZLE1Y4A7q1Ydh061ytFI3w8pBfQcXZrWWzQ8MSjso/s400/blogger-logo.JPG" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: arial; font-size: 14px; line-height: 1px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; text-align: -webkit-auto;" width="370" /></a></div></div>

Tổng hợp Thủ thuật blogspot

Để Blog của bạn đẹp hơn và chuyên nghiệp hơn mình xin giới thiệu các bạn 1 kho theme cũng như thủ thuật mà mình sưu tầm từ khắp nơi... các ...

+ Đọc thêm »

Hướng dẩn tạo Form comment đẹp cho Blogspot

<div dir="ltr" style="text-align: left;" trbidi="on">Giới thiệu: Như đã biết, form comment mặc định của Blogspot rất đơn điệu và không có nhiều tùy chỉnh. Do vậy, thủ thuật sau sẽ giúp bạn làm đẹp thêm cho form comment của mình. Đặc biệt hữu ích với các blogger thích trang trí cho khung comment của blog thêm phần bắt mắt. <a href="" name="more" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;"></a> CÁCH THỰC HIỆN  1. Đăng nhập <a href="http://www.blogger.com/home" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; text-decoration: none;">Blogger</a> Dashboard (Bảng điều khiển) 2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 3. Đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script Bước 1: Tìm đến đoạn code có dạng sau: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"><dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> .... ....... .... </b:loop> </dl> </pre> Bước 2: Thay thế toàn bộ code trên bằng đoạn code sau: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"> <div class='clear'/> <div class='comments-block'> <b:loop values='data:post.comments' var='comment'> <div class='comments-avatar'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> </div> <div class='arrow'/> <div id='comments-box'> <a class='comments-reply' expr:href='&quot;https://www.blogger.com/comment.g?blogID=5950416464056762250&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%20%3A#form&quot;' onclick='javascript:window.open(this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=450&quot;);return false;' rel='nofollow'> Trả lời </a> <div class='comments-meta'> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/><data:comment.author/> </b:if><data:commentPostedByMsg/> <div class='comments-timestamp'> <data:comment.timestamp/> <b:include data='comment' name='commentDeleteIcon'/> </div></div> <div class='comments-body'> <b:if cond='data:comment.isDeleted'> <data:comment.body/> <b:else/> <data:comment.body/> </b:if></div> </div> <div class='clear'/> </b:loop> </div> </pre> - Nhớ đổi 5950416464056762250 thành ID của blog bạn. - Có thể thay Trả lời bằng hình ảnh. Nếu thay bằng hình ảnh thì thay chữ <strike>Trả lời</strike> bằng dòng code: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"><img src"LINK_HÌNH_REPlY"/> </pre> Bước 3: Tìm và xóa hết các đoạn CSS của khung comment cũ trong template đi, chúng thường có dạng: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;">#comments-block {...} .comment-body {...} .comment-footer {...} .comment-author {...} .comment-body p {...} .deleted-comment {...} ...... </pre> Chủ yếu là xóa #comments-block và các phần tử nằm trong nó. Bước 4: Sau khi xóa hết các đoạn code trên. Hãy thay thế bằng 1 trong 4 loại đoạn code CSS sau: Loại 1: <img original="https://lh5.googleusercontent.com/-Bbug2QBuJVM/Tpa0AxJr2KI/AAAAAAAAEx8/2yedcJhlmIM/Blogspot.38_02.jpg" src="https://lh5.googleusercontent.com/-Bbug2QBuJVM/Tpa0AxJr2KI/AAAAAAAAEx8/2yedcJhlmIM/Blogspot.38_02.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;">/*Comments đẹp cho blog (2) *******************************/ .comments-block a,.comments-block p,.comments-block a img{ margin:0; padding:0; outline:none; border:none; } /*Khung comment chính, chứa các class bên dưới*/ .comments-block{ width:495px; background: #FFF; /*Không dùng màu nền thì bỏ dòng này*/ padding:10px 0px 0px 0px; font-family: Tahoma; line-height:17px } /*Khung comment. Chứa nội dung, tên người comment, ngày đăng, Reply*/ #comments-box{ float: left; width: 490px; margin:0px 0px 14px 0px; border-bottom:2px solid #e3e3e3; } /*Avatar comment*/ .comments-avatar{ float: left; padding:2px; border: 1px solid #ccc; } /*Khung chứa tên người comment, ngày đăng comment*/ .comments-meta{ padding:19px 5px 3px 7px; background:url(https://lh5.googleusercontent.com/-9mPQEj88ZCg/Tml6yP3LruI/AAAAAAAACeU/3ayaSwKIRxw/comment-arrow_3.png); border-bottom:1px solid #E3E3E3; } /*Chữ “nói” sau mỗi tên comment*/ .comments-meta{ font-size:12px; color: #6D6F6D; } /*Tên người đăng comment*/ .comments-meta a{ font-size:12px; font-family: Verdana; text-decoration:none; } /*Ngày, giờ đăng comment*/ .comments-timestamp{ color:#0E6284; font-size:10px; font-family: Arial; } /*Khung chứa nội dung comment, không chứa tên người và ngày đăng comment*/ .comments-body{ font-size:12px; color: #000; background:#FCFACE; /*Nền comment*/ padding:5px; border-left:4px solid #e3e3e3; border-right:2px solid #e3e3e3; } /*Nút Reply*/ a.comments-reply{ padding:28px 10px 10px 5px; /*Canh lề nút reply*/ display:block; color:#0E6284; float:right; } /*Định dạng size avatar comment*/ .avatar-image-container{ width:40px; height:40px; } /*Avatar mặc định cho nặc danh*/ .avatar-image-container img{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOvYD5fwWpyBwWVku3JgGnIPg4Vm-Q33x_4Fsvni0SYr159lQJGkCzikuJoImyzyit4c7H_XvqMEioxHjqwYfJbvytXAzUjqE-9Z4acZ0K0j7L3gBVeFk3LaWrtsou5FypvDvZuSsAA/) no-repeat; width:40px; height:40px; } /*Định dạng bài viết bị xóa*/ .deleted-comment { font-style:italic; color:gray; text-decoration:line-through; } </pre> Loại 2: <img original="https://lh6.googleusercontent.com/-Y32kmc9D3Ho/Tpa0BRXaVTI/AAAAAAAAEyE/fOlLMa7jZbs/Blogspot.38_03.jpg" src="https://lh6.googleusercontent.com/-Y32kmc9D3Ho/Tpa0BRXaVTI/AAAAAAAAEyE/fOlLMa7jZbs/Blogspot.38_03.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;">/*Comments đẹp cho blog (2) *******************************/ .comments-block a,.comments-block p,.comments-block a img{ margin:0; padding:0; outline:none; border:none; } /*Khung comment chính, chứa các class bên dưới*/ .comments-block{ width:495px; background: #FFF; /*Không dùng màu nền thì bỏ dòng này*/ padding:10px 0px 0px 0px; font-family: Tahoma; line-height:17px } /*Hình mũi tên*/ .comments-block .arrow{ float: left; margin: 45px 0px 0px -16px; display:block; width:16px; height:8px; background: url(https://lh3.googleusercontent.com/-GRMAdA4NTPs/Tml0ijaf5dI/AAAAAAAACdI/52wBpPptPp8/comment-arrow_2.png) no-repeat; } /*Khung hình comment. Chứa nội dung, tên người comment, ngày đăng, Reply*/ #comments-box{ float: left; width: 490px; margin:0px 0px 14px 0px; border:3px solid #e3e3e3; border-radius:8px } /*Avatar comment*/ .comments-avatar{ float: left; padding:2px; border: 1px solid #ccc; } /*Khung chứa tên người comment, ngày đăng comment*/ .comments-meta{ padding:5px; background:#F1F1F1; border-bottom:1px solid #E3E3E3; } /*Chữ “nói” sau mỗi tên comment*/ .comments-meta{ font-size:12px; color: #6D6F6D; } /*Tên người đăng comment*/ .comments-meta a{ font-size:12px; font-family: Verdana; text-decoration:none; } /*Ngày, giờ đăng comment*/ .comments-timestamp{ color:#0E6284; font-size:10px; font-family: Arial; } /*Khung chứa nội dung comment, không chứa tên người và ngày đăng comment*/ .comments-body{ font-size:12px; color: #000; background:#FCFACE; /*Nền comment*/ padding:5px; } /*Nút Reply*/ a.comments-reply{ padding:10px 5px 10px 5px; /*Canh lề nút reply*/ display:block; color:#0E6284; float:right; } /*Định dạng size avatar comment*/ .avatar-image-container{ width:40px; height:40px; } /*Avatar mặc định cho nặc danh*/ .avatar-image-container img{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOvYD5fwWpyBwWVku3JgGnIPg4Vm-Q33x_4Fsvni0SYr159lQJGkCzikuJoImyzyit4c7H_XvqMEioxHjqwYfJbvytXAzUjqE-9Z4acZ0K0j7L3gBVeFk3LaWrtsou5FypvDvZuSsAA/) no-repeat; width:40px; height:40px; } /*Định dạng bài viết bị xóa*/ .deleted-comment { font-style:italic; color:gray; text-decoration:line-through; } </pre> Loại 3: <img original="https://lh6.googleusercontent.com/-e0OEX1Y1OOA/Tpa0BuUx3AI/AAAAAAAAEyM/KM781dCCb9M/Blogspot.38_04.jpg" src="https://lh6.googleusercontent.com/-e0OEX1Y1OOA/Tpa0BuUx3AI/AAAAAAAAEyM/KM781dCCb9M/Blogspot.38_04.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; word-wrap: break-word;">/*Comments đẹp cho blog (2) *******************************/ .comments-block a,.comments-block p,.comments-block a img{ margin:0; padding:0; outline:none; border:none; } /*Khung comment chính, chứa các class bên dưới*/ .comments-block{ width:495px; background: #FFF; /*Không dùng màu nền thì bỏ dòng này*/ padding:4px 0px 0px 0px; font-family: Tahoma; line-height:17px } /*Hình mũi tên*/ .comments-block .arrow{ float: left; margin:26px 0 0 2px; display:block; width:8px; height:16px; background: url(https://lh5.googleusercontent.com/-XmhGCqc59SQ/Tml0iSwiGkI/AAAAAAAACdA/YTtUPpJs1yg/comment-arrow_1.png) no-repeat; } /*Khung hình comment. Chứa nội dung, tên người comment, ngày đăng, Reply*/ #comments-box{ float: left; width: 430px; margin:14px 0px 10px 0px; border:3px solid #e3e3e3; border-radius:4px } /*Avatar comment*/ .comments-avatar{ float:left; padding:2px; margin:15px 0 0 0; border:1px solid #ccc; } /*Khung chứa tên người comment, ngày đăng comment*/ .comments-meta{ padding:5px; background:#F1F1F1; border-bottom:1px solid #E3E3E3; } /*Chữ “nói” sau mỗi tên comment*/ .comments-meta{ font-size:12px; color: #6D6F6D; } /*Tên người đăng comment*/ .comments-meta a{ font-size:12px; font-family: Verdana; text-decoration:none; } /*Ngày, giờ đăng comment*/ .comments-timestamp{ color:#0E6284; font-size:10px; font-family: Arial; } /*Khung chứa nội dung comment, không chứa tên người và ngày đăng comment*/ .comments-body{ font-size:12px; color: #000; background:#FCFACE; /*Nền comment*/ padding:5px; } /*Nút Reply*/ a.comments-reply{ padding:10px 5px 10px 5px; /*Canh lề nút reply*/ display:block; color:#0E6284; float:right; } /*Định dạng size avatar comment*/ .avatar-image-container{ width:40px; height:40px; } /*Avatar mặc định cho nặc danh*/ .avatar-image-container img{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOvYD5fwWpyBwWVku3JgGnIPg4Vm-Q33x_4Fsvni0SYr159lQJGkCzikuJoImyzyit4c7H_XvqMEioxHjqwYfJbvytXAzUjqE-9Z4acZ0K0j7L3gBVeFk3LaWrtsou5FypvDvZuSsAA/) no-repeat; width:40px; height:40px; } /*Định dạng bài viết bị xóa*/ .deleted-comment { font-style:italic; color:gray; text-decoration:line-through; } </pre> Loại 4: <img original="https://lh4.googleusercontent.com/-rC4irPbd78U/Tpa0B5FexsI/AAAAAAAAEyU/Hxk0O-Dxly0/Blogspot.38_05.jpg" src="https://lh4.googleusercontent.com/-rC4irPbd78U/Tpa0B5FexsI/AAAAAAAAEyU/Hxk0O-Dxly0/Blogspot.38_05.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; word-wrap: break-word;">/*Comments đẹp cho blog (2) *******************************/ .comments-block a,.comments-block p,.comments-block a img{ margin:0; padding:0; outline:none; border:none; } /*Khung comment chính, chứa các class bên dưới*/ .comments-block{ width:495px; background: #FFF; /*Không dùng màu nền thì bỏ dòng này*/ padding:4px 0px 0px 0px; font-family: Tahoma; line-height:17px } /*Khung hình comment. Chứa nội dung, tên người comment, ngày đăng, Reply*/ #comments-box{ float: left; width: 437px; margin:14px 0px 10px 0px; border:1px solid #ADADAD; } /*Avatar comment*/ .comments-avatar{ float:left; padding:2px; border: 1px solid #ccc; margin: 30px 6px 0px 0px; } /*Khung chứa tên người comment, ngày đăng comment*/ .comments-meta{ padding:5px; background:#eee; } /*Chữ “nói” sau mỗi tên comment*/ .comments-meta{ font-size:12px; color: #6D6F6D; } /*Tên người đăng comment*/ .comments-meta a{ font-size:12px; font-family: Verdana; text-decoration:none; } /*Ngày, giờ đăng comment*/ .comments-timestamp{ color:#0E6284; font-size:10px; font-family: Arial; } /*Khung chứa nội dung comment, không chứa tên người và ngày đăng comment*/ .comments-body{ font-size:12px; color: #000; background:#eee; /*Nền comment*/ padding:5px 5px 20px 5px; } /*Nút Reply*/ a.comments-reply{ padding:10px 5px 10px 5px; /*Canh lề nút reply*/ display:block; color:#0E6284; float:right; } /*Định dạng size avatar comment*/ .avatar-image-container{ width:40px; height:40px; } /*Avatar mặc định cho nặc danh*/ .avatar-image-container img{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOvYD5fwWpyBwWVku3JgGnIPg4Vm-Q33x_4Fsvni0SYr159lQJGkCzikuJoImyzyit4c7H_XvqMEioxHjqwYfJbvytXAzUjqE-9Z4acZ0K0j7L3gBVeFk3LaWrtsou5FypvDvZuSsAA/) no-repeat; width:40px; height:40px; } /*Định dạng bài viết bị xóa*/ .deleted-comment { font-style:italic; color:gray; text-decoration:line-through; } </pre> Bạn có thể tùy chỉnh lại phông nền, màu chữ, hình ảnh, độ rộng,… Và tùy biến thêm các kiểu khác cho phù hợp với blog của mình. Bước 5: Save template. (Lưu mẫu) THE END.<div> </div><div>Nguồn:  blog caytamgui</div></div>

Hướng dẩn tạo Form comment đẹp cho Blogspot

Giới thiệu: Như đã biết, form comment mặc định của Blogspot rất đơn điệu và không có nhiều tùy chỉnh. Do vậy, thủ thuật sau sẽ giúp bạn làm...

+ Đọc thêm »

Tạo dáng cho trỏ chuột với hình ảnh bất kỳcho blogspot

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="background-color: white; font: normal normal normal 13px/normal Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;"><a class="rapidnofollow" data-rapid_p="10" data-track="photo-click" href="http://www.flickr.com/photos/56453718@N02/6480578567/in/photostream" id="yui_3_4_0_3_1323412572291_622" style="background-color: #fefefe; color: white; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 0px; text-decoration: none;"><img alt="Untitled" border="0" class="pc_img" height="490" id="yui_3_4_0_3_1323412572291_621" src="http://farm8.staticflickr.com/7155/6480578567_ab818778d0_z.jpg" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; cursor: default;" width="640" /></a> Giới thiệu: Hiệu ứng JavaScript này cho phép bạn tạo dáng cho con trỏ chuột trên trang web. Điểm đặc biệt của là nó cho phép bạn sử dụng hình ảnh bất kì để tạo dáng cho con trỏ chuột, chứ không nhất thiết phải là tập tin dạng .ico, .cur Lưu ý: Tâm chuột là chính giữa. Cho dù bạn có chèn hình gì đi chăng nữa thì phần tâm vẫn hiện hình mũi tên trắng, và hình khi tô khối là dấu +. Điều này có nghĩa là: Thủ thuật chỉ tạo thêm lớp ảnh bao quanh con chuột bình thường mà thôi. <a href="" name="more" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; text-decoration: none;"></a> CÁCH THỰC HIỆN  1. Đăng nhập <a href="http://www.blogger.com/home" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; text-decoration: none;">Blogger</a> Dashboard (Bảng điều khiển) 2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script Bước 1: Tìm thẻ đóng </head> - Thêm vào trước nó đoạn mã sau: <blockquote class="tr_bq"><script type='text/javascript'>//<![CDATA[<script type='text/javascript'>//<![CDATA[var skinableCursor = { skinPath : 'LINK_HÌNH_45x45_pixel', // Thay Link hình của bạn vào đây // private properties. Browser detect. Do not touch! :) IE : ( document.all && document.getElementById && !window.opera ), FF : (!document.all && document.getElementById && !window.opera), OP : (document.all && document.getElementById && window.opera), // private properties. Cursor attributes. Do not touch! :) cursor : { lt : { x : '0px', y : '0px', w : '19px', h : '26px' , dx : -22, dy : -22 }, rt : { x : '19px', y : '0px', w : '26px', h : '19px' , dx : -3, dy : -22 }, rb : { x : '26px', y : '19px', w : '19px', h : '26px' , dx : 4, dy : -3 }, lb : { x : '0px', y : '26px', w : '26px', h : '19px' , dx : -22, dy : 4 } }, // private method. Initialize init : function () { skinableCursor.cursor.browserDelta = (skinableCursor.IE ? 2 : 0); if ( skinableCursor.FF || skinableCursor.OP ) { document.addEventListener("DOMContentLoaded", skinableCursor.domReady, false); } if ( skinableCursor.IE ) { document.write("<scr" + "ipt id=__ieinit defer=true " + "src=//:><\/script>"); var script = document.getElementById("__ieinit"); script.onreadystatechange = function() { if ( this.readyState != "complete" ) return; this.parentNode.removeChild( this ); skinableCursor.domReady(); }; script = null; } }, // private method. domReady : function () { skinableCursor.create(); if ( skinableCursor.FF || skinableCursor.OP ) { var s = document.createElement('style'); s.innerHTML = '* { cursor: inherit; } html { height: 100%; } body, html { cursor: crosshair; }'; document.body.appendChild(s); document.addEventListener('mousemove', skinableCursor.move, false); } if ( skinableCursor.IE ) { var s = document.createStyleSheet() s.addRule("*", "cursor: inherit"); s.addRule("body", "cursor: crosshair"); s.addRule("html", "cursor: crosshair"); document.attachEvent('onmousemove', skinableCursor.move); } var anchors = document.getElementsByTagName('a'); for (x = 0; x < anchors.length; x++) { if ( skinableCursor.FF || skinableCursor.OP ) { anchors[x].addEventListener('mousemove', skinableCursor.events.anchor, false); anchors[x].addEventListener('mouseout', skinableCursor.events.show, false); } if ( skinableCursor.IE ) { anchors[x].attachEvent('onmousemove', skinableCursor.events.anchor); anchors[x].attachEvent('onmouseout', skinableCursor.events.show); } } }, // private method. Create cursor create : function () { function create(el, d) { el.style.position = 'absolute'; el.style.overflow = 'hidden'; el.style.display = 'none'; el.style.left = d.x; el.style.top = d.y; el.style.width = d.w; el.style.height = d.h; if ( skinableCursor.IE ) { el.innerHTML = '<img src="' + skinableCursor.skinPath + '" style="margin: -' + d.y + ' 0px 0px -' + d.x + '">'; } else { el.style.background = 'url(' + skinableCursor.skinPath + ') -' + d.x + ' -' + d.y; } return el; } var c = skinableCursor.cursor; c.lt.el = create(document.createElement('div'), c.lt); c.rt.el = create(document.createElement('div'), c.rt); c.rb.el = create(document.createElement('div'), c.rb); c.lb.el = create(document.createElement('div'), c.lb); document.body.appendChild(c.lt.el); document.body.appendChild(c.rt.el); document.body.appendChild(c.rb.el); document.body.appendChild(c.lb.el); }, // private method. Move cursor move : function (e) { function pos(el, x, y) { el.el.style.left = x + el.dx + 'px'; el.el.style.top = y + el.dy + 'px'; } function hide(el, x, y) { var w = document.documentElement.clientWidth; var h = document.documentElement.clientHeight; var deltaX = w - (x + el.dx + parseInt(el.w) - skinableCursor.cursor.browserDelta); var deltaY = h - (y + el.dy + parseInt(el.h) - skinableCursor.cursor.browserDelta); if (!skinableCursor.noSkin) { el.el.style.display = deltaX > 0 ? (deltaY > 0 ? 'block' : 'none') : 'none'; } } var p = skinableCursor.getMousePosition(e); var s = skinableCursor.getScrollPosition(); var c = skinableCursor.cursor; var x = p.x + s.x - c.browserDelta; var y = p.y + s.y - c.browserDelta; hide(c.lt, p.x, p.y); hide(c.rt, p.x, p.y); hide(c.rb, p.x, p.y); hide(c.lb, p.x, p.y); pos(c.lt, x, y); pos(c.rt, x, y); pos(c.rb, x, y); pos(c.lb, x, y); }, // private method. Returns mouse position getMousePosition : function (e) { e = e ? e : window.event; var position = { 'x' : e.clientX, 'y' : e.clientY } return position; }, // private method. Get document scroll position getScrollPosition : function () { var x = 0; var y = 0; if( typeof( window.pageYOffset ) == 'number' ) { x = window.pageXOffset; y = window.pageYOffset; } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { x = document.documentElement.scrollLeft; y = document.documentElement.scrollTop; } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { x = document.body.scrollLeft; y = document.body.scrollTop; } var position = { 'x' : x, 'y' : y } return position; }, // private property / methods. events : { anchor : function (e) { skinableCursor.noSkin = true; document.body.style.cursor = 'pointer'; var c = skinableCursor.cursor; c.lt.el.style.display = 'none'; c.rt.el.style.display = 'none'; c.rb.el.style.display = 'none'; c.lb.el.style.display = 'none'; }, show : function () { skinableCursor.noSkin = false; document.body.style.cursor = 'crosshair'; } }}skinableCursor.init(); // private properties. Browser detect. Do not touch! :) IE : ( document.all && document.getElementById && !window.opera ), FF : (!document.all && document.getElementById && !window.opera), OP : (document.all && document.getElementById && window.opera), // private properties. Cursor attributes. Do not touch! :) cursor : { lt : { x : '0px', y : '0px', w : '19px', h : '26px' , dx : -22, dy : -22 }, rt : { x : '19px', y : '0px', w : '26px', h : '19px' , dx : -3, dy : -22 }, rb : { x : '26px', y : '19px', w : '19px', h : '26px' , dx : 4, dy : -3 }, lb : { x : '0px', y : '26px', w : '26px', h : '19px' , dx : -22, dy : 4 } }, // private method. Initialize init : function () { skinableCursor.cursor.browserDelta = (skinableCursor.IE ? 2 : 0); if ( skinableCursor.FF || skinableCursor.OP ) { document.addEventListener("DOMContentLoaded", skinableCursor.domReady, false); } if ( skinableCursor.IE ) { document.write("<scr" + "ipt id=__ieinit defer=true " + "src=//:><\/script>"); var script = document.getElementById("__ieinit"); script.onreadystatechange = function() { if ( this.readyState != "complete" ) return; this.parentNode.removeChild( this ); skinableCursor.domReady(); }; script = null; } }, // private method. domReady : function () { skinableCursor.create(); if ( skinableCursor.FF || skinableCursor.OP ) { var s = document.createElement('style'); s.innerHTML = '* { cursor: inherit; } html { height: 100%; } body, html { cursor: crosshair; }'; document.body.appendChild(s); document.addEventListener('mousemove', skinableCursor.move, false); } if ( skinableCursor.IE ) { var s = document.createStyleSheet() s.addRule("*", "cursor: inherit"); s.addRule("body", "cursor: crosshair"); s.addRule("html", "cursor: crosshair"); document.attachEvent('onmousemove', skinableCursor.move); } var anchors = document.getElementsByTagName('a'); for (x = 0; x < anchors.length; x++) { if ( skinableCursor.FF || skinableCursor.OP ) { anchors[x].addEventListener('mousemove', skinableCursor.events.anchor, false); anchors[x].addEventListener('mouseout', skinableCursor.events.show, false); } if ( skinableCursor.IE ) { anchors[x].attachEvent('onmousemove', skinableCursor.events.anchor); anchors[x].attachEvent('onmouseout', skinableCursor.events.show); } } }, // private method. Create cursor create : function () { function create(el, d) { el.style.position = 'absolute'; el.style.overflow = 'hidden'; el.style.display = 'none'; el.style.left = d.x; el.style.top = d.y; el.style.width = d.w; el.style.height = d.h; if ( skinableCursor.IE ) { el.innerHTML = '<img src="' + skinableCursor.skinPath + '" style="margin: -' + d.y + ' 0px 0px -' + d.x + '">'; } else { el.style.background = 'url(' + skinableCursor.skinPath + ') -' + d.x + ' -' + d.y; } return el; } var c = skinableCursor.cursor; c.lt.el = create(document.createElement('div'), c.lt); c.rt.el = create(document.createElement('div'), c.rt); c.rb.el = create(document.createElement('div'), c.rb); c.lb.el = create(document.createElement('div'), c.lb); document.body.appendChild(c.lt.el); document.body.appendChild(c.rt.el); document.body.appendChild(c.rb.el); document.body.appendChild(c.lb.el); }, // private method. Move cursor move : function (e) { function pos(el, x, y) { el.el.style.left = x + el.dx + 'px'; el.el.style.top = y + el.dy + 'px'; } function hide(el, x, y) { var w = document.documentElement.clientWidth; var h = document.documentElement.clientHeight; var deltaX = w - (x + el.dx + parseInt(el.w) - skinableCursor.cursor.browserDelta); var deltaY = h - (y + el.dy + parseInt(el.h) - skinableCursor.cursor.browserDelta); if (!skinableCursor.noSkin) { el.el.style.display = deltaX > 0 ? (deltaY > 0 ? 'block' : 'none') : 'none'; } } var p = skinableCursor.getMousePosition(e); var s = skinableCursor.getScrollPosition(); var c = skinableCursor.cursor; var x = p.x + s.x - c.browserDelta; var y = p.y + s.y - c.browserDelta; hide(c.lt, p.x, p.y); hide(c.rt, p.x, p.y); hide(c.rb, p.x, p.y); hide(c.lb, p.x, p.y); pos(c.lt, x, y); pos(c.rt, x, y); pos(c.rb, x, y); pos(c.lb, x, y); }, // private method. Returns mouse position getMousePosition : function (e) { e = e ? e : window.event; var position = { 'x' : e.clientX, 'y' : e.clientY } return position; }, // private method. Get document scroll position getScrollPosition : function () { var x = 0; var y = 0; if( typeof( window.pageYOffset ) == 'number' ) { x = window.pageXOffset; y = window.pageYOffset; } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { x = document.documentElement.scrollLeft; y = document.documentElement.scrollTop; } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { x = document.body.scrollLeft; y = document.body.scrollTop; } var position = { 'x' : x, 'y' : y } return position; }, // private property / methods. events : { anchor : function (e) { skinableCursor.noSkin = true; document.body.style.cursor = 'pointer'; var c = skinableCursor.cursor; c.lt.el.style.display = 'none'; c.rt.el.style.display = 'none'; c.rb.el.style.display = 'none'; c.lb.el.style.display = 'none'; }, show : function () { skinableCursor.noSkin = false; document.body.style.cursor = 'crosshair'; } }}skinableCursor.init();//]]></script></blockquote> <blockquote style="background-attachment: initial; background-clip: initial; background-color: initial; background-origin: initial; background-position: 0% 0%; border-left-color: rgb(190, 190, 190); border-left-style: solid; border-left-width: 4px; color: black; font: normal normal normal 13px/normal Tahoma; line-height: 17px; margin-bottom: 0px; margin-left: 12px; margin-right: 0px; margin-top: 0px; padding-bottom: 2px; padding-left: 8px; padding-right: 0px; padding-top: 2px; text-align: justify;">Kích cỡ ảnh theo trỏ chuột là: 45x45 pixel.</blockquote> Bước 2: Save template. (Lưu mẫu) Một số mẫu tạo dáng cho trỏ chuột với hình ảnh  <div style="border-bottom-color: rgb(79, 79, 79); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(79, 79, 79); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(79, 79, 79); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(79, 79, 79); border-top-style: solid; border-top-width: 1px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;"><img original="https://lh4.googleusercontent.com/-Yc7hq37tlHI/TmDmlyMMsqI/AAAAAAAACHk/Yk2Z4yi2GJQ/mouse-icon_10.png" src="https://lh4.googleusercontent.com/-Yc7hq37tlHI/TmDmlyMMsqI/AAAAAAAACHk/Yk2Z4yi2GJQ/mouse-icon_10.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh4.googleusercontent.com/-aE-jyGMDgik/TmDj5yMIpYI/AAAAAAAACF0/9SwKCYjcnDw/mouse-icon_1.png" src="https://lh4.googleusercontent.com/-aE-jyGMDgik/TmDj5yMIpYI/AAAAAAAACF0/9SwKCYjcnDw/mouse-icon_1.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh3.googleusercontent.com/-pnNhZ5g8LOM/TmDj5ga00xI/AAAAAAAACFs/IgacyaEEv-Y/mouse-icon_2.png" src="https://lh3.googleusercontent.com/-pnNhZ5g8LOM/TmDj5ga00xI/AAAAAAAACFs/IgacyaEEv-Y/mouse-icon_2.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh3.googleusercontent.com/-tySYthUBfek/TmDj5yLDv8I/AAAAAAAACF4/jOvFAxVKWVk/mouse-icon_3.png" src="https://lh3.googleusercontent.com/-tySYthUBfek/TmDj5yLDv8I/AAAAAAAACF4/jOvFAxVKWVk/mouse-icon_3.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh3.googleusercontent.com/-zelUBFGnsfg/TmGws2ReK4I/AAAAAAAACIg/dfH5I9lHHq8/mouse-icon_11.gif" src="https://lh3.googleusercontent.com/-zelUBFGnsfg/TmGws2ReK4I/AAAAAAAACIg/dfH5I9lHHq8/mouse-icon_11.gif" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh4.googleusercontent.com/-PGx4KIr6Qa0/TmDj55J0dDI/AAAAAAAACF8/OQflsMQHHio/mouse-icon_4.png" src="https://lh4.googleusercontent.com/-PGx4KIr6Qa0/TmDj55J0dDI/AAAAAAAACF8/OQflsMQHHio/mouse-icon_4.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh4.googleusercontent.com/-xOjEcI4XYIA/TmDj6CKzSkI/AAAAAAAACGI/eyQoyvQv1aw/mouse-icon_5.png" src="https://lh4.googleusercontent.com/-xOjEcI4XYIA/TmDj6CKzSkI/AAAAAAAACGI/eyQoyvQv1aw/mouse-icon_5.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh4.googleusercontent.com/-O9nMskf2oXU/TmDlysH5eDI/AAAAAAAACG4/T6cC7uODenY/mouse-icon_7.png" src="https://lh4.googleusercontent.com/-O9nMskf2oXU/TmDlysH5eDI/AAAAAAAACG4/T6cC7uODenY/mouse-icon_7.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh4.googleusercontent.com/-Py2bf1orRYQ/TmDlyoaRNqI/AAAAAAAACG0/lkPT8zd8jnQ/mouse-icon_6.png" src="https://lh4.googleusercontent.com/-Py2bf1orRYQ/TmDlyoaRNqI/AAAAAAAACG0/lkPT8zd8jnQ/mouse-icon_6.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh6.googleusercontent.com/-fKBEBM38prY/TmDmPupbVOI/AAAAAAAACHM/SMx1W9lxIRQ/mouse-icon_9.png" src="https://lh6.googleusercontent.com/-fKBEBM38prY/TmDmPupbVOI/AAAAAAAACHM/SMx1W9lxIRQ/mouse-icon_9.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh6.googleusercontent.com/-YhZ-vjd735s/TmDmPnafaDI/AAAAAAAACHQ/sQDE5UvCV4I/mouse-icon_8.png" src="https://lh6.googleusercontent.com/-YhZ-vjd735s/TmDmPnafaDI/AAAAAAAACHQ/sQDE5UvCV4I/mouse-icon_8.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> </div> THE END.</div><div style="background-color: white; font: normal normal normal 13px/normal Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;">Xem thêm tại đây: <a href="http://kenhdaihoc.com/forum/showthread.php?t=2090" style="font-family: 'Times New Roman'; font-size: medium;">http://kenhdaihoc.com/forum/showthread.php?t=2090</a></div></div>

Tạo dáng cho trỏ chuột với hình ảnh bất kỳcho blogspot

Giới thiệu: Hiệu ứng JavaScript này cho phép bạn tạo dáng cho con trỏ chuột trên trang web. Điểm đặc biệt của là nó cho phép bạn sử dụng hìn...

+ Đọc thêm »