facebook twitter hatena line google mixi email

Html/ソーシャルブックマーク

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
<ul id="socialBookmarkList">
<script src="/js/asynsocial.js" type="text/javascript">
</script>
<li id="hatena">
<a href="http://b.hatena.ne.jp/entry/http://www.yahoo.com" title="このエントリーをはてなブックマークに追加">
<img src="/images/b_entry.gif" style="border: 0pt none;" alt="このエントリーをはてなブックマークに追加" height="12" width="16">
</a>
<a href="http://b.hatena.ne.jp/entry/http://www.yahoo.com" title="このエントリーを含むはてなブックマーク">
<img src="http://b.hatena.ne.jp/entry/image/http://www.yahoo.com" alt="このエントリーを含むはてなブックマーク">
</a>
</li>
<li id="yahoo">
<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(longUrl)+'&opener=bm&ei=UTF-8','popup','width=550px,height=480px,status=1,location=0,resizable=1,scrollbars=0,left=100,top=50',0);">
<img src="http://i.yimg.jp/images/sicons/ybm16.gif" alt="Yahoo!ブックマークに登録" height="16" width="16">
</a>
</li>
<li id="livedoor">
<a href="http://clip.livedoor.com/redirect?link=http://www.yahoo.com&title=%E3%80%90%E7%89%B9%E9%9B%86%E3%80%91%E8%A9%B3%E8%A7%A3%21%20Dojo%20Toolkit%201.0%28Dijit%E7%B7%A8%29%20-%20%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%83%84%E3%83%9C%20%281%29%20UI%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF" dijit="" エンタープライズ="" |="" マイコミジャーナル&ie="sjis"" class="ldclip-redirect" title="この記事をクリップ!">
<img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_12_w.gif" alt="この記事をクリップ!" height="12" width="16">
</a>
</li>
<li id="buzzurl">
<a href="http://buzzurl.jp/entry/http://www.yahoo.com" title="Buzzurlにブックマーク" target="_blank">
<img src="http://buzzurl.jp/static/image/api/icon/add_icon_mini_10.gif" alt="Buzzurlにブックマーク" style="border: 0pt none;">
</a>
<a href="http://buzzurl.jp/entry/http://www.yahoo.com" title="Buzzurlにブックマーク" target="_blank">
</a>
</li>
<li id="mixi">
<a target="_blank" data-key="7e859bd94c0bd0a00147e4de77a6f118ffe4fab1" href="http://mixi.jp/share.pl?u=http%3A%2F%2Fjournal.mycom.co.jp%2Fspecial%2F2008%2Fdojo%2Findex.html&k=7e859bd94c0bd0a00147e4de77a6f118ffe4fab1" class="mixi-check-button">
<img style="border: 0pt none;" src="http://img.mixi.jp/img/basic/mixicheck_entry/bt_check_1.png">
</a>
</li>
<li id="twiticon" style="cursor: pointer; font-size: 70%; color: rgb(85, 85, 85);">
<img style="border: 0pt none;" title="記事についてつぶやく" alt="" src="/images/common/icon_twitter2.png" onclick="authtwit();">
<a id="majicon" href="javascript:void(0);" onclick="$('#majicon').attr('href',majiUrl)" target="blank">
<img title="つぶやきを見る" style="border: 0pt none; margin-left: 12px; margin-right: 2px;" alt="" src="http://j.mycom.jp/images/common/majicon.gif">
</a>
</li>
<li id="mj-tensai">
<a href="http://api.journal.mycom.co.jp/tensai/tensaiUI.html?uri=http://www.yahoo.com" onclick="m_win(this.href,null,630,700); return false;">
<img title="この記事をブログに転載する" style="border: 0pt none;" alt="この記事をブログに転載する" src="http://api.journal.mycom.co.jp/tensai/tensai-mini.gif">
</a>
</li>
<script src="http://static.mixi.jp/js/share.js" type="text/javascript">
</script>
</ul>

ソーシャルアイコン

http://vanidesign.blog.fc2.com/blog-entry-7.html