Để thay đổi avatar mặc định nhàm chán của blogspot thành những avartar mà bạn thích cách làm rất dễ dàng
1- thêm thư viện jquery vào
2-mở edit/html trong chỉnh sửa chèn code sau vào trước </body>
để thay avartar cho anonymous
link ảnh màu đỏ là dùng để thay thế avartar mặc định của blogspot
1- thêm thư viện jquery vào
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
2-mở edit/html trong chỉnh sửa chèn code sau vào trước </body>
để thay avartar cho anonymous
<script>để thay avartar cho blogger không dùng ảnh đại diện
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAsCQwdHyNf9CQFMNd072n9Ii0hZlMDhJmCFX4CRiRpzs_w5pOdzRoDAqWg_KKdOTfrj0ktxHjZ67FVA5l2lejPB2pI8IdDk5nJnETq-BahRSI3yVPQRfz_52jwfpH9vrgwOzWz_E2M5Mw/s36/anonymous-mask-500x500.jpg')
.ssyby('blank')
</script>
<script>
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2YQlcdjB4YxGErIWBwmQQN6LYr__0CFHFYLvo8_Rxr1XfUgp__NS5iVTeiLr-SZ0Iioiv42OkQIaYYAqVW_E-ZeSkKqsNjzPKwnskGfaFFGUAKwMbpL-bOWy8UB_Vlx3Ehh-WYQ9mT7gz/s36/cobra80x80.jpg')
.ssyby('blank')
</script>
link ảnh màu đỏ là dùng để thay thế avartar mặc định của blogspot
Bạn ơi cho mình hỏi, thêm thư viện jquery ở bước 1 là thêm vào phần nào thế?
ReplyDeleteđây là thư viện nên bạn có thể đặt trước tab </head>
DeleteCám ơn bạn nha. À mà bạn có cách nào để tạo thanh cuộn scrollbar cho phần comment của blogspot không? Để khi phần bình luận dài quá thì thanh cuộn sẽ xuất hiện, đỡ chiếm diện tích ấy ^^
Delete.comment_content{
ReplyDeleteheight: 400px;
width:480px;
overflow:auto;
}
tùy từng template bạn có thể khác
Thanks bạn nhiều, mình tùy biến một chút và thành công rồi ^^
DeleteCám ơn bạn đã nhiệt tình giúp mình
Hic hic, cho mình làm phiền bạn xíu nha. Số là phần thanh cuộn cho comment ko có vấn đề gì, nhưng khi đăng nhập bằng điện thoại lại ko thể cuộn xuống để đọc comment, mà khung để add comment cũng nằm trong đó, thế nên ai đọc bằng đt sẽ ko thể nào bình luận đc (đa số độc giả của mình online bằng đt)
ReplyDeleteVậy nên mình muốn hỏi bạn cách để chỉ áp dụng thanh cuộn cho phần bình luận thôi, còn khung để add comment vẫn nằm phía dưới, giống blog của dunghennessy ấy.
Cám ơn bạn nhiều lắm, xin lỗi đã làm phiền!
comment chia làm 2 phần comment đã hiện và comment form ( để cho người đọc comment ) bạn cần xác định đâu là phần thêm thanh cuộn
Deletevd của mình là comment-content và comment-form
goo.gl/sIQTkX
bạn muốn thanh cuộn ở comment-content chỉ cần add css
.comment_content{
height: 400px;
width:480px;
overflow:auto;
}
tuy nhiên blog của bạn lại khác -mỗi template 1 kiểu mà code css cho blog bạn có thể là
goo.gl/qN002u
#comment-holder{
height: 400px;
width:480px;
overflow:auto;
}
còn đây là của hen si si gì đó
goo.gl/kzePQ9
comments-block {
margin: 1em 0px 1.5em;
line-height: 1.6em;
padding-left: 20px;
height: 300px;
width: 580px;
overflow: auto;
}