スポンサーサイト

一定期間更新がないため広告を表示しています

ブログ記事のシェアボタン

ブログ記事のシェアボタンをPCブラウザブックマークレットから引用してみました。

<a href="javascript:(function(){window.twttr=window.twttr||{};var D=650,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open('http://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E=F.createElement('script');E.src='http://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')[0].appendChild(E)}());" title="twitter share">twitter</a>
<a href="http://www.facebook.com/share.php?u=URL" onclick="window.open(this.href, 'Facebook window', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;"  title="facebook share">facebook</a>
<a href="https://plus.google.com/share?url=URL" onclick="window.open(this.href, 'Google+ window', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;"  title="google+ share">google +</a>

FacebookとGoogle+にはURLに記事のIDを表示させるために独自タグを使用して記事IDを表示させる必要があるので設置出来る範囲が<!-- BEGIN entry --> 〜 <!-- END entry -->ブロック内となりそうです。

http://member.jugem.jp/?eid={entryarea_id}

こちらのテンプレートに設置してみました

テンプレート変更のメモ

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

@media screen and (max-width: 1020px) {
#wrapper {width:510px;}
#header {width:480px;}
#footer {width:480px;}
#blogmenu {width:500px; margin-right:auto; margin-left:auto;}
#tabsMore {width:500px; float: left;}
#tabsAd {float:left;}
}

ブラウザウィンドウサイズ1020pxで可変するように設定

記事内のURLについてのメモ

[jQuery]文章内のURLを自動リンク化する - かちびと.net
テスト
メモ
<script>
var exp = /(¥b(https?|ftp|file):¥/¥/[-A-Z0-9+&@#¥/%?=~_|!:,.;]*[-A-Z0-9+&@#¥/%=~_|])/ig;
$('.bloglink').html($('.bloglink').html().replace(exp,"<a href='$1'>$1</a>"));
</script>

Goole+ページ

Google+ページ

Google+ページから@pages.plisgoogle.comのメールアドレスが取得できるようになったようです。この@pages.plisgoogle.comを@gmail.comへアップグレードするとGoogleのサービスが使えるようです。Google+ページを作ればそのページ用のGmailアドレス・Blogger・Picasaが使えるようです。

アクセスログ:2013年1月

JUGEM IT! from Fireworksでキャンバスの中心にオブジェクトを簡単に配置する時のメモ

Fireworksでキャンバスの中心にオブジェクトを簡単に配置する時のメモ

JUGEM IT! from jquery/jquery-migrate

jquery/jquery-migrate GitHub
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></script>

(via 互換性のためのプラグイン、jQuery Migrateも:jQuery 2.0β登場! jQuery 1.9は正式版がリリース - @IT)

http://memberjugem.tumblr.com/

http://memberjugem.tumblr.com/ しばらくtumblrをいじってみようかと思います。

JUGEM IT! from お引越しガイド - ライブドアブログ

お引越しガイド - ライブドアブログ お引越しガイド - ライブドアブログ
試しにお引越ししてみようかな?
  • インポート機能を使うことにより、他社ブログサービスのデータが消えることはありません。
  • ファイルの文字コードはUTF-8またはEUC-JP、改行コードはLFでの保存を推奨します。

動作の確認

前の記事の動作確認
blog.chk blog.memo
続きを読む >>
  • このエントリーをはてなブックマークに追加
  • Check