Chủ Nhật, 6 tháng 1, 2013

Tổng hợp cách chèn emoticons cho khung nhận xét blogger


Hôm nay ai vô blog của Tam Anh cũng thấy có một điều mới lạ đó là sự xuất hiện của những icon dễ thương biều hiện cảm xúc ngay cạnh phần lời bình-phải không nè?

Đó chính là nhờ công lao của tác giả bài viết mà Tam Anh sẽ chia sẻ với các bạn ngay sau đây-Bạn Thanh Tùng-chủ nhân của 2ku blog đấy.Cám ơn Thanh Tùng nhiều nhiều nhé!

Sau đây là bài viết hướng dẫn cách cài đặt mà Tam Anh đã mạn phép copy về đây để giới thiệu với mọi người.

 Cả nhà cùng làm thử xem sao nha!

Chúc mọi người thành công!
P/S:Nếu có gì cần giúp đỡ xin các bạn liên hệ với 2ku blog nhé!  

 Tổng hợp cách chèn emoticons cho khung nhận xét blogger


Hôm trước bạn Tam Anh Đường quân tử có nhờ 2ku blog hướng dẫn cách chèn biểu tượng cảm xúc (Emoticons) cho phần nhận xét của blogspot. Khung Đăng Nhận xét của blogspot vốn là một trang riêng được chèn vào blog thông qua thẻ iframe, và Google không cho ta quyền can thiệp vào phần này. Tuy nhiên, các "blogger vọc sĩ" không chấp nhận đầu hàng người khổng lồ Google và họ đã tìm được cách chèn các emoticons vào khung nhận xét này thông qua hàm Replace, thay thế các ký tự đặc biệt bằng hình ảnh. Để đáp ứng yêu cầu của bạn Tam Anh và giúp các bạn nào có nhu cầu tương tự, 2ku blog tổng hợp 1 số cách chèn emoticons vào khung nhận xét của blogspot. Mời các bạn tham khảo và chọn loại phù hợp cho blog mình.
Lưu ý: nên sao lưu (back up) lại mẫu (template) trước khi thực hiện nhé!

1. Chèn Emoticons dạng Kolobok Smileys (theo Help Blogger)

Trước khi bắt tay vào thực hiện các bước dưới đây, bạn phải gỡ bỏ hệ thống nhận xét phân cấp (threaded comments) khỏi blog thì các biểu tượng cảm xúc mới thể hiện được.

Bước 1:  Dashboard → Template → Edit HTML → Proceed → Expand Widget Template.

Bước 2: Sử dụng tổ hợp phím Ctrl+F để tìm đến khóa </body> và chèn ngay phía trên nó đoạn mã sau đây:
<!--kolobok-smileys-->
<script  src='http://shareallworld.googlecode.com/files/kolobok-smileys.js'  type='text/javascript'/><noscript><a  href='http://helplogger.blogspot.com/2012/04/how-to-add-emoticonssmileys-in-blogger.html'  target='_blank'><span style='font-size: x-small;'>Chèn  emoticons</span></a></noscript>
<!--kolobok-smileys-->

Bước 3: Tìm đến đoạn mã <b:loop values='data:post.comments' var='comment'> và chèn ngay trên nó khóa <div id='smileys'>.
Kéo chuột xuống dưới, tìm đến từ khóa </b:loop> (là khóa đóng cho đoạn mã <b:loop values='data:post.comments' var='comment'> ở trên). Ngay sau nó, chèn từ khóa </div> (là khóa đóng cho đoạn <div id='smileys'> mới chèn vào ở trên).

Bước 4: Tìm đoạn code <data:blogTeamBlogMessage/> (bạn có thể tìm thấy 4 đoạn mã như vậy, chọn đoạn thứ 2). Ngay dưới đoạn mã tìm được, bạn chèn đoạn mã sau đây:
<script type='text/javascript'>

//<![CDATA[

function moreSmilies() {

    document.getElementById('smiley-more').style.display = 'inline';

    document.getElementById('smiley-toggle').innerHTML = '<a 
href="javascript:lessSmilies()"><div style="font-size:small; 
font-weight:bold;color:#000000;">Ẩn Emoticons /<a 
href="http://helplogger.blogspot.com/2012/04/how-to-add-emoticonssmileys-in-blogger.html">Chèn
 Emoticons</div></a></span>';

}

function lessSmilies() {

    document.getElementById('smiley-more').style.display = 'none';

    document.getElementById('smiley-toggle').innerHTML = '<a 
href="javascript:moreSmilies()"><div style="font-size:small; 
font-weight:bold;">Hiện Emoticons</div></a>';

}

//]]>

</script>

<div class='emoticons'>

<span id='smiley-more' style='display: none;'>

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/smile3.gif'/>:)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/sad3.gif'/>:(

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/laugh.gif'/>:))

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/cray-1.gif'/>:((

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/rofl-1.gif'/>=))

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/suicide-1.gif'/>=D&gt;

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/biggrin2.gif'/>:D

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/blum.gif'/>:P

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/shok.gif'/>:-O

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/eusa_think.gif'/>:-?

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/unsure.gif'/>:-SS

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/flowers1-1.gif'/>:-f

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/doh-1.gif'/>d(

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/air_kiss3.gif'/>:-*

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/threaten-1.gif'/>b-(

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/help2.gif'/>h-(

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/good-1.gif'/>g-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/beee-1.gif'/>5-p

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/yahoo2-1.gif'/>y-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/crazy3-1.gif'/>c-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/spiteful.gif'/>s-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/drinks-1.gif'/>d-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/cheer-1.gif'/>w-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/hi-1.gif'/>:-h

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/give_heart-1.gif'/>:X

</span>

<span id='smiley-toggle'><a 
href='javascript:moreSmilies()'><div 
style='font-size:small;font-weight:bold;'>Hiện Emoticons <img 
src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/smile3.gif'/></div></a></span>

</div>

Bước 5: Tìm đoạn mã ]]></b:skin> và chèn ngay trước nó đoạn mã sau đây:
.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: 
-moz-initial;-moz-background-inline-policy: -moz-initial;text-align: 
left;width:580px;}

.emoticons a, .emoticons a:hover {margin-left: 20px;text-decoration:none;}
Bạn có thể thay đổi số 580 để điều chỉnh độ rộng khung chứa các emoticons.


Bước 6: Lưu lại và thưởng thức thành quả của bạn.

2. Chèn Yahoo smiley cho Threaded comments của blogger

Bước 1:  Dashboard → Template → Edit HTML → Proceed → Expand Widget Template.

Bước 2: Tìm đoạn mã ]]></b:skin> và chèn ngay trước nó đoạn mã sau đây:
<!-- Yahoo Smileys by http://www.cuanhcuem.net Code Start-->
.ysmiley {
    background: none repeat scroll 0 0 #EFF5FB !important;
    font-size: medium !important;
    padding: 10px !important;
    text-align: left !important;
    font-weight:bold !important;
    font-size:11px !important;
    margin-top:-35px;
}
img.bhacksmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}
<!-- Yahoo Smileys Code End-->

Bước 3: Tìm đến đoạn mã dưới đây:
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>

và chèn vào giữa 2 dòng mã đó đoạn mã sau đây:
<!-- Yahoo Smileys by http://www.cuanhcuem.net Star-->
<div class='ysmiley'>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>  :((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>  :))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>  :)]
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-}
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
<img alt='' class='bhacksmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!
</div>
<!-- Yahoo Smileys by http://cuanhcuem.net End-->

Bước 4: Tìm đền khóa </body> và chèn ngay trên đó đoạn mã sau:
<!-- Yahoo Smileys Script by http://cuanhcuem.net -->
<script src='http://shareallworld.googlecode.com/files/ysmiley_fixed.js' type='text/javascript'/>
<!--Yahoo Smileys Script Ends -->

Bước 5: Lưu lại và thưởng thức thành quả của bạn.

3. Chèn 3D smiley động cho Threaded comments (theo Duy Pham)
Những smiley này mình rất thích và đang được sử dụng tại 2ku blog. Nhìn chúng thật là đáng yêu phải không nào? Nếu bạn cũng nghĩ vậy thì chúng ta bắt tay vào việc .
Bước 1:  Dashboard → Template → Edit HTML → Proceed → Expand Widget Template.

Bước 2: Tìm đến khóa </body> và ngay trên nó, chèn đoạn mã dưới đây vào:
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
theText = bodyText.innerHTML;
theText = theText.replace(/:\)\)/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>");
theText = theText.replace(/=d&gt;/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>");
theText = theText.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>");
theText = theText.replace(/:p/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>");
theText = theText.replace(/\[\-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>");
theText = theText.replace(/:-t/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>");
theText = theText.replace(/@-\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

Bước 3: Tìm đến thẻ <b:loop values='data:post.comments' var='comment'> và thêm trước nó thẻ <div id='comment-holder'>. Tìm thẻ đóng </b:loop> và thêm sau nó thẻ </div>.

Bước 4: Tìm đến thẻ <data:blogTeamBlogMessage/> thứ 2 (thuờng thì có 4 cái như vậy) và chèn đoạn mã dưới đây vào sau nó.
<script type="text/javascript"> 
//<![CDATA[
function moreSmilies() {
    document.getElementById('smiley-more').style.display = 'inline';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">&#8592;</a></span>';
}
function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">&#8594;</a>';
}
//]]>
</script>
<div class='emoticons'>
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>:) 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>:( 
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>:)) 
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>:(( 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>=)) 
<span id='smiley-more' style='display: none;'>
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>=D&gt; 
<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>:D 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>:P 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>:-O 
<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>:-? 
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>:-SS 
<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>:-t 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>[-( 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>@-) 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>b-(
</span>
<span id='smiley-toggle'><a href="javascript:moreSmilies()">&#8594;</a></span>
</div>
Đoạn mã trên là để hiển thị những ký tự tắt và emoticons tương ứng với nó cho người đọc có thể biết được để chèn vào khung Nhận xét. Vị trí của nó sẽ ở ngay trên hộp ký tự nơi bạn gõ nhận xét.

Bước 5: Tìm đến khóa ]]></b:skin> và chèn ngay trước nó đoạn mã sau:
.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}
Bước 6: Lưu mẫu lại và cùng "chém phím" nào!

4. Chèn emoticons tổng hợp vui nhộn (theo Trollvl)

Bước 1:  Dashboard → Template → Edit HTML → Proceed → Expand Widget Template.
Bước 2: Tìm từ khóa </body> và chèn đoạn mã dưới đây ngay trên nó:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Click vào biểu tượng sau đó copy xuống form comment";
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// Emoticon bar before comment-form
$(function() {
    $(putEmoAbove)
        .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~  $-)  (b)  (f) x-)  (k)  (h)  (c)  cheer  (sm)  (fu)  (ku)  (bg)  (lol)<br/><b><a href="javascript:openup_parseHTML()" rel="nofollow" title="Mã hóa code trước khi đưa vào bình luận"><span class="text_style">Mã hóa code đưa vào comments</span></a></b></div>');
    var emo = function(emo, imgRep, emoKey) {
        $(emoRange)
            .each(function() {
            $(this)
                .html($(this)
                .html()
                .replace(/<br>:/g, "<br> :")
                .replace(/<br>;/g, "<br> ;")
                .replace(/<br>=/g, "<br> =")
                .replace(/<br>\^/g, "<br> ^")
                .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));
        });
    };
    emo(/\s:\)\)+/g, "https://lh3.googleusercontent.com/-duNoMAb1RS4/T2WEWrOfR8I/AAAAAAAACZ0/ObgHf-PmTuE/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://lh6.googleusercontent.com/-LIr-ZdDp2xI/T2WEYDacVnI/AAAAAAAACaY/W7MF5qKO2sE/s47/06.gif", ";((");
emo(/\s:\)+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/01.gif", ":)");
emo(/\s:-\)+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/03a.gif", "=))");
    emo(/\s;\(+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/04.gif", ";(");
    emo(/\s;-\(+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/05.gif", ";-(");
    emo(/\s:d/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/7.gif", ":d");
    emo(/\s:-d/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/09.gif", "@-)");
    emo(/\s:p/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/10.gif", ":p");
    emo(/\s:o/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/14.gif", "[-(");
    emo(/\s:-\?/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/16.gif", "(p)");
    emo(/\s:-s/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/19.gif", "8-)");
    emo(/\s:-t/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/20.gif", ":-t");
    emo(/\s:-b/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/22.gif", "b-(");
    emo(/\s:-#/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/23.gif", ":-#");
    emo(/\s=p~/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/31.gif", "(c)");
    emo(/\scheer/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/32.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/green29.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/soldier_baby15.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/soldier_baby18.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/soldier_baby21.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/yahoo_24.gif", "(lol)");

// Show alert one times!
    $('div.emoWrap')
        .one("click", function() {
        if (emoMessage) {
            alert(emoMessage);
        }
    });
    // Click to show the code!
  $('.emo')
        .css('cursor', 'pointer')
        .live("click", function(e) {
        $('.emoKey')
            .remove();
        $(this)
            .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
$('.emoKey')
            .trigger("select");
e.stopPropagation();
    });
    $('.emoKey')
        .live("click", function() {
        $(this)
            .focus()
            .select();
    });
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
 $('.separator a').attr({'class':'fancy','data-fancybox-group':'gallery'});
$('.fancy')
.fancybox({padding: 5, openEffect : 'elastic', openSpeed  : 400, closeEffect : 'elastic', closeSpeed  : 400, closeClick : true, helpers : {overlay : null}});
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
 $('.separator a').attr({'class':'fancy','data-fancybox-group':'gallery'});
$('.fancy')
.fancybox({padding: 5, openEffect : 'elastic', openSpeed  : 400, closeEffect : 'elastic', closeSpeed  : 400, closeClick : true, helpers : {overlay : null}});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Chọn mặt cười sau đó copy xuống form comment";
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// Emoticon bar before comment-form
$(function() {
    $(putEmoAbove)
        .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~  $-) (b) (f) x-) (k) (h) (c) cheer  (sm)  (fu)  (ku)  (bg)  (lol)  <br/><b><a href="javascript:openup_parseHTML()" rel="nofollow" title="Mã hóa code trước khi đưa vào bình luận"><span class="text_style">Mã hóa code đưa vào comments</span></a></b></div>');
    var emo = function(emo, imgRep, emoKey) {
        $(emoRange)
            .each(function() {
            $(this)
                .html($(this)
                .html()
                .replace(/<br>:/g, "<br> :")
                .replace(/<br>;/g, "<br> ;")
                .replace(/<br>=/g, "<br> =")
                .replace(/<br>\^/g, "<br> ^")
                .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));
        });
    };
    emo(/\s:\)\)+/g, "https://lh3.googleusercontent.com/-duNoMAb1RS4/T2WEWrOfR8I/AAAAAAAACZ0/ObgHf-PmTuE/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://lh6.googleusercontent.com/-LIr-ZdDp2xI/T2WEYDacVnI/AAAAAAAACaY/W7MF5qKO2sE/s47/06.gif", ";((");
emo(/\s:\)+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/01.gif", ":)");
emo(/\s:-\)+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/03a.gif", "=))");
    emo(/\s;\(+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/04.gif", ";(");
    emo(/\s;-\(+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/05.gif", ";-(");
    emo(/\s:d/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/7.gif", ":d");
    emo(/\s:-d/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/09.gif", "@-)");
    emo(/\s:p/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/10.gif", ":p");
    emo(/\s:o/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/14.gif", "[-(");
    emo(/\s:-\?/g, "https://huyco-troll.googlecode.com/svn/trunk/smile/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/16.gif", "(p)");
    emo(/\s:-s/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/19.gif", "8-)");
    emo(/\s:-t/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/20.gif", ":-t");
    emo(/\s:-b/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/22.gif", "b-(");
    emo(/\s:-#/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/23.gif", ":-#");
    emo(/\s=p~/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/31.gif", "(c)");
    emo(/\scheer/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/32.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/green29.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/soldier_baby15.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/soldier_baby18.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/soldier_baby21.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://huyco-troll.googlecode.com/svn/trunk/smile/yahoo_24.gif", "(lol)");
 
// Show alert one times!
    $('div.emoWrap')
        .one("click", function() {
        if (emoMessage) {
            alert(emoMessage);
        }
    });
    // Click to show the code!
  $('.emo')
        .css('cursor', 'pointer')
        .live("click", function(e) {
        $('.emoKey')
            .remove();
        $(this)
            .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
$('.emoKey')
            .trigger("select");
e.stopPropagation();
    });
    $('.emoKey')
        .live("click", function() {
        $(this)
            .focus()
            .select();
    });

});
//]]>
</script>
</b:if>

<div class='cleared'/>
<script type='text/javascript'>
function openup_parseHTML() { window.open(&quot;http://ma-hoa-trollvl.blogspot.com/&quot;, &quot;followblog&quot;, &quot;height=700, width=630, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no&quot; ); }
</script>

Lưu ý: nếu emoticons không xuất hiện, có thể là do template của bạn thiếu jQuery. Khi đó bạn chèn đoạn mã dưới đây ngay trên thẻ </head>:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'/>

Bước 3: Lưu lại là xong!
Chúc bạn thành công!
Hot!

4 nhận xét:

  1. Tem bạc 1 nhát cho ló máo... rùi ngồi 8 típ heng :>) :>) :>)
    Trả lờiXóa
  2. Tem đồng cho Linh Châu nữa... lúc nào sang thì ngồi luôn vào đây mà 8... kẻo chạy xuống tít dưới... tìm mỏi lắm :d :d :d
    Trả lờiXóa
  3. Tem sắt vụn ... à không... Tem Chì cho Muống nữa nha... đi sớm... xí cái mặt tiền mà ngồi... kẻo toàn ra sau nhà 8... lắm muỗi lắm í :-d :-d :-d

28 nhận xét:

  1. Chào em , tôi muốn em chỉ giúp tôi cách cài đặt tờ lịch âm dương và bức ảnh cuối trang vào Blog được không? Cảm ơn!

    Trả lờiXóa
  2. Anh muốn cài lịch âm dương thì anh anh vô Thiết kế-bố cục-thêm tiện ích-chọn thêm tiện ích HTML rồi dán code lịch vào-Lưu là xong.


    Muốn cài ảnh chân blog cũng làm tương tự như thế.Anh chọn thêm tiện ích HTML rồi kéo nó về nơi mình muốn-tìm link ảnh mình thích dán vào coe-sau đó dán vô chỗ tiện ích HTML -Lưu vậy là xong.
    Code Tam Anh đã chia sẻ ở bài viết trước.Anh tìm đọc lại nhé!
    Bài "Chia sẻ kinh nhiệm trang trí blog" ấy.
    Chúc anh thành công!
    TA tính cho anh luôn cả code lịch nhưng phần comment bên đây không chấp nhận code HTML nên đành thôi.
    TA cho anh link lịch vậy:

    http://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/Share/chiploveMediaLoaderS.swf?http://d.violet.vn/uploads/resources/507/lichDH_hoahong_tinhyeu_1a.sw

    Trả lờiXóa
  3. Linh Giang với Diep ơi!Lúc nãy bài đăng bị lỗi mà TA sửa hoài không được nên đành phải xóa bỏ,đăng bài khác rồi.
    Bởi thế comment của 2 bạn mình đành copy dán vào bài viết bên đây.Thông cảm nhé! :) :) :)) :))

    Trả lờiXóa
  4. chị ui, mún cài thêm dòng hướng dẫn kia thì làm sao?

    Trả lờiXóa
  5. Chị ui, sao cái còm của chị và của 2N nó hiện trên mail mà hổng chịu hiện lên trên bài của em nhỉ, huhu

    Trả lờiXóa
  6. KHó thế, e chả bít làm đâu, huhu

    Trả lờiXóa
  7. Ơ hay ! chị Linh Giang xí cho em chỗ mặt tiền roai , sao em vào ngồi lại bị bảo về đuổi ra là seo ...ko chiu đau [-( [-( [-( [-( [-( [-( [-(
    ;(( ;(( ;(( ;(( ;(( ;(( ;(( ;(( ;(( ;((

    Trả lờiXóa
  8. He he, cũng vui, nhưng dòm cái bài, thấy 1 dãy code, làm biếng học quá TA ơi :-#

    Trả lờiXóa
  9. Chị em giỏi quá ha, vụ này em potay chị ạ ;(

    Trả lờiXóa
  10. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  11. Sao hôm nay tự nhiên không thể trả lời còm cho mọi người được thế này [-(???

    Trả lờiXóa
  12. Hoa Tulyp ơi!Em vô Thiết kế-Cài đặt-Bài đăng và nhận xét-Chọn ô Thư thông báo Mẫu Nhận xét rồi viết cái gì mình muốn hướng dẫn vào đó nhé!

    Trả lờiXóa
  13. Lili ơi!Khi nào chị comment trong bài đăng của em thì em mới thấy,còn chị viết ở google+ thì em cũng nhận được mail báo nhưng nó không hiện trong bài viết đâu.

    Trả lờiXóa
  14. Violet ơi!Cái này công nhận khó,có người làm được,có người không.Như chị đây cũng phải đi nhờ đấy.hi..hi.. :)

    Trả lờiXóa
  15. Muống ơi!Thôi ngồi dưới đây cho nó mát mẻ mà đỡ bụi bặm.Ngoài mặt tiền tuy đông vui nhưng vừa ồn,vừa bụi,hại sức khỏe lắm! x-) x-) x-)

    Trả lờiXóa
  16. LaoNong NgocHo ơi!Cám ơn bạn đã ghé thăm nhà mình nha!Nhìn "mớ code" công nhận thấy "oải" hen?Hi..hi..
    Chúc bạn ngủ ngon nhé!

    Trả lờiXóa
  17. Hoa Mua ơi!Chị cũng chẳng tự cài mấy cái icon này được đâu.Đọc code toét cả mắt nên làm biếng quá,phải đi nhờ người khác làm cho đấy. :d

    Trả lờiXóa
  18. Ơ sao cái nhà của chị hum ni ... kỳ thía này .. khách ngồi ở chuồng này nói chuyện .. Chủ nhà lại ngồi ở nguyệt vọng lầu trả lời ... hem hiểu [-( [-( [-( [-( [-( [-( [-( [-( [-(

    Trả lờiXóa
  19. Heheeeee, spot đang phá chị à, tại hắn thấy chị giỏi quá nên ganh tị đấy chị ui:O) :2) :2)

    Trả lờiXóa
  20. Hai em gái thông củm nhé!Chả hiểu sao cái bài này nó bị lỗi vậy.Chắc như vầy mới thể hiện đẳng cấp nhà Đại Gia được mấy em ợ!Ka..ka..Nhà nhiều phòng nên mỗi ngừi ngồi một phòng lói chiện qua vô tuyến. :d :d :d

    Trả lờiXóa
  21. Cám ơn Tam Anh đã chia sẻ mấy bài thủ thuật blog ! LV đã nghiên cứu mấy tiếng đồng hồ, mới thêm vào được mấy "thẻ" mặt cười và hình ! Cám ơn nhiều lắm ! Chúc TA luôn an vui và nhiều hạnh phúc ! :)
    [IMG]http://i1110.photobucket.com/albums/h444/El-Vi/fleur-anime-125.gif[/IMG]

    Trả lờiXóa
  22. UI !!! Sao hình không hiển thị !!! [-(

    Trả lờiXóa
  23. Tam Anh ơi...! LR có theo cách chỉ dẫn chèn code tặng hình cho nhau nhưng không hiểu sao lại bị lỗi giờ muốn gở ra thì lại mần sao đây Đường Quân Tử ơi....hép mi hép mi ;-( ;-( ;-(

    Trả lờiXóa
  24. Mùa Thu Buồn ghé xin Tam Anh chút đồ mang về nhà trang trí nha , cám ơn Tam Anh nha .

    Trả lờiXóa
  25. Hôm trước em có làm theo hướng dẫn nhà Sóng đại đương mà ứ được. Để hôm nào rảnh hơn em làm theo cách chị bày xem sao :)) ( Mà chị đã cài icon cho com theo cách thứ mấy vậy chị? )

    Trả lờiXóa
  26. Tigon ơi!Chị cài theo cách thứ 3 đấy.

    Trả lờiXóa
  27. Chị không cài được ảnh đáy blog và code tuyết rơi như bên nhà cũ , em hướng dẫn dùm chị đi . Cảm ơn em nhiều nha .

    Trả lờiXóa
  28. Chị Hoa Tim ơi!Cnh chân blog thì chị cũng mở thiết kế-bố cục ra-chọn thêm tiện ích HTML ở phía dưới chân blog rồi dùng code em đã chia sẻ ở bài Bấm vào đây dán link hình trang trí vô đó.Sau đó cho vào tiện ích HTML nhé!

    Trả lờiXóa
Mẹo Comment Chèn Emoticons
:))
:-t
:D
:p
:)
:(
:-o
:-*
=((
=))
:((
[-(
:-h
\m/
@};-
>:D<
[-X
=D>
*-:)
B-)
:">
:-bd
8->
I-)
:x
X(
;;)
;)
:-$
:-/

Lên đầu trang
Vào giữa trang
Xuống cuối trang