Xin chào, trong bài trước mình đã giới thiệu đến các bạn cách thêm biểu tượng vui/emoticons vào bình luận blogger. Tuy nhiên, ở một số blog khác không tích hợp nên hôm nay mình xin giới thiệu với các bạn một cách khác.
Không cần nói nhiều nữa, vào luôn nhé:
Bước 1: Bạn đăng nhập Blogger, sau đó chọn Mẫu => Chỉnh sửa HTML.
Ctrl + F để tìm kiếm ]]></b:skin> và thêm đoạn mã sau vào trước nó:
 |
| Thêm biểu tượng vui/emoticons blogger |
Không cần nói nhiều nữa, vào luôn nhé:
Bước 1: Bạn đăng nhập Blogger, sau đó chọn Mẫu => Chỉnh sửa HTML.
Ctrl + F để tìm kiếm ]]></b:skin> và thêm đoạn mã sau vào trước nó:
.emo1 {position: relative;width: 86%;padding: 10px;margin: 0 auto;background: #fff;background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);background-image: -moz-linear-gradient(center, #FFFFFF 0%, #FFF9F2 100%);background-image: -o-linear-gradient(center, #FFFFFF 0%, #FFF9F2 100%);background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);Bước 2: Tiếp theo coppy đoạn mã dưới đây:
background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);border: 1px solid #3C69C9;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-moz-box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow: 0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);font-weight: normal;color: #333}
<div class='emo1'>Bước 3: bạn tìm đoạn mã dưới đây và dán đoạn mã đã coppy ở bước 2 vào trước mà này:
<div class='emoticons'>
<b><img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/9.gif' style='max-height:24px'/> :)
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/62.gif' style='max-height:24px'/> :(
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/66.gif' style='max-height:24px'/> :((
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/20.gif' style='max-height:24px'/> :))
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/42.gif' style='max-height:24px'/> ;)
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/36.gif' style='max-height:24px'/> :D
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/59.gif' style='max-height:24px'/> :-/
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/17.gif' style='max-height:24px'/> :x
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/13.gif' style='max-height:24px'/> :P
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/67.gif' style='max-height:24px'/> :-O
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/22.gif' style='max-height:24px'/> X(
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/47.gif' style='max-height:24px'/> :-h
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/24.gif' style='max-height:24px'/> I-)
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/78.gif' style='max-height:24px'/> =D7
<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/6.gif' style='max-height:24px'/> @-)</b>
</div></div>
<b:if cond='data:post.allowNewComments'>Bước 4: bạn tìm đoạn code dưới đây và cũng dán đoạn code ở bước 2 vào sau nó:
<b:include data='post' name='threaded-comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>Bước 5: Tìm </body> và dán đoạn mà sau vào trước nó:
<p><data:blogCommentMessage/></p>
<!-- Smileys Script by JQThang -->Lưu mẫu và cảm nhận thôi!
<script type='text/javascript'>
/* Smileys For Blogger Comments
* by JQThang
* Url:http://jqthang.blogspot.com
*/
a = document.getElementById('comment-holder');
if (a) {
b = a.getElementsByTagName("p");
for (i = 0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-content') {
bh_b_smly = b.item(i).innerHTML.replace(/:\)\)/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/20.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/:\(\(/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/66.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/:\(/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/62.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/\;\)/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/42.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/:D/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/36.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/:-\//gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/59.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/:x/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/17.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/:\P/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/13.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/:-\O/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/67.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/\X\(/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/22.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/:\)/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/9.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/=\)\)/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/20.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/:-h/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/47.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/\I-\)/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/24.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/=\D7/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/78.gif' style='max-height:24px'/>");
bh_b_smly = bh_b_smly.replace(/\@-\)/gi, "<img alt='' class='bhacksmly' src='http://blog.uhm.vn/emo/bpopo/6.gif' style='max-height:24px'/>")
b.item(i).innerHTML = bh_b_smly;
}
}
}
</script>
<!--Smileys Script Ends -->
JQThang's Blog
Bình luận Blogger
● Comment có văn hóa: Không chửi tục, nói bậy, thông qua khung Comment.
● Với tên "ẩn danh" thì bạn tích vào ô: "chứng minh bạn không phải là rô-bốt".
● Để bình luận một đoạn code, bạn click vào đây để mã hóa code trước nhé !
● Để đăng ảnh làm hình minh họa, bạn click vào đây để Upload ảnh lên sever nhé !
0 nhận xét | Viết lời bình