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 reply rồi đó. bạn làm thử xem thế nào nhé !
XóaMình check mail rồi, chưa nhận được mail của bác :((
XóaBác gửi lại giùm mình được không? mail: linhtruongpc@gmail.com
Làm phiền bác quá... =.='
k có gì đâu bạn
XóaMình vẫn chưa nhận được mail bác ơi! Ko biết mail mình có bị gì ko nữa. =.=
Xó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 :"<
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!
bạn kiểm tra trong template của bạn có đoạn script nào chuyển hướng về trang đó k. nó thường nằm giữa cặp thẻ <head>...</head>. nhưng nếu nó được mã hóa rồi thì sẽ khó tìm hơn
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.
Xó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óaadmin cho mình gửi backlink ở đây nhé
Trả lờiXóaNhậ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ó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 ạ?
Đó là đoạn code liên kết tới web của mình nên bạn có thể bỏ đi.
XóaNhậ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