• RSS
[CSS]Javascript を使わずにCSS でTwitter フォローボタンをデザインする方法

Twitter のフォローボタンをCSS でデザインする方法のご紹介です。

以前に紹介させていただいたTwitter フォローボタンをテキストリンクにする 方法を使えば、HTML とCSS だけでTwitter フォローリンクを設置することができるようになります。
続きを読む

Twitter フォローボタンをテキストリンクにする方法

Javascript を用いずに、Twitter のフォローリンクをテキストリンクにしたり、CSS でオリジナルボタンに装飾する方法のご紹介です。
続きを読む

[CSS]ブログに埋め込んだツイートのデザインをCSS で変更する方法

Twitter のツイートをブログに埋め込んで表示させる場合に、幅を100% に変更したり、デフォルトの引用デザインではなく自分のブログに合ったオリジナルデザインへと変更する方法のご紹介です。
続きを読む

[CSS]縦型、横型の吹き出し付きソーシャルボタンのCSS サンプル

過去に CSS で作る「吹き出し」のサンプル の記事で紹介させていただいたカスタマイズを元に、
Facebook やTwitter っぽい吹き出し付のソーシャルボタンを「縦型」「横型」で作ってみました。
続きを読む

Twitter のツイートをブログに埋め込む方法

ブログにTwitter のツイートを埋め込む(引用する)方法をまとめました。

ちなみに、この「ウェブアンテナ」はWordPress で構築されているので、WordPress の記事でツイートの引用を表示させる方法も合わせて紹介させていただきます。
続きを読む

「IFTTT」でWordPressのブログ記事をTwitter に連携する方法

例えば Instagram の写真を Dropbox に保存したり、Gmail の重要なメールを Evernote に保存したりなどなど、様々なWEBサービス、SNS同士を連携させることができる IFTTT

今回は、この IFTTT を使ってWordPress の投稿記事をTwitter に連携する方法を紹介させていただきます。
続きを読む

[WP]jQueryでツイート数、いいね数などを取得して、WordPressの記事別に設置する方法

jQuery で Twitter のツイート数や、Facbeook のいいね数を表示する方法が人力検索はてなに掲載されていたので、これに「はてブ」も加えて、WordPressの記事毎にjQueryでSNSのカウント数(いいね数やツイート数など)を表示する方法をまとめてみました。
続きを読む

[JS]FacebookやTwitter、はてブなどのソーシャルボタンを非同期で読み込む方法

Facebookの「いいね」やTwitterの「ツイート」、Google +1の「+1」などの各種ソーシャルボタンの読み込みを非同期にすることで、ページの表示速度を向上させる方法です。

Facebook、Twitter、Goolge +1 の他にも Google Analytics、はてブ などを全部まとめて非同期にすることができます。
続きを読む