11 BƯỚC XÂY DỰNG WEBISTE KINH DOANH DÀNH CHO NGƯỜI KHÔNG BIẾT VỀ IT

Nội dung:

Tại sao bạn cần một website?- 2

BƯỚC 1- TẠO 1 TÀI KHOẢN GOOGLE- 3

BƯỚC 2- TẠO WEBSITE VỚI BLOGGER CỦA GOOGLE- 7

BƯỚC 3- ĐĂNG BÀI VIẾT LÊN WEBSITE- 10

BƯỚC 4- SỬ DỤNG CÁC CÔNG CỤ BLOGGER-- 15

BƯỚC 5- TÌM MẪU GIAO DIỆN (TEMPLATE) PHÙ HỢP- 22

BƯỚC 6- CHỈNH SỬA MENU VÀ TIÊU ĐỀ TIỆN ÍCH-- 26

BƯỚC 7- THÊM CÁC TIỆN ÍCH VÀO WEBSITE- 29

BƯỚC 8- GẮN TÊN MIỀN RIÊNG VÀO WEBSITE- 33

BƯỚC 9- CẬP NHẬT NỘI DUNG VÀ CHIA SẺ- 36

BƯỚC 10- CÁCH ĐẶT OPTIN FORM CHO TRANG BLOGGER-- 37

BƯỚC 11- ĐO LƯỜNG HIỆU QUẢ WEBSITE

11 bước xây dựng website kinh doanh dành cho người không viết về it from Ceo Dicaprio

Xem thêm…

Blogger có 1 sức mạnh khủng khiếp, nhưng nhiều người chưa hiểu rõ được công dụng của nó. Khi chúng ta sử dụng template của blogger, thường hay dính chữ [ Được cung cấp bởi Blogger], hôm nay Long hướng dẫn các bạn xóa dòng chữ đó để website của mình trông bắt mắt hơn.
 1. Các bạn vào Mẫu -> Chỉnh sửa HTML và tìm dòng chữ sau 'attribution ' 

Tiếp theo để ý dòng chữ sau :
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
 Thay thế từ  true (màu xanh) thành  false và lưu mẫu lại

2. Cuối cùng vào Bố cục tìm tiện ích [Định cấu hình Thuộc tính Cung cấp bởi blogger] và xóa đi là xong -

Long Dicaprio chúc bạn thành công!

Xem thêm…

Việc mua tên miền (domain) cho website là tất yếu đối với ai muốn trở thành webmaster, còn với những blogger thì domain cũng rất cần thiết, tạo sự chuyên nghiệp của blogger của mình và cũng là cách an toàn để khỏi bị các nhà mạng như VNPT cấm vào blog.

Godaddy là một trong những nhà cung cấp tên miền quốc tế uy tín và nổi tiếng bậc nhất, cũng có nhiều người thích mua domain qua Yahoo hay Google, nhưng một ưu điểm khác của Godaddy là nhiều khuyến mãi ( Tuần nào cũng nhận được mail thông qua khuyến mãi sale off 30%... )

Với giá khoảng hơn 3$/năm/domain .com, chưa kể các chương trình khuyến mại khác.

Bước 1- Mua Domain

Để mua domain của Godaddy, bạn phải đăng ký 1 tài khoản trướ và bạn phải có 1 tài khoản thanh toán online ( tài khoản Paypal,  hay thẻ Visa...). Việc đăng ký rất đơn gianr, tuy nhiên xin lưu ý là nên cung cấp các thông tin đúng của mình (Không nhập tên theo kiểu forum thông thường) bởi vì đó là cơ sở nếu có tranh chấp nào đó xảy ra.

Chú ý:

Godaddy rất hay có khuyến mãi, giá domain có khi chỉ 2$, thậm chí 1$. Tuy nhiên tùy vào nhu cầu của bạn mà lựa chọn hợp lý. Ví dụ, bạn có ý định dùng tên miền đó lâu dài thì không nên chọn phương án mua 2$/năm, vì các năm sau gia hạn thì giá trị thường là 12$, tổng 10 năm là 110$=> nên chọn mua giá 7,9$/năm, 10 năm là 79$. Dưới đây tôi đưa ra ác lựa chọn cho các bạn (Click vào Banner để bắt đầu mua nhé):

Điền đầy đủ các thông tin:
Firsr name: Tên của bạn.

Middle Name: Tên đệm của bạn

Last Name: Họ của bạn.

Login Name: Nick dùng để truy cập Godaddy.

Password: Mật khẩu

Confirm Password: Nhập lại mật khẩu trên.

Password Hint: Password gợi nhớ- Là từ khóa bạn chọn để có thể nhớ lại mật khẩu

Call-in PIN: Đanh vào 4 số bạn chọn. Đây là số PIN dùng khi cần liên hệ với Godaddy, bạn nên chọn số dễ nhơ với bạn và người khác không mò ra nó.

Organization: Cơ quan ( Nếu chưa đi làm thì để trống).

Address 1&2: Địa chỉ nhà bạn. Bắt buộc ghi địa chỉ ở addres 1, nếu dài quá thì chia ra ghi tiếp ở dòng 2.

City: Thành phố bạn đang sinh sống.

State/province: Thành phố hoặc tỉnh. Hãy chọn country trước khi điền mục này.

zig/Postal code: Mã bưu chính. Để hiểu thêm về Mã bưu chinh. Các bạn vào đây xem

Country: Tên quốc gia

Work Phone: Điện thoại cơ quan.

Work Ext: bỏ trống.

Home Phone: Điện thoại di động (Không bắt buộc)- Nhớ ghi 084 nữa!

Mobile Phone: Điện thoại di động ( Không có cái nào trong list thì để "Other").

Fax: (Không bắt buộc).

Account type: Chọn Personal nếu bạn là cá nhân, chọn business nếu bạn lập acc cho doanh nghiệp, còn nếu bạn là cá nhân tự mở doanh nghipeej thì chọn Both.

Gender: Chọn Male nếu là nam, Female nếu là nữ.

Birthday: Chọn gày và tháng sinh của bạn.

Email: Email bạn đang dùng (Email này quan trọng, phải nhập chính xác, cẩn thận)

Confirm Email: Nhập lại email trên

Next=> OKE

Sau khi có tài khoản Godaddy, các bạn logon vào Godaddy.com để bắt đầu mua tên miền và set-up nó.

- Nhập tên domain bạn muốn mua vào ô tìm kiếm, nhấn GO!

- List danh sách các site theo yêu cầu của bạn ( các đuôi .info, .org, .net, .us, .com,...), bạn chọn cái mình muốn rồi nhấn vào continue to Registration, các bảng thông báo hiện ra, bạn cứ chọn continue sẽ đưa đến trang cài đặt khác ( Ví dụ: Tên miền bạn mua 1 năm, 2 năm hay 5 năm.... có đăng priviate không...)

Nếu bạn không có thêm tùy chọn nào khác thì cứ chọn OK/continue/ hoặc Next sẽ đưa bạn đến phần CHECKOUT. Điền các thông tin tài khoản Paypal/ Visa của bạn vào rồi chọn PLACE ORDER NOW, 1 trang hiện ta yêu cầu đánh password đăng nhập ( Long dùng Visa), xong là Ok.

Sẽ có 1 email thông báo bạn đã mua 1 domain ở Godaddy. Chờ Godaddy xác nhận à ok (Thời gian xác nhận chậm nhất là 24h sau đó).
Sau khi xác nhận xong bạn vào st-up trỏ nó về blog của bạn.

Bước 2- Trỏ Domain mua từ Godaddy về Blogger

Có 2 bước:

Bước 1: Set-up ở Godaddy:
Đăng nhập vào Godaddy==> My acccount==> Domain: Chọn domain bạn cần setup rồi click vào Lauch (Dưới cột  Action).==> Vào tiếp DNS Manager.

- Xóa hết các từ khóa ở cột A (Host) và CNAME (alias) mặc định của Godaddy đi và nhập 3 từ khóa mới sau vào phần A (Host) và 1 từ vào CNAME. Theo hình ảnh dưới đây:
              + Đối với cột A (Host) bạn copy phần này và thêm vào:
                                      @   216.239.32.21
                                      @   216.239.34.21
                                      @   216.239.36.21
                                      @   216.239.38.21

                               + Đối với cột CNAME: Bạn thêm vào các trường:
                                        www    ghs.google.com
                                        p4gfnc43532h     gv-ao2jetdznj5dff.dv.googlehosted.com

Save lại.

Bước 2: Setup ở blogspot

Chờ bài giở để hệ thống DNS cập nhật bạn đã sở hửu 1 Web Blog có 1 tên miền chuyên nghiệp chứ không phải dạng abc.blogspot.com nữa!

Nếu bạn có khó khăn vui lòng liên lạc với Long để mình hổ trợ nhé!
Chúc các bạn thành công!

Xem thêm…

Các bạn thân mến!
Khi chúng ta tạo nên trang web mang tính chuyên nghiệp thì những thành phần tích hợp như: chức năng bản quyền của Blogger, đặt biệt là trang web rất nổi tiếng là Soratemplates. Gây cảm giác rất khó chịu cho người dùng, làm cho website không mang tính chuyên nghiệp. 

Hôm nay Long sẽ chia sẻ cho các bạn về loại bỏ hoàn toàn chức năng bản quyền ở dưới chân trang website của Blogger | Soratemplates. Các bạn có thể nhìn hình dưới đây:

"

Thứ 1: Chúng ta xóa cụm từ "Terms Privacy Policy Sitemap Contact Us"  bằng cách:
Chúng ta vào phần mẫu-> Chỉnh sửa HTML-> Search :"Terms"  và xóa bỏ:

Và đây là kết quả của bước 1:

Bước tiếp theo Long muốn bỏ cụm từ : "Soratemplates and Blogger templates" và thay vào đó là cụm từ: Long Dicaprio | CEO Kiến Thức Hay Corporation | Chuyên Gia Internet Marketing Online | Vua Sự Kiện. Long sẻ xóa bỏ đoạn code cũ và thay vào đoạn:

<span class='text'>Copyright &#169; 2013 <a href='http://www.longdicaprio.com'>Long Dicaprio</a> | <a href='http://www.kienthuchay.net'>CEO Kiến Thức Hay Corporation</a> | <a href='http://www.longdicaprio-tv.blogspot.com'> Chuyên Gia Internet Marketing Online</a> | <a href='http://www.vuasukien.com'>Vua Sự Kiện</a></span>.

Và đây là kết quả:

Đây là chân trang footer của Long. Bạn có thể thêm hay bớt những cụm từ phù hợp với sở thích và ngành nghề của bạn.

Chúc các bạn thành công!

Xem thêm…

Cách sửa lỗi font chữ trong Menu và Tiêu Đề

1. Thay đổi font chữ trong menu

Các bạn vào chỉnh sữa HTML tìm đến mã code sau:

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

Sau đó thay font của bạn vào vị trí như chữ Oswald (được bôi màu đỏ). Xem lại và lưu lại mẫu nếu như đúng với mong muốn của bạn.


2. Thay đổi font chữ trong Tiêu Đề

Tương tự đang ở trong trình chỉnh sửa HTML bạn tìm đến khóa 
 ]]></b:skin>

Sau đó dán đoạn code này vào vị trí trước nó:

h3.post-title {font-family: 'CustomFontName', serif;}

Bây giờ ta chỉ việc thay font Serif bằng font bạn muốn. Xem và lưu lại.


Chú ý:

-Bạn nên chọn font có sẵn trên web để mọi người có thể xem được mà không bị lỗi font.

-Nhớ lưu mẫu blog của bạn trước khi thao tác để dự phòng.


Long Dicaprio Chúc bạn thành công.

Xem thêm…

Link Download templates:  CLICK VÀO ĐÂY!

Link Download template book:

http://www.mediafire.com/download/758a24wxq6sdze4/template-ebooks.xml

Link Download Proshow Gold:
http://www.mediafire.com/download/8ckwzycxo0kuc81/SinhVienIT.Net-ProShow%2BGold%2B5.0%2Bbuild%2B3222%2BFull%2BCrack.rar

Đoạn code Video:

<iframe width="420" height="315" src="http://www.youtube.com/embed/6bpIgOE8ebA" frameborder="0" allowfullscreen></iframe>
<img border="0" height=" 0 " src=" http://i2.ytimg.com/vi/ix63L8BdNUc/0.jpg " width=" 0 " /><br />

10 cách khác nhau Duyệt, Watch & Thưởng thức video trên YouTube

*1.YouTube Instant

*2.iDesktop.TV

*3. Dipity

*4. YTTM.tv

*5. GeoBestOfYouTube

Xem được những video ở địa điểm khác nhau trên thế giới và những vido được xem nhiều và thu hút nhất.

*6. Synchtube

*7.YouTube Social

8.Video-Alerts

*9.YouTomb

*10.ViewPure

Xem thêm…

Thủ thuật tối nay mình gửi tới các bạn đó là dùng jquery để tạo hiệu ứng Like Fan Facebook ngay bên cạnh thanh cuộn trình duyệt. Điều này sẽ làm giảm được 1 tiện ích hiển thị trong bố cục của giao diện blogger hoặc ứng dụng trong bố cục của giao diện blogger có thanh cuộn trình duyệt nhỏ . Thủ thuật này có thể ứng dụng trên Website và nhiều nền blog khác nhau.

Demo tại trang ww.longdicaprio.com

- Cách làm thủ thuật
+ Vào bảng điều khiển blogger - bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript
+ Dán Code dưới đây vào tiện ích vừa thêm

<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;
}#facebook_div{width:280px;height:300px;overflow:hidden;}#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("facebook").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("facebook").stop(true,false).animate({right: -303}, 500); }); });</script><div id="on"><div id="facebook_right" style="top: 50%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3H-_lWhb6-U8T_4i2eCwoRRl9du-smglkkK0ypVGsVEPCJzXt3r6ni5V-36YFX2cw8npuhhqmbeOI-rADdJ6wGQY_kpQML2V8d_7omhot_BjTKx77jVyBiUyuW9gvirhqqrCLfIyApnI/s1600/helperblogger.com-facebook-icon.png" alt="" />

<!-- Pages Fan -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/ceolongdicaprio"
data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div></div></div></div>

+ Các thông số cần lưu ý:
* top: 50% (Con số màu đỏ) khoảng cách từ trên trình duyệt xuống tới ảnh Facebook
* Đoạn mã màu xanh: Là 2 đoạn mã các bạn lấy được từ site Fan Facebook Like (Google Search).
và dán cả 2 đoạn code đó vào chỗ code màu xanh. Sau đó lưu lại xem kết quả



Chúc các bạn thành công.
Thân ái !!!

Xem thêm…

1. Thêm đoạn: <div>  <a class="uptop" href="javascript:scroll(0,0)"> Top </a> sau </div> và trước</body>


2. Thêm Ðoạn:
 .uptop {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigbBGMhl_0P11xp5mhYrsyveXE-zIdSHECe-QtvEAFyCE_ebRgd-gujigc-MxdeSTaE_k93mCeFwJuKZA5EOWTuNWpRoWNjOmf2kFFfhC_mwuSDY5dD89QHfd0JUdGGX-d2A3gkwaT87BT/s1600/up.png") no-repeat scroll -69px top transparent;
    bottom: 10px;
    display: block;
    height: 56px;
    overflow: hidden;
    position: fixed;
    right: 42px;
    text-indent: -999px;
    width: 42px;
}
Vào trước </style> (tru?c </head>

Good Luck!
[ONE TEAM ONE DREAM]

Xem thêm…

Nút Share Trượt Hình Quả Trứng Cho Blogspot

Long xin hướng dẫn các bạn cách tạo một nút chia sẻ hình quả trứng cho blog. Đặc điểm của tiện ích là ban đầu khi chưa rê chuột vào thì các nút share có hình quả trứng, sau khi rê chuột vào thì quả trứng tách đôi ra và hiện nên các nút share để bạn có thể tùy chọn.

 Cách tiến hành:

   1- Đăng nhập vào Blog

   2- Vào thiết kế (Mẫu)

   3- Chọn Chỉnh sửa HTML

   4- Dán đoạn code sau vào trước thẻ đóng </head>.

<!-- Start Heart Bookmarking Gadget Code From http://longdicaprio.blogspot.com/ -->

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>

<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>

<script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script>

<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

<!-- End Heart Bookmarking Gadget Code From http://longdicaprio.blogspot.com/ -->

5- Dán đoạn code sau vào trước thẻ đóng </body>.


<!-- Start Heart Share Code From http://longdicaprio.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareEgg'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,
&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>
<a href="http://longdicaprio.blogspot.com/2013/01/cach-tao-nut-share-mang-xa-hoi-truot.html">Blogger Gadgets</a>
<!-- End Heart Share Code From http://longdicaprio.blogspot.com/ -->

Trong đó:
bottom: 2% là vị trí của tiện ích so với chân blog.
left: 2% là vị trí của tiện ích so với cột tay phải.
  5-  Bấm SAVE  (save Widget) lại và hưởng thụ kết quả...:D
Chúc thành công! 

Xem thêm…

Chắc hẳn bạn cũng biết rằng hệ thống nhận xét của Blogspot có phần khung viết nhận xét (Comments Form and Editor) dưới dạng nhúng từ bên ngoài qua thẻ iframe do đó chúng ta không thể chèn biểu tượng cảm xúc (Emoticons) vào nhận xét bằng phương pháp input như Wordpress. Để giải quyết vấn đề này, chỉ có một cách là tạo khung nhận xét riêng theo kiểu Wordpress cho Blogspot. 
Tuy nhiên tạm thời mình chưa tìm ra giải pháp vì thế có thể áp dụng một thủ thuật trung gian, tức là tạo tính năng chèn biểu tượng cảm xúc trực tiếp vào một vùng text (textarea) kết hợp nút chọn để người dùng copy mã nhập rồi dán vào khung viết nhận xét, ngoài ra còn có chức năng chèn các thẻ như <b>, <i>, <em>, <a>. Hy vọng đây sẽ là bàn đạp để chúng ta tiến thêm một bước trong công cuộc hiện đại hóa hệ thống nhận xét của Blogspot

Thủ thuật này đã kết hợp thủ thuật tạo bộ biểu tượng cảm xúc cho nhận xét vì thế nếu áp dụng thủ thuật này thì bạn cần tháo thủ thuật cũ liên quan (nếu đã cài đặt rồi) và thực hiện theo các bước sau đây:

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn Chỉnh sửa HTML ( Edit HTML) 
4. Chọn Mở rộng tiện ích (Expand Widget Templates).
5. Đặt đoạn code sau đây vào trước thẻ </body> (Đây là script chức năng cho bộ biểu tượng cảm xúc hoạt động).

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
//Emoticons for Blogger Comments || Author: Ta Van Nam || http://namkna.blogspot.com/ || © Copyright 2011
function emoticonBloggerHuynhNhatHa() {

if(!document.getElementById) {return;} // no support

bodyText = document.getElementById('comments-block');

theText = bodyText.innerHTML;
theText = theText.replace(/:1\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi852MY_Zb4hmwg72ePs42rbHGyF221UnFzn6f7MzQJUVXGFyATcFlOoFsNVPPTMnwFzYsaNWU457Lj4H1_Oh5Q4BD4wcpHePwZNec1Oj_PHfXmqKlRcQtcUKw0h133Cj6DM1tTh-14qwng/s1600/49.gif" />');
theText = theText.replace(/:2\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu2G67qIlMjAqN7OWCoojWBulIya_Gyg65nbR5HpdHVuwcAKRYsOn-0BzpMlWWywsUDGTHaHzQrLnkHL7sN432pVgscbT_Lrm1_LuZIFA6CXVljxHmVyd3Ob4dETEtB0HgpKHubUs5bR1e/s1600/102.gif" />');
theText = theText.replace(/:3\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCEc0wDJg7Og6sa6OZun8Csc_nubw5vO3JZBCl-XnDh06bwxBKu8HtANdxZCyINLrjGcHvWrDyJ2p5fIRbgg5wxPS0LxNn8KT7ggNTTjkFgtaLIu6sHEXSSQBa9EfGJpSqO4jNzOD23ufx/s1600/113.gif" />');
theText = theText.replace(/:4\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQVPYA7gCbbhLFQ0slI9WE35p4XU-CkITZttL09Fkjz5UDlgKVYY8lufF08Myu4Iy4nJkve02hFlQjeoBvo96_aytX-nmURv71T7ySHkH2p4pR8dkBla78xidqv5Hi282JM4Gvu_m3pnP/s1600/93.gif" />');
theText = theText.replace(/:5\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY9lDc7h0UnavAU1N0SV5ZKsaNkfiUz3beJyKrJ3gwxtPEE53g8DCa9bZyuTOWcYv8XF3WbufJqQ-NLW3MieNQu9nGcM9GkKW852nJVrg6LdokRoQ5VXMpl_Rc17prTyq8GOTm6YukBbvW/s1600/61.gif" />');
theText = theText.replace(/:6\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4V1SNSyuyt3konJcTYyu_LvxaT1yIi06oAsZqQuwqMgHo9FY4NAW25St7SdvCIZydXhzJd2Sfg21RjjiR29OB_CTphmvC_iCOEJzRQsnt9lRGAOYC_tOjMFsRZz8afe8Sg60m7cPnpxri/s1600/134.gif" />');
theText = theText.replace(/:7\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbPz9jolCm6GuyF63Q4sMsHqcAPTpyRYqP8LHttE-YJBYMYSmrtEsyxO0FcOeCxt65ETYE_hLNmWmVN-zLqNX1AQPfKbuWIsZRdU0ewj3mwo-jecyy4NS-Q7uKBn9fZQVi2t6Ek-9NcgUk/s1600/39.gif" />');
theText = theText.replace(/:8\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiGoQwqPX4kztkx57itr-0eaeRRSz9rtTtBn5wpsaidktCty-Z_SdwBifQYK5JXMGic_9AwKNr-WBK58-u1dtJmZfC9O6WgQlik2hWwZ98aqLfAGGDiRFkSkfPVdKbr5SG50cr9EwpV_6u/s1600/106.gif" />');
theText = theText.replace(/:9\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT3uBsNH8xk7_sx1uHoJmuxj051VIlkiwFAS56q5mQcp-HCJ92C8qDw27Q8GDczlkw-e_eyOl55ixngKtTOA-66ht2rmAqZXvUJ0JOKl6r94owUGdKSwKTsONycgiVYKwNTHE6oO6Ge8SP/s1600/43.gif" />');
theText = theText.replace(/:A\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfaAEC5Wd2jIO9rIUy3KLzri49F9irYgT7FN9MMBqcc6u4mHfNrWDywK8B5DlfJifkTY6VaRIMrW0A-8AC2lyFHpMNmPqX2UPrbcyH-3NOvbkbhft1UVtbWOefrjuGuahmzjabHXVKlP8M/" />');
theText = theText.replace(/:B\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVciTnYRDT1OHMvIPcC4sC_o4-WbIl3ytOk-ye_N18fv-IpdIw1gEThM61nmMVi98TlYk3cv-zr1PtLr2WJ6t7Lx1KKLPOIQaB7qOy36JJRLoeBu36y5BEEIZb-cupqcX0v2K5JxXwP3vD/s1600/48.gif" />');
theText = theText.replace(/:C\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHva1_6NSFS9XDFRVhsveh-d7WBXOICFf2C2kzjleeeD8nlbRPRrx3ZeyTMuIhyphenhyphenkEhYdKPhZjYIQx1rqi5nNw47_TiXZMeqdWPotaH5BbnR7ScDY5qxVcIDTHMlHjlSzM59J3sHpnfg1rp/s1600/54.gif" />');
theText = theText.replace(/:D\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg65UuP4Y1Uhc4BExr_-eZHHUiwBhZC6_Dv883VtrIQiy4VtHqUb-2cbYEvd2AhWVrcb9LZ4qW4-kYEd6bY1TYOSC9mvJBRZYMoq3iF2LdmA8TPrL3-S5vDYgShhwfjfVZHCWmFV-ATUzTV/" />');
theText = theText.replace(/:E\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM56UciymBKSjEpKXNPmeAI0J65F0eAxGWGV6uH-YocsY_lAGnDd_VJ1IqflLWMF6pFbsa90jMdV2MD-lEJMTUgESFSs4CJv6ip1gaUXI3E6FIzk5Nl5ybgVcXn3cmrg4WYkUXV7MD3LhN/s1600/100.gif" />');
theText = theText.replace(/:F\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5-CuwJOYmv_2bxggGBFZ09Drs0Qb2lg4rb5y7Q_nRY_o0lp_agQW8mi7MbirHNtsCmxppO2YSB5dICFkLMGbLFzWi-eGS9OgSKzfL0JC_d-DrMJXqheJZIlT6TbqH_t-13qbmNFb0ud1Y/s1600/45.gif" />');
theText = theText.replace(/:G\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Wrheqh_XfLOj7Ef3nhBLThLyBsaljviqTzEtMQYYDv9mt_D6enhuE8nyeG-sJw1ezaaRZrZFgD6aRQcTJxKodNtZCxc5FFzKG-5ZxxoCiqH0a6cMvIg_SrRK7FDnuXhstgR1w6GwSfK5/s1600/77.gif" />');
theText = theText.replace(/:H\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigbEhjOxPsgLbbhaT8oLbHyTKpRpdID-u8Xlk1B2MgpQ5q9WuPFaVLHytErUoLIuZgZdj6DDt7IsNcx1jvCgVsc_8yOL-J9rCM5EUBBwZmGeLMooBUVe_DJ8kV6yw03RuIhl1VWSbxliyV/s1600/86.gif" />');
theText = theText.replace(/:I\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGFkSq6nkMYvLMheqxv9xmb_U2qSo2_CPq0Pa4GKJiruEcCULB7edHOCKQ2uxtoKfsLQCKjcHGKG40wF-1lNX1RaiAVxZvMLsr_XiA6l9UmllUO0O2L5fVOvbX3QlFUb12G5woijXDEbYM/s1600/94.gif" />');
theText = theText.replace(/:J\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmG7Vz91U2o9ss5bqLVg7cvNjcfmRXxTLUpuHa7bQR2PW_IiGYSMfvo__0sN2wyw4uma0WWXnJIWPFvMJFayvjs_Db3rHrUQw2swz6VWgEe2-6WwyPSf8zX50V03c4TnUybNMaaOLqNHsx/s1600/83.gif" />');
theText = theText.replace(/:K\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheNJ1BaywsvUfvLAFEk_o64cAZj3uVN5nmIycxxlksjVsWMvYaCuvxt0KP3SnOWVfHANhq1Ga2mxVAhTaBYC0v6LqUp-miAzAZ0gKp0D4LfOBGZIORxPWdENRZgE-g94IOm5o5vZOjEq28/s1600/59.gif" />');
theText = theText.replace(/:L\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpDlzaU9BJS7ONjNXe-zeC1eLCF_5pSJqHSv49sXUCl6VpehkbiH_0BNkczenStKPl8tcMJ-24lTduEtLbnj82qoOGCtaIeISzGQaVKAodALVZDq77gUCX1x9Z7JcuG4hPVT6aXy1sDF6u/s1600/soldierbaby.gif" />');
theText = theText.replace(/:M\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvS-G9WXU7N9jTsCmzBx2Hl98dDhdEDMEXlXf8KT_EL9KOoBAjqh2Samn5mTPlWn0pBN0xwuk5d2RT9m_WvSrqEHpnFyumyLKEplK2XeGpn-ipCY9xYypvvupOSmP2S8smUnJa-BCUh4ix/s1600/alo.gif" />');
theText = theText.replace(/:N\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1wPLTZAVcrMp4DFMQusiAtSGWMukSjZvGDr8q3mBfcYjsDiD6eZuXwQloW1nsy-OqKQwhBqXaZ_48c8EbJ82XQd1UG6ikNeM-8cXqAA-6nLnJ-LwjIzcTXUheSYgwyXZ51S6Jpvsbs1Zy/s1600/shutup.gif" />');
theText = theText.replace(/:O\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjw8mXKXCkBqRH11JjJ4e7MUFQ0JxsjcXIyqXX5uU0Pm084cMjEyhz_DWr4fOr-WnT-Mrd6oqIVkvt-5VG6jYNAfhZYxufw2xX_OmtHDacHJBiajrHWrzS4_2aOrEQ_hOyJA1-euu5HCMP/s1600/yeulam.gif" />');
theText = theText.replace(/:P\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipWpr9oqba9Q4wUqQVlMkoSHlNsqJw4saJl2BSM2KsNAGcFV8vrHWgHhORgHTxEWl1I-S5K4ZcWeGDk15MfQmJFnqsopRfKFGIarVbqpCaYQ3WDqZSF7oGa-ciVtgPNKnZJW6T5hzJTQSs/s1600/datbomb.gif" />');

bodyText.innerHTML = theText;}
//]]>
</script>
<script type='text/javascript'>
emoticonBloggerHuynhNhatHa();
</script>
</b:if>

Cần chú ý để chức năng biểu tượng cảm xúc hoạt động trong phần nhận xét thì bạn phải thay đổi ID comments-block cho phù hợp. ID này nằm trong một thẻ chỉ định thành phần chứa các dữ liệu của nhận xét, thẻ này thường nằm ngay trước dòng:

<b:loop values='data:post.comments' var='comment'>

Tùy theo cách đặt tên của người thiết kế Template mà id này có thể có tên khác nhau ví dụ: comments-block, comments-block3, comments_block, cm_block, commentsblock …

Nếu bạn nào dùng  mà mình giới thiệu trước đây  thì thay đoạn:

bodyText = document.getElementById('comments-block');

thành:

bodyText = document.getElementById('cm_block'); 

- Update ngày 20/02/2012: Đối với các bạn sử dụng Thread Comment mặc định của Blogger (tức là blogspot mới tạo có phân cấp tới cấp 2) thì các bạn thay đoạn trên thành đoạn sau:

bodyText = document.getElementById("comment-holder"); 

6. Tìm đến đoạn code như bên dưới. Đoạn code này biểu thị phần khung viết nhận xét.

<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Đặt trước đoạn code trên bằng đoạn code bên dưới:

<script type='text/javascript'>
//<![CDATA[
// Script to insert Emoticons and Links on Blogspot Comments V1 by www.thuthuatblogger.info
function comments_URL() {
var r = prompt("Nhập địa chỉ trang", "http://");
var p = prompt("Nhập link text hiển thị", "Text");
if(r != "") ; if(p != ""){
document.getElementById('comments_input').value += "<a href='" + r + "' rel='nofollow'>" + p + "<\/a>";
} else {
alert("Bạn đã nhập xong dữ liệu");
}
}
function comments_HTML() {
document.getElementById('comments_input').value += '<a href=\'http://URL dẫn đến link \'>Trang<\/a>';
}
function comments_B() {
document.getElementById('comments_input').value += '<b><\/b>';
}
function comments_I() {
document.getElementById('comments_input').value += '<i><\/i>';
}
function comments_EM() {
document.getElementById('comments_input').value += '<em><\/em>';
}
function moreSmilies() {
document.getElementById('smiley-more').style.display = 'inline';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">&laquo;&nbsp;Less</a></span>';
}
function lessSmilies() {
document.getElementById('smiley-more').style.display = 'none';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">More&nbsp;&raquo;</a>';
}
//]]>
</script>
<style>
#comments_insert {padding:0;margin:0;width:600px;float:left;text-align: center}
#comments_insert img {padding:0;border:none;margin:2px}
.text_style_wrap {margin-top:10px;}
.text_style {border:1px solid #069;padding:3px;background: #d8eaee}
#comments_insert a {text-decoration:none}
#comments_HTML {display: none}
#comments_input {margin-top:10px}
.tooltip{outline:none;cursor:help;text-decoration:none;position:relative}
.tooltip span{margin-left:-999em;position:absolute}
.tooltip:hover span{border-radius:5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:5px 5px 5px rgba(0,0,0,0.1);-webkit-box-shadow:5px 5px rgba(0,0,0,0.1);-moz-box-shadow:5px 5px rgba(0,0,0,0.1);font-family:Calibri,Tahoma,Geneva,sans-serif;position:absolute;left:1em;top:2em;z-index:99;margin-left:0;width:300px}
.tooltip:hover img{border:0;margin:-10px 0 0 -55px;float:left;position:absolute}
.tooltip:hover em{font-family:Candara,Tahoma,Geneva,sans-serif;font-size:1.2em;font-weight:bold;display:block;padding:0.2em 0 0.6em 0}
.help{padding: 0.8em 1em; background: #FFCCAA; border: 1px solid #FF3334;text-align:justify;color:#000}
</style>
<!--[if IE]> <style> #comments_URL {display: none} #comments_HTML {display:inline} </style> <![endif]-->

<div id='comments_insert'>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:1) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi852MY_Zb4hmwg72ePs42rbHGyF221UnFzn6f7MzQJUVXGFyATcFlOoFsNVPPTMnwFzYsaNWU457Lj4H1_Oh5Q4BD4wcpHePwZNec1Oj_PHfXmqKlRcQtcUKw0h133Cj6DM1tTh-14qwng/s1600/49.gif' style='border: 0; padding:0' title='hê hê hê'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:2) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu2G67qIlMjAqN7OWCoojWBulIya_Gyg65nbR5HpdHVuwcAKRYsOn-0BzpMlWWywsUDGTHaHzQrLnkHL7sN432pVgscbT_Lrm1_LuZIFA6CXVljxHmVyd3Ob4dETEtB0HgpKHubUs5bR1e/s1600/102.gif' style='border: 0; padding:0' title='hôn hôn'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:3) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCEc0wDJg7Og6sa6OZun8Csc_nubw5vO3JZBCl-XnDh06bwxBKu8HtANdxZCyINLrjGcHvWrDyJ2p5fIRbgg5wxPS0LxNn8KT7ggNTTjkFgtaLIu6sHEXSSQBa9EfGJpSqO4jNzOD23ufx/s1600/113.gif' style='border: 0; padding:0' title='ua ua ua'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:4) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQVPYA7gCbbhLFQ0slI9WE35p4XU-CkITZttL09Fkjz5UDlgKVYY8lufF08Myu4Iy4nJkve02hFlQjeoBvo96_aytX-nmURv71T7ySHkH2p4pR8dkBla78xidqv5Hi282JM4Gvu_m3pnP/s1600/93.gif' style='border: 0; padding:0' title='nhìn nè'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:5) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY9lDc7h0UnavAU1N0SV5ZKsaNkfiUz3beJyKrJ3gwxtPEE53g8DCa9bZyuTOWcYv8XF3WbufJqQ-NLW3MieNQu9nGcM9GkKW852nJVrg6LdokRoQ5VXMpl_Rc17prTyq8GOTm6YukBbvW/s1600/61.gif' style='border: 0; padding:0' title='vỗ tay'/></a>
<span id='smiley-more' style='display: none;'>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:6) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4V1SNSyuyt3konJcTYyu_LvxaT1yIi06oAsZqQuwqMgHo9FY4NAW25St7SdvCIZydXhzJd2Sfg21RjjiR29OB_CTphmvC_iCOEJzRQsnt9lRGAOYC_tOjMFsRZz8afe8Sg60m7cPnpxri/s1600/134.gif' style='border: 0; padding:0' title='tát bớp'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:7) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbPz9jolCm6GuyF63Q4sMsHqcAPTpyRYqP8LHttE-YJBYMYSmrtEsyxO0FcOeCxt65ETYE_hLNmWmVN-zLqNX1AQPfKbuWIsZRdU0ewj3mwo-jecyy4NS-Q7uKBn9fZQVi2t6Ek-9NcgUk/s1600/39.gif' style='border: 0; padding:0' title='rơi lệ'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:8) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiGoQwqPX4kztkx57itr-0eaeRRSz9rtTtBn5wpsaidktCty-Z_SdwBifQYK5JXMGic_9AwKNr-WBK58-u1dtJmZfC9O6WgQlik2hWwZ98aqLfAGGDiRFkSkfPVdKbr5SG50cr9EwpV_6u/s1600/106.gif' style='border: 0; padding:0' title='money money'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:9) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT3uBsNH8xk7_sx1uHoJmuxj051VIlkiwFAS56q5mQcp-HCJ92C8qDw27Q8GDczlkw-e_eyOl55ixngKtTOA-66ht2rmAqZXvUJ0JOKl6r94owUGdKSwKTsONycgiVYKwNTHE6oO6Ge8SP/s1600/43.gif' style='border: 0; padding:0' title='lêu lêu'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:A) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfaAEC5Wd2jIO9rIUy3KLzri49F9irYgT7FN9MMBqcc6u4mHfNrWDywK8B5DlfJifkTY6VaRIMrW0A-8AC2lyFHpMNmPqX2UPrbcyH-3NOvbkbhft1UVtbWOefrjuGuahmzjabHXVKlP8M/' style='border: 0; padding:0' title='lắc đầu'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:B) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVciTnYRDT1OHMvIPcC4sC_o4-WbIl3ytOk-ye_N18fv-IpdIw1gEThM61nmMVi98TlYk3cv-zr1PtLr2WJ6t7Lx1KKLPOIQaB7qOy36JJRLoeBu36y5BEEIZb-cupqcX0v2K5JxXwP3vD/s1600/48.gif' style='border: 0; padding:0' title='khóc ròng'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:C) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHva1_6NSFS9XDFRVhsveh-d7WBXOICFf2C2kzjleeeD8nlbRPRrx3ZeyTMuIhyphenhyphenkEhYdKPhZjYIQx1rqi5nNw47_TiXZMeqdWPotaH5BbnR7ScDY5qxVcIDTHMlHjlSzM59J3sHpnfg1rp/s1600/54.gif' style='border: 0; padding:0' title='I don’t know'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:D) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg65UuP4Y1Uhc4BExr_-eZHHUiwBhZC6_Dv883VtrIQiy4VtHqUb-2cbYEvd2AhWVrcb9LZ4qW4-kYEd6bY1TYOSC9mvJBRZYMoq3iF2LdmA8TPrL3-S5vDYgShhwfjfVZHCWmFV-ATUzTV/' style='border: 0; padding:0' title='hi hi hi'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:E) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM56UciymBKSjEpKXNPmeAI0J65F0eAxGWGV6uH-YocsY_lAGnDd_VJ1IqflLWMF6pFbsa90jMdV2MD-lEJMTUgESFSs4CJv6ip1gaUXI3E6FIzk5Nl5ybgVcXn3cmrg4WYkUXV7MD3LhN/s1600/100.gif' style='border: 0; padding:0' title='đá một phát'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:F) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5-CuwJOYmv_2bxggGBFZ09Drs0Qb2lg4rb5y7Q_nRY_o0lp_agQW8mi7MbirHNtsCmxppO2YSB5dICFkLMGbLFzWi-eGS9OgSKzfL0JC_d-DrMJXqheJZIlT6TbqH_t-13qbmNFb0ud1Y/s1600/45.gif' style='border: 0; padding:0' title='cười lớn giơ răng'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:G) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Wrheqh_XfLOj7Ef3nhBLThLyBsaljviqTzEtMQYYDv9mt_D6enhuE8nyeG-sJw1ezaaRZrZFgD6aRQcTJxKodNtZCxc5FFzKG-5ZxxoCiqH0a6cMvIg_SrRK7FDnuXhstgR1w6GwSfK5/s1600/77.gif' style='border: 0; padding:0' title='cụng ly'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:H) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigbEhjOxPsgLbbhaT8oLbHyTKpRpdID-u8Xlk1B2MgpQ5q9WuPFaVLHytErUoLIuZgZdj6DDt7IsNcx1jvCgVsc_8yOL-J9rCM5EUBBwZmGeLMooBUVe_DJ8kV6yw03RuIhl1VWSbxliyV/s1600/86.gif' style='border: 0; padding:0' title='chém gió'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:I) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGFkSq6nkMYvLMheqxv9xmb_U2qSo2_CPq0Pa4GKJiruEcCULB7edHOCKQ2uxtoKfsLQCKjcHGKG40wF-1lNX1RaiAVxZvMLsr_XiA6l9UmllUO0O2L5fVOvbX3QlFUb12G5woijXDEbYM/s1600/94.gif' style='border: 0; padding:0' title='bắt tay'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:J) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmG7Vz91U2o9ss5bqLVg7cvNjcfmRXxTLUpuHa7bQR2PW_IiGYSMfvo__0sN2wyw4uma0WWXnJIWPFvMJFayvjs_Db3rHrUQw2swz6VWgEe2-6WwyPSf8zX50V03c4TnUybNMaaOLqNHsx/s1600/83.gif' style='border: 0; padding:0' title='ăn ăn ăn'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:K) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheNJ1BaywsvUfvLAFEk_o64cAZj3uVN5nmIycxxlksjVsWMvYaCuvxt0KP3SnOWVfHANhq1Ga2mxVAhTaBYC0v6LqUp-miAzAZ0gKp0D4LfOBGZIORxPWdENRZgE-g94IOm5o5vZOjEq28/s1600/59.gif' style='border: 0; padding:0' title='byyeee'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:L) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpDlzaU9BJS7ONjNXe-zeC1eLCF_5pSJqHSv49sXUCl6VpehkbiH_0BNkczenStKPl8tcMJ-24lTduEtLbnj82qoOGCtaIeISzGQaVKAodALVZDq77gUCX1x9Z7JcuG4hPVT6aXy1sDF6u/s1600/soldierbaby.gif' style='border: 0; padding:0' title='nhóc lính'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:M) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvS-G9WXU7N9jTsCmzBx2Hl98dDhdEDMEXlXf8KT_EL9KOoBAjqh2Samn5mTPlWn0pBN0xwuk5d2RT9m_WvSrqEHpnFyumyLKEplK2XeGpn-ipCY9xYypvvupOSmP2S8smUnJa-BCUh4ix/s1600/alo.gif' style='border: 0; padding:0' title='Alo'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:N) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1wPLTZAVcrMp4DFMQusiAtSGWMukSjZvGDr8q3mBfcYjsDiD6eZuXwQloW1nsy-OqKQwhBqXaZ_48c8EbJ82XQd1UG6ikNeM-8cXqAA-6nLnJ-LwjIzcTXUheSYgwyXZ51S6Jpvsbs1Zy/s1600/shutup.gif' style='border: 0; padding:0' title='Shup up'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:O) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjw8mXKXCkBqRH11JjJ4e7MUFQ0JxsjcXIyqXX5uU0Pm084cMjEyhz_DWr4fOr-WnT-Mrd6oqIVkvt-5VG6jYNAfhZYxufw2xX_OmtHDacHJBiajrHWrzS4_2aOrEQ_hOyJA1-euu5HCMP/s1600/yeulam.gif' style='border: 0; padding:0' title='Yêu lắm đó'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:P) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipWpr9oqba9Q4wUqQVlMkoSHlNsqJw4saJl2BSM2KsNAGcFV8vrHWgHhORgHTxEWl1I-S5K4ZcWeGDk15MfQmJFnqsopRfKFGIarVbqpCaYQ3WDqZSF7oGa-ciVtgPNKnZJW6T5hzJTQSs/s1600/datbomb.gif' style='border: 0; padding:0' title='Đặt bom'/></a>
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()'>
More &#8594;</a></span>

<div class='text_style_wrap'>
<a href='javascript: void(0);' onClick='comments_B()'><span class='text_style'><b>Chữ đậm</b></span></a>
<a href='javascript: void(0);' onClick='comments_I()'><span class='text_style'><i>Chữ nghiêng</i></span></a>
<a href='javascript: void(0);' onClick='comments_EM()'><span class='text_style'><em>Chữ nghiêng 2</em></span></a>
<a href='javascript: void(0);' id='comments_HTML' onClick='comments_HTML()'><span class='text_style'>Chèn Link</span></a>
<a href='javascript: void(0);' id='comments_URL' onClick='comments_URL()'><span class='text_style'>Chèn Link</span></a>
<script type='text/javascript'>
function openup_parseHTML() { window.open(&quot;http://namkna.blogspot.com/p/code-convert-for-blogspot-chuyen-doi.html&quot;, &quot;followblog&quot;, &quot;height=600, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no&quot; ); }
</script>
<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</span></a>
<a class='tooltip' href='javascript: void(0);'><b style='color:#F00'>Help ?</b><span class='help'>Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.</span></a>
</div>
<form name='comments_form'>
<textarea cols='70' id='comments_input' rows='1' style='background: #F8F8FF;margin-bottom:7px'/>
<br/>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).select();'><span class='text_style'>Chọn</span></a>
<a href='javascript: void(0);' onClick='document.comments_form.reset();'><span class='text_style'>Xóa</span></a>
</form>
</div>

Trong đó:

•  textarea cols='70'  là chiều rộng ô hiện các ký tự khi bạn click vào biểu tượng.
•  width:600px  là độ rộng của phần ảnh bên trên khung  textarea cols='70'  .
• Những phần được đánh dấu màu đỏ là những phần bạn có thể tùy biến theo ý thích của mình.

7.  Lưu  Template.

*Trên đây mình gắn sẳn 25 biểu tượng cảm xúc, nếu các bạn muốn thêm thì có thể tự nghiên cứu để gắn thêm vào, đảm bảo sự đồng nhất biểu tượng theo thứ tự ở Bước 1 và Bước2:

Ký tự tắt nằm giữa 2 ký tự /
Với ký tự đặc biệt như [ ] { } \ / ( ) . ? + * ^ $ thì phải thêm \ trước nó.
Với ký tự < phải đổi thành <
Với ký tự > phải đổi thành >
Với ký tự & phải đổi thành &
Hình ảnh emoticons nằm trong thẻ img, thay đường dẫn đến ảnh tương ứng với ký tự tắt mà bạn đặt.

Trích dẫn:

Lưu ý là với những ký tự tắt bao gồm của nhau như Code:  :)) và  Code: :) thì bạn phải đặt  Code: :)) lên trước  Code: :) nếu không chỉ ký tự ít hơn được hiện lên.

Nếu không muốn hiển thị những Nhận xét dung tục ta khai báo những ký tự đó và thay tương ứng không phải là thẻ img nữa mà là ký tự *** chẳng hạn.

Sau khi đã thành công với việc chèn emoticons vào khung Nhận xét bạn hoàn toàn có thể chèn emoticons vào khung Bài đăng hay khung Nhận xét mới bằng cách tạo một ID mới bao quanh khung Bài đăng hay khung Nhận xét mới và khai báo ID này trong javascript ở bước 1 tương tự như khai báo ID emocomments (tên ID phải khác nhau).

Dưới đây là một số hình bạn có thể xem và chọn nếu thích:

                                                         

Theo: thuthuatblogger.

Xem thêm…