<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>Addthis.com - Đánh dấu trang Web ở bất kỳ đâu bạn muốn.</title>
<meta name="description" content="Addthis.com - Đánh dấu trang Web ở bất kỳ đâu bạn muốn. - Savefile - Tin Tức -...">
<meta name="author" content="MangVN">
<meta name="copyright" content="MangVN [admin@vinades.vn]">
<meta name="generator" content="NukeViet v4.5">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Addthis.com - Đánh dấu trang Web ở bất kỳ đâu bạn muốn.">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;mangvn.org&#x002F;savefile&#x002F;Thiet-ke-Web&#x002F;Addthiscom-Danh-dau-trang-Web-o-bat-ky-dau-ban-muon-536.html">
<meta property="og:site_name" content="MangVN">
<meta property="og:url" content="https://mangvn.org/savefile/Thiet-ke-Web/Addthiscom-Danh-dau-trang-Web-o-bat-ky-dau-ban-muon-536.html">
<link rel="shortcut icon" href="https://mangvn.org/favicon.ico">
<link rel="canonical" href="https://mangvn.org/savefile/Thiet-ke-Web/Addthiscom-Danh-dau-trang-Web-o-bat-ky-dau-ban-muon-536.html">
<link rel="alternate" href="https://mangvn.org/rss/" title="Tin Tức" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Tin-nhanh-Cong-nghe/" title="Tin Tức - Tin nhanh Công nghệ" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Virut-Hacker-Bao-mat/" title="Tin Tức - Virut, Hacker & Bảo mật" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/CNTT/" title="Tin Tức - CNTT" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Vien-thong/" title="Tin Tức - Viễn thông" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/May-tinh/" title="Tin Tức - Máy tính" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Dien-thoai/" title="Tin Tức - Điện thoại" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/May-anh/" title="Tin Tức - Máy ảnh" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Thu-thuat-Phan-mem/" title="Tin Tức - Thủ thuật - Phần mềm" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Phan-mem-Tin-hoc/" title="Tin Tức - Phần mềm Tin học" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Thu-thuat-tin-hoc/" title="Tin Tức - Thủ thuật tin học" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Thiet-ke-Web/" title="Tin Tức - Thiết kế Web" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Kien-thuc-co-ban/" title="Tin Tức - Kiến thức cơ bản" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/PHP-HTML-JavaScript/" title="Tin Tức - PHP, HTML & JavaScript" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Quang-cao-tang-thu-nhap/" title="Tin Tức - Quảng cáo tăng thu nhập" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Tao-Web-bang-NukeViet/" title="Tin Tức - Tạo Web NukeViet" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Ban-tin-an-ninh/" title="Tin Tức - Bản tin an ninh" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Tin-tuc-NukeViet/" title="Tin Tức - Tin tức NukeViet" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Nhan-vat-su-kien/" title="Tin Tức - Nhân vật & sự kiện" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Huong-dan-su-dung/" title="Tin Tức - Hướng dẫn sử dụng" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/He-thong-NukeViet-20/" title="Tin Tức - Hệ thống NukeViet 2.0" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/He-thong-NukeViet-10/" title="Tin Tức - Hệ thống NukeViet 1.0" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/NukeViet-co-ban/" title="Tin Tức - NukeViet cơ bản" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Web-Internet/" title="Tin Tức - Web & Internet" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Thu-thuat-Internet/" title="Tin Tức - Thủ thuật Internet" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Dich-vu-tien-ich/" title="Tin Tức - Dịch vụ & tiện ích" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Website-nen-vao/" title="Tin Tức - Website nên vào" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Thong-tin-khuyen-mai/" title="Tin Tức - Thông tin khuyến mại" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/thuong-mai-dien-tu/" title="Tin Tức - Thương mại điện tử" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Hau-truong/" title="Tin Tức - Hậu trường" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Blog-Admin/" title="Tin Tức - Blog Admin" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Cong-tac-vien/" title="Tin Tức - Cộng tác viên" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Chuyen-cong-nghe/" title="Tin Tức - Chuyện công nghệ" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Chuyen-kinh-doanh/" title="Tin Tức - Chuyện kinh doanh" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Cuoc-song-quanh-ta/" title="Tin Tức - Cuộc sống quanh ta" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Cuoi-thu-gian/" title="Tin Tức - Cười thư giãn" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Lang-nghe-va-suy-ngam/" title="Tin Tức - Lắng nghe và suy ngẫm" type="application/rss+xml">
<link rel="alternate" href="https://mangvn.org/rss/Kien-thuc-Song/" title="Tin Tức - Kiến thức Sống" type="application/rss+xml">
<link rel="preload" as="style" href="https://mangvn.org/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://mangvn.org/themes/default/css/bootstrap.min.css" type="text/css">
<link rel="preload" as="style" href="https://mangvn.org/themes/default/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://mangvn.org/themes/default/css/style.responsive.css" type="text/css">
<link rel="preload" as="style" href="https://mangvn.org/themes/default/css/news.css" type="text/css">
<link rel="preload" as="style" href="https://mangvn.org/themes/default/css/custom.css" type="text/css">
<link rel="preload" as="script" href="https://mangvn.org/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://mangvn.org/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://mangvn.org/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="https://mangvn.org/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://mangvn.org/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://mangvn.org/themes/default/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="https://mangvn.org/themes/default/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://mangvn.org/themes/default/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://mangvn.org/themes/default/js/bootstrap.min.js" type="text/javascript">
<link rel="stylesheet" href="https://mangvn.org/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="https://mangvn.org/themes/default/css/bootstrap.min.css">
<link rel="stylesheet" href="https://mangvn.org/themes/default/css/style.css">
<link rel="stylesheet" href="https://mangvn.org/themes/default/css/style.responsive.css">
<link rel="StyleSheet" href="https://mangvn.org/themes/default/css/news.css">
<link rel="stylesheet" href="https://mangvn.org/themes/default/css/custom.css">
<style type="text/css">
	body{background: #fff;}
</style>
    </head>
    <body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">MangVN</h2>
		<p class="pull-right"><a title="MangVN" href="https://mangvn.org/">https://mangvn.org</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Addthis.com - Đánh dấu trang Web ở bất kỳ đâu bạn muốn.</h1>
		<ul class="list-inline">
			<li>Chủ nhật - 14/09/2008 00:25</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
						<div class="pull-left imghome">
				<img alt="Một menu sẽ trải ra khi người đọc đưa chuột lên nút công cụ." src="https://mangvn.org/assets/news/2008_09/1221377159.nv.jpg" width="100" class="img-thumbnail" />
								<p>
					<em>Một menu sẽ trải ra khi người đọc đưa chuột lên nút công cụ.</em>
				</p>
			</div>
			Với công cụ này, bạn chỉ cần chèn vào Website của mình một đoạn code nhỏ hiển thị một logo Bookmark, vậy là Website của bạn đã có công cụ mới giúp người đọc có thể ghi lại địa chỉ trang Web mà họ đang đọc. Công cụ này tương thích với hầu hết trình duyệt, bạn không cần lập trình phức tạp mà vẫn có thể có đầy đủ các công cụ thống kê.
		</div>
		<div id="bodytext" class="clearfix">
			Đang loay hoay tìm kiếm giải pháp lập trình công cụ Đánh dấu trang Web (Bookmark trong FireFox hay Favorites của Internet Explorer) cho MạngVN.Org thì tôi vô tình vào trang Addthis.com. Đang đau đầu tìm giải pháp xử lý việc không tương thích khi sử dụng code <span style="font-weight: bold;">Bookmark </span>của FireFox và <span style="font-weight: bold;">Add to Favorites</span> của Internet Explorer, đọc lời giới thiệu trên addthis.com khiến tôi muốn reo lên: đây đúng là thứ mình cần cho trang Web.

<br />

<br />Công cụ này sẽ giúp chèn lên trang Web của bạn một nút nhấn mà nhờ nó người đọc có thể đánh dấu địa chỉ Website của bạn với 34 "Sổ địa chỉ" Online, bao gồm:

<br />

<br />

<table cellspacing="0" cellpadding="3" border="0" width="100%">

  <tbody>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/favorites.png" /> Favorites</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/goog.png" /> Google Bookmarks</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/delicious.png" /> Delicious</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/digg.png" /> Digg</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/myspace.png" /> MySpace</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/facebook.gif" /> Facebook</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/furl.gif" /> Furl</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/yahoo-myweb.png" /> Yahoo MyWeb</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/su.png" /> StumbleUpon</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/reddit.gif" /> Reddit</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/newsvine.png" /> Newsvine</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/live.gif" /> Live</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/technorati.png" /> Technorati</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/twitter.gif" /> Twitter</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/ybkm.gif" /> Yahoo Bookmarks</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/aolfav.gif" /> myAOL</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/ask.png" /> Ask</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/fark.png" /> Fark</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/slashdot.png" /> Slashdot</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/propeller.png" /> Propeller (Netscape)</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/mixx.png" /> Mixx</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/multiply.png" /> Multiply</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/simpy.png" /> Simpy</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/blogmarks.png" /> Blogmarks</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/diigo.gif" /> Diigo</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/bluedot.png" /> Faves (Bluedot)</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/spurl.png" /> Spurl</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/linkagogo.png" /> Link-a-Gogo</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/misterwong.png" /> Mister Wong</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/feedmelinks.png" /> FeedMeLinks</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/backflip.png" /> Backflip</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/magnolia.png" /> Magnolia</td>

    </tr>

    <tr>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/segnalo.gif" /> Seganlo</td>

      <td width="10">

        <br /></td>

      <td><img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/netvouz.png" /> Netvouz</td>

    </tr>

  </tbody>

</table>

<br />Trong đó, riêng nút <img height="16" border="0" width="16" alt="" src="http://s7.addthis.com/services/favorites.png" /> Favorites có tác dụng "Nhớ địa chỉ vào trình duyệt người dùng đang sử dụng" (hỗ trợ: FireFox, Internet Explorer, Opera ...). Các nút khác sử dụng cho các sổ địa chỉ Online mà người dùng có thể sử dụng.

<br />

<br />

<ul>

  <li>Để sở hữu công cụ này, bạn truy cập <a target="_blank" href="http://www.addthis.com/account.php">http://www.addthis.com/account.php</a></li>

  <li>Điền Email, tên truy cập và mật khẩu (2 lần), nhấn nút <span style="font-weight: bold;">Create

                      Account</span> để

  tạo cho mình một tài khoản. </li>

  <li>Bây giờ bạn đã có tài khoản, Tiếp theo bạn nhấp link <strong>Get your button code!</strong> để tạo nút công cụ cho Website của mình.</li>

  <li>Lựa chọn một kiểu nút theo ý bạn rồi nhấp nút <span style="font-weight: bold;">Get Your Button</span> để lấy đoạn code. (xem hình 2)
    <br /></li>

  <li>Website sẽ cung cấp cho bạn 2 đoạn mã là 2 cách thể hiện khác nhau, bạn sử dụng đoạn mã thứ 2 để chèn lên Website của mình.</li>

</ul>

<div style="text-align: center;"><a onclick="window.open('/nukeviet/viewimg.php?imglink=/nukeviet/uploads/2007/images/1221376826.nv.jpg','Image','width=500,height=300,scrollbars=no,toolbar=no,location=no,status=no,resizable=no,screenX=120,screenY=100');return false;" href="https://mangvn.org/#"><img height="217" border="0" width="420" src="https://mangvn.org/nukeviet/uploads/2007/images/1221376826.nv.jpg" style="width: 420px; height: 217px;" /></a>

  <br />Hình 2: Khởi tạo nút công cụ
  <br />

</div>

<br />Sau khi có đoạn mã (là mã HTML), bạn chỉ việc chèn vào mã nguồn trang Web của bạn. Nếu Web của bạn là Web động (ví dụ như trang Web được xây dựng trên nền NukeViet như thế này) thì việc này quá dễ, bạn hãy mở phần quản lý giao diện (template/theme) ra để chèn vào. 

<br />

<br />Bạn cũng có thể tùy biến để chèn vào những phần cần thiết, ví dụ như mangvn.org được chèn vào cuối mỗi bài viết. (xem demo ở cuối bài viết)

<br />

<br />Từ lần sau bạn có thể sử dụng tài khoản của mình để đăng nhập và quản lý các thống kê của website. Nội dung báo cáo sẽ cho bạn biết đã có bao nhiêu lượt đánh dấu, từ những địa chỉ nào...

<br />
		</div>
				<div id="author">
						<p>
				<strong>Tác giả:</strong>
				N.T.Hùng
			</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://mangvn.org/savefile/Thiet-ke-Web/Addthiscom-Danh-dau-trang-Web-o-bat-ky-dau-ban-muon-536.html" title="Addthis.com - Đánh dấu trang Web ở bất kỳ đâu bạn muốn.">https://mangvn.org/savefile/Thiet-ke-Web/Addthiscom-Danh-dau-trang-Web-o-bat-ky-dau-ban-muon-536.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; MangVN
		</div>
		<div id="contact">
			<a href="mailto:admin@vinades.vn">admin@vinades.vn</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://mangvn.org/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
<script src="https://mangvn.org/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=-4,nv_my_abbr="EDT",nv_cookie_prefix="nv4c_b41EI",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=1,nv_recaptcha_ver=2,nv_recaptcha_sitekey="6LfaEikpAAAAAB7BnT8L5ijh2CCG0esJquuWj9ZJ",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://mangvn.org/assets/js/language/vi.js"></script>
<script src="https://mangvn.org/assets/js/DOMPurify/purify3.js"></script>
<script src="https://mangvn.org/assets/js/global.js"></script>
<script src="https://mangvn.org/assets/js/site.js"></script>
<script src="https://mangvn.org/themes/default/js/news.js"></script>
<script src="https://mangvn.org/themes/default/js/main.js"></script>
<script src="https://mangvn.org/themes/default/js/custom.js"></script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "url": "https://mangvn.org",
            "logo": "https://mangvn.org/uploads/logo-mangvn.png"
        }
        </script>
<script src="https://mangvn.org/themes/default/js/bootstrap.min.js"></script>
</body>
</html>