「 ブログデザイン 」一覧

Simplicityカスタマイズ Twitterボタンをアニメーション化

Simplicityカスタマイズ Twitterボタンをアニメーション化

Wordpress人気テーマSimplicityのSNSボタンのtwitterのアイコンの鳥をアニメーション化させて羽ばたかせました。デフォルト(アイコン)とバイラルタイプ(高速)で動作する設定方法を解説します。

記事を読む

Simplicityのカテゴリー一覧をWEBフォントで装飾

Simplicityのカテゴリー一覧をWEBフォントで装飾

ブログのカテゴリー・ウィジェットの各カテゴリー名にFontAwesomeでアイコンを表示する方法を図解。どのブログでも簡単にコピペでブログをデコレーションすることが可能です。

記事を読む

ブログが重い! ④ Lazy Loadをサイドバーにも適用させる方法

ブログが重い! ④ Lazy Loadをサイドバーにも適用させる方法

画像をスクロールに応じて読み込みフェードインさせるLazy Load。サイドバーが表示されない不具合の解決法を見つけたので紹介します。

記事を読む

BloggerでWebフォントで作ったSNSボタンを設置するコード

BloggerでWebフォントで作ったSNSボタンを設置するコード

Google Bloggerでソーシャルボタンを設置するには、「公式ボタン」か「忍者おまとめボタン」「ShareThis」を設置するしか方法がないように思われてましたが、オリジナルボタンを設置するコードが完成しました。

記事を読む

【動く】Twitter BirdでSNSボタンを作ってみました♪

【動く】Twitter BirdでSNSボタンを作ってみました♪

Twitter Birdが羽ばたくアニメーションを作りました。SNSボタンをアニメーションボタンでカスタマイズするには?

記事を読む

WEBフォントで作ったクリックで沈むオリジナル3D・SNSボタンセット

WEBフォントで作ったクリックで沈むオリジナル3D・SNSボタンセット

webフォントでFacebook Twitter Google+ はてブ Line Pocketの3Dボタンを作りました。コードを公開してます。Google BloggerではオリジナルSNSボタンが使用できない?

記事を読む

RSS複眼より高機能な画像付き最新記事一覧はこれだ!

RSS複眼より高機能な画像付き最新記事一覧はこれだ!

ブログに最新記事一覧や、ツイート数順、いいね!順などの記事一覧をサムネイル付きで綺麗に表示することができる「忍者レコメンド」の設置方法を解説します。

記事を読む

BloggerのロゴをFontで使えるLigatureSymbolsの解説

BloggerのロゴをFontで使えるLigatureSymbolsの解説

Bloggerでブログをしてるなら絶対欲しいBのロゴ。アップロードサーバーの無いbloggerでLigatureSymbolsを導入する方法を解説します。はてブ、LINE、Amazon、twitter、wordpressのアイコンフォントも使えます。

記事を読む

ブログで、関連記事への内部リンクを枠で装飾♫

ブログで、関連記事への内部リンクを枠で装飾♫

過去記事への内部リンクにサムネイルを貼る前回の方法に加えて、枠とグラデーションで装飾する方法を解説します。
が効かない時は?

記事を読む

Bloggerで海外テンプレートを選ぶ前に気を付けること。

Bloggerで海外テンプレートを選ぶ前に気を付けること。

google ブロガーにはオシャレで綺麗な海外テンプレートがたくさんありますが、適用前に気を付けたい注意点や選び方を紹介しています。

記事を読む

スポンサーリンク
トップへ戻る