ブログではやりの「Twitterでつぶやく」ボタンを自作しました。
各記事の下のほうにリンクの表示が追加されたと思います。
つぶやくには当然ながらTwitterアカウントが必要となります。
Broachブログであれば同じように設置できると思いますので、
やりかたを紹介します。テンプレートの編集ができる人向け。
1. エントリー内に以下のタグを貼りつける。
<script>tweet("{SHOW page_title}", "{SHOW entry_title}",
"{SHOW entry_permalink_url}")</script>2. <head>内の<script>内に以下の関数を貼りつける。
function tweet(page, entry, url) {
var status;
var sub = page.length - entry.length;
if (sub >= 0 && page.lastIndexOf(entry) == sub) {
status = page + " " + url;
} else {
status = page + ": " + entry + " " + url;
}
document.write('<a href="http://twitter.com/home?status=' +
encodeURL(status) +
'" target="_blank">Twitterでつぶやく</a>');
}リンク内のテキストを画像に置き換えるとか、そこはご自由に
カスタムメイドしてください。（カスタムメイド？）
3. 同じく<script>内にencodeURL()関数を貼りつける。
…コードは省略（オイだって自分の貼ろうとしたら長いし汚いんだもんー（ひどいや
「JavaScript URLエンコード」とかでサンプルコード探して
各自でご用意いただければと…。
あ、変換時の文字セットはデファクト標準なUTF-8がおすすめ。
…というわけで、一部不親切でしたがどうぞご利用ください。
って！ ぶ、Broachユーザーのみなさんに使ってもらうために
作ったんじゃないんだからね！
0 件のコメント: