MB-Support

パソコン初心者のサポートページ

サイトのお知らせ:ブックマークやつぶやきボタンを設置しました


ブログやサイトを徘徊しているのと、よく見るのが共通した細々したボタン群。 これらは、各サービスにページを簡単に登録できるボタンで、例えば、Yahoo!ならば「Yahoo!ブックマーク」に登録できます。 基本的には、これらのボタンが唯一の登録方法ではなく、登録したいユーザーがページのアドレスとタイトルをコピーすれば良いのですが、ボタンを組み込む事で、自動でアドレスとタイトルが入力されます。

どのボタンをクリックした事で、いきなり登録されるわけではありません。 例えば、Twitter のつぶやきボタンをクリックして、なおかつ、Twitter にログオン状態を維持しているのであれば、そのボタンをクリックしたページのアドレスと半角スペースとページタイトルが投稿フォームに入力されます。 Twitter は 140 文字しか入力できないため、あの手この手を使ってページアドレスを短縮する必要がありますが、管理人は特に何もやっていません。 つまり、ページによっては、アドレスとタイトルだけで 140 文字をオーバーするかも知れません。 アドレスを削除するとアクセスできませんが、タイトルは自由に削除して下さい。

一番左の星マークは、ペイントで作成しましたが、これはブラウザのブックマーク登録ボタンです。 対応するブラウザは Internet Explorer だけとなります。 全てのページで、アドレスとタイトルを手入力するのは厳しいので、JavaScript によりボタンを形成しています。 他に、Facebook(フェイスブック)や del.icio.us のアイコンも多く見かけますが、管理人が利用した事が無いので、今回は設置しておりません。

<script language="javascript">
<!--
var b_title = encodeURIComponent(document.title);
var b_url = encodeURIComponent(location.href);
var n_url = location.href;

//ブラウザのブックマークボタン
document.write("<a href=\"javascript:void;\" onclick=\"window.external.AddFavorite(location.href,document.title); return false;\" title=\"ブックマークに登録(IEのみ)\"><img src=\"画像\"  alt=\"ブックマークに登録(IEのみ)\" /></a>");

//Google Bookmarksボタン
document.write("<a href=\"http://www.google.com/bookmarks/mark?op=edit&bkmk="+n_url+"&title="+s_title+"\" target=\"_blank\" title=\"このページを Google Bookmarks に追加\"><img src=\"画像\"  alt=\"このページを Google Bookmarks に追加\"  /></a>");

//Yahoo!ブックマークボタン
document.write("<a href=\"javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+b_title+'&amp;u='+b_url+'&amp;ei=UTF-8','_blank','width=550,height=480,left=100,top=50,scrollbars=1,resizable=1',0);\" title=\"Yahoo!ブックマークに登録\"><img src=\"画像\"  alt=\"Yahoo!ブックマークに登録\" /></a>");

//はてなブックマークボタン
document.write("<a href=\"http://b.hatena.ne.jp/entry/"+n_url+"\" title=\"このエントリーを含むはてなブックマーク\" target=\"blank\"><img src=\"画像\" alt=\"このエントリーを含むはてなブックマーク\" /></a>");

//Twitterつぶやきボタン
document.write("<a href=\"http://twitter.com/home?status="+b_url+"%20"+s_title+"\" target=\"_blank\" title=\"この記事をつぶやく\"><img border=\"0\" alt=\"この記事をつぶやく(Twitter)\" src=\"画像\" /></a>");
//-->
</script>




Copyright © 2018 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項