Sau đây là các bước thực hiện:
Bước 1: Tại trang quản trị blog, các bạn vào Mẫu -> Chỉnh sửa HTML (các bạn nên sao lưu mẫu của mình trước khi thực hiện thủ thuật).
Bước 2: Chèn đoạn code sau vào trước thẻ đóng </head>:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".toggle_container").hide();
$("h3.trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
});
});
</script>
Xóa đoạn màu xanh nếu blog của bạn đã có thư viện jQuery
Bước 3: Chèn đoạn code sau vào trước thẻ ]]></b:skin>:
/*----- Comment box - www.đoàntrịnh.vn ----*/
h3.trigger {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAi834mrewXIDcvhqbjeMSF6mcz2mPUmksJKuKDThnTpFtf_t9nUJ1jMWVdK5ajp91TJKaiAM_5LG5RIKrkz3v8CCrZkOzFwqog-fasl42nnES2uQV3YcK5372TzlMREA18pHf7qgbkpg/s1600/comment-boxbg.png) no-repeat;
height: 44px;
line-height: 46px;
width: 518px; border-radius:4px;
font-family:Arial;
font-size: 1.4em;
font-weight: bold;
text-align:left;
color:#A1A1A1;
float: left;
cursor:pointer;
box-shadow: #333 0px 1px 3px;
padding:0 0 0 50px;
margin:10px 0px 10px 10px;
}
h3.active {
background-position: bottom left;
color:#ddd;
}
.toggle_container {
padding-left:10px;
overflow: hidden;
clear: both;
}
- Có thể thay đổi độ rộng 518px cho phù hợp với blog của bạn
- Có thể tùy chỉnh style của widget tùy ý nếu bạn hiểu biết về code
Bước 4: Tìm dòng <b:includable id='comment-form' var='post'> và chèn đoạn code sau vào bên dưới nó:
<h3 class='trigger'>Click Here To add Comment</h3>
<div class='toggle_container'>
<div class='block'>
Bạn có thể sửa dòng chữ màu xanh theo ý thích của mình
Bước 5: Tiếp tục tìm </b:includable> và chèn phía trên nó đoạn code:
<p style=' line-height:0px; font-family:Arial; font-size:8px; font-weight:bold; text-align:right;'><a href='http://www.đoàntrịnh.vn' style='color:#CAC8C8;'><i>Blogger Widgets</i></a></p> </div> </div>
Để việc thực hiện thủ thuật được chính xác, các bạn hãy xem hình sau:
Nếu có bất cứ thắc mắc gì hãy để lại comment bên dưới.
Chúc các bạn thành công !
Xem thêm: http://kjmagic.blogspot.com/2014/03/blogger-comment-box-widget.html
Nhận xét
Bác Đoan Trịnh ơi! Mình có gửi mail qua box liên hệ trên web của bác rồi. Nhờ bác giúp đỡ giùm mình với. Tự mò mà tới đó bí rồi @_@, mà lại đang cần gấp.hix.... mail của mình là linhtruongpc@gmail.com đó bác. Nhờ bác giúp dùm...Cảm ơn nhiều nhiều lắm
Trả lờiXóaMình check mail rồi, chưa nhận được mail của bác :((
Trả lờiXóaBác gửi lại giùm mình được không? mail: linhtruongpc@gmail.com
Làm phiền bác quá... =.='
A Nam ơi nhớ sửa mẫu giúp e nè! 2 ngày rùi chưa thấy a Nam hồi âm gì cả. Mà e hỏi ngoài lề tý hôm qua blog e bị chuyển hướng sang thằng xvideo mới đau. Không biết nguyên nhân từ đâu nữa. A Nam biết vấn đề này ko?
Trả lờiXóaThank a!
Mình vẫn chưa nhận được mail bác ơi! Ko biết mail mình có bị gì ko nữa. =.=
Trả lờiXóaHay bác gửi thêm vô 2 cái mail này nữa dùm mình nha (cho chắc ^_^):
zanglinh1990@gmail.com
linhtruongpc@gmail.com
Làm phiền bác Đoàn Trịnh thêm lần nữa nha :"<
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaChào nam , mình đang tạo 1 blog và mình muốn chèn 1 trang bảng thử mã HTML vào trong blog của mình giống trang này http://namkna.blogspot.com/p/test-html-and-javascript.html
Trả lờiXóacho mình xin code với , thanks ! Email của mình : laihienquang@gmail.com
Đoạn code bạn cần đây: CODE TẠO TRANG THỬ MÃ HTML
XóaKiểm tra lại xem trình duyệt khác có bị như thế không nha. Có khả năng do addon nào đó của trình duyệt gây ra.
Trả lờiXóaKhả năng do e đặt cpm của một thằng e xóa n đi rùi thấy ok. Mà a Nam chỉnh giúp e mẫu đi ạ. A nam bảo e chỉnh kích thước trong thiết kế mẫu thì ảnh nó ra ko cân @@. A Nam giúp e ạ. Cảm ơn a!
XóaOke. mấy hôm rồi bận đi đám cưới liên tục nên không có thời gian nữa ;)
Xóamình gửi mail mà chưa thấy bạn trả lời. giúp mình nhé
Trả lờiXóanó giống như blog này bạn ạ
Trả lờiXóahttp://themeforest.net/item/shopper-magento-theme-responsive-retina-ready/full_screen_preview/3139960
nó thanh điều hướng ở mỗi nhãn trong trang chủ.
Bạn xem giúp mình nhé...Thanks bạn
Để lát mình kiểm tra mail xem sao. Bạn lưu ý những mail không ghi rõ yêu cầu cần trợ giúp mình sẽ không giải đáp nha.
XóaAnh ơi cho em hỏi nếu bỏ đoạn:
Trả lờiXóa<a href='http://www.đoàntrịnh.vn' style='color:#CAC8C8;'><i>Blogger Widgets</i></a>
Thì tiện ích có chạy không ạ?
Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaChào bạn
Trả lờiXóaKhông biết bạn có thể gửi cho mình mẫu template nào mà khi mình đăng bài sẽ không có lượng link out như là share-post, post-edit, của google.Được không vậy bạn,
Nếu có thể bạn gửi cho mình qua mail là nsthanhit@gmail.com
Cảm ơn bạn nhiều
Bạn có thể chọn một mẫu mà bạn thích tại đây: CHỌN MẪU BLOSPOT
Xóamẫu mã tuyệt lắm. Thank's bạn.
Trả lờiXóa