FC2ブログ用 twitter(ツイッター)ボタンやらソーシャルブックマークボタンやらの設置方法 |
2009-08-02

さて、もう気付いている人も多いと思うが、このブログ大幅にデザインをリニューアルしますた!
Google様にアボセンスされた事を教訓に、明るくてクリーンな感じのデザインに!
ヘッダーには最新記事のインデックスや人気記事のランキング、そしておいらの最新のつぶやきなどを配置、そして記事の横幅や文字のサイズなどを大きくしつつ、左右に柱を設け、より便利に!
さらに、ほとんどの人は気付いていないと思うが、
記事の下にツイッターボタンやらソーシャルブックマークのボタンやらを追加したぞ〜!
ソーシャルブックマークって何?って人はこちらを参照
ツイッターって何?って人はこちらを参照
そして今回はFC2ブロガーの為に、ツイッターボタンやら、ソーシャルブックマークボタンの設置方法を伝授するぞ〜!
↓これをクリック
↑クリック↓
←クリクリツイッターの公式ではそんなボタンは用意されちゃーいないので、自作で作ってみたぞ!
↓ツイッターボタンご自由にダウンロードして使ってくれ(右クリック→画像を保存)
↓そしてこちらのソースの★の部分に画像のパスを入れて使う。
上の説明として、ツイッターは
http://twitter.com/home?status=投稿内容
というリンクで投稿できるようなので、=の後にタイトルとURLを表示させるとツイッターボタンの完成なのだ!
<%topentry_enc_utftitle> というのはURLエンコード化(utf-8)したタイトルを表示するFC2テンプレート用変数、%20 というのはエンコードされた半角スペースで、<%topentry_link> というのはエントリーURLを表示するFC2テンプレート用変数になる。
応用すれば、他のブログでも理論は同じだな。
設置の仕方だが、たとえばこのブログの場合は、「テンプレートの設定」でHTMLの編集の中の <!--allow_comment-->〜<!--/allow_comment-->とかある辺りのとこの次ぎとかに<li>〜</li>で囲んで追加すれば、記事の下のコメントの横とかに追加できるぞ。
ソーシャルブックマークボタンは下記のタグを同じように<li>〜</li>で囲んで追加できる。
※すべてFC2ブログ用、他のブログは各説明ページを見てくれ。
ヤフーブックマーク 公式の説明ページ
はてなマーク+〜user 公式の説明ページ
★に
の画像をアップロードした時のパスを入れる。@niftyクリップ 公式の説明ページ
livedoorクリップ 公式の説明ページ
Buzzurlブックマーク 公式の説明ページ
イザ!ブックマーク 公式の説明ページ
FC2ブックマーク 公式の説明ページ
おいらのこのブログには設置しなかったが、まだまだソーシャルブックマークサービスやニュース収集サイトはあるので、そっちの説明ページもまとめたぞ。
・newsing
・Choix
・トピックイット
・POOKMARK Airlines
いろんなボタンをまとめたボタン(このブログの左柱にも設置)
・AddClips
おお、今回はとっても便利な記事だったなぁ〜
※しかし、設置後に関する不具合などで発生した問題など一切おいらは責任を負わんので予め了承の上で使用はたのんます。万が一、なにか間違いとかあったら、コメントで教えてもらえると助かりますんでよろしく。
【関連リンク】 ブログ簡単パワーアップ FC2ブログスーパーカスタマイズテクニック
【関連記事】 このブログがアボセンスに!
【関連記事】 パソコンは今、Windows7無償アップグレード対応モデルが売れて...
【関連記事】 龍水のtwitter(ツイッター)完璧ガイドtwitter有名人最新版〜激...
【関連タグ】 twitter
【ランキング】 人気の記事
【twitter】 本日の龍水のつぶやき
【おすすめ】 龍水が最近「気になる」YouTubeはコレ!
【おすすめ】 龍水の独言ブ増刊号
【おすすめ】 Windows7 パソコン買うならこれ
















