TAG

アメブロ

【 Twitter アメブロ連携 】ツイートをアメブロに表示する

  Twitter アメブロ連携 の方法をここでは紹介します。   Twitterとアメブロを連携することで、フォロワーアップ・集客アップを図れる可能性があります。今回は、下記のように、アメブロの記事に任意のツイートを埋め込み・表示させる方法を紹介します。     (補足)アメブロの標準機能で特定のツイートを表示させる機能が追加されました。本機能を利用すると […]

【 アメブロ カスタマイズ 記事一覧】オリジナルブログの作り方

  アメブロのブログデザインをカスタマイズしたい方向けに アメブロ カスタマイズ 関連の記事を書いています。ここでは、アメブロカスタマイズ関連の記事を一覧で紹介していきます。   目当ての記事がありましたら是非ご参照ください。   ※2016年3月から利用できるようになった新しいタイプのCSS編集用デザインを対象としています。   記事の実績   […]

アメブロ 枠 (メッセージボード)を記事内に作る方法【ameblo デザイン カスタマイズ】

  アメブロ(ameblo)でオリジナルのデザインを自作してみましょう。今回は、アメブロ 枠 (メッセージボード)を記事内に作る方法を紹介します。   ここでは、下記のように枠を作り、外部の参照先に飛ばせるように設定する方法をご紹介します。今回のやり方は、記事にHTML,CSSを直接書くためスマホも対応しています。     ※2017年1月13日のアメブロ仕 […]

アメブロ メニューバーの作り方2 標準タイプ【ameblo デザイン カスタマイズ】

  アメブロ(ameblo)でオリジナルのデザインを自作してみましょう。   今回は、アメブロのPC用トップページに下記のようなメニューバーを表示する作り方をご紹介します。       ※もう一つのタイプ、透明でスクロールしてもついてくるメニューバーの作り方も紹介しています。下記タイプのメニューバーを作成したい方は「アメブロ メニューバーの作り方 […]

アメブロ プロフィール 画面のカスタマイズ 設定方法 【ameblo デザイン カスタマイズ 】

  アメブロ(ameblo)でオリジナルのデザインを自作してみましょう。今回は、アメブロ プロフィール 画面をカスタマイズする方法を紹介します。   アメブロのトップページをオリジナルにカスタマイズされている方は多いと思いますが、プロフィール画面をカスタマイズしている方は少ないのではないでしょうか。   せっかく、トップページが綺麗に装飾されていても、プロフィールに移 […]

アメブロ 背景 画像 を設定する方法【ameblo デザイン カスタマイズ】

  アメブロ(ameblo)でオリジナルのデザインを自作してみましょう。今回は、アメブロ 背景 画像を設定する方法を紹介します。   ここでは、アメブロのPC用トップページの背景画面に任意の画像を入れる方法をご紹介します。   ※2016年12月28日のアメブロ仕様での設定手順になります。   ※そもそもカスタマイズってどうやるの?という方はこちら「アメブロ […]

アメブロ Facebook 連携 アメブロにFacebookページを追加する【フェイスブック 埋め込み】

アメブロ Facebook ページの連携に関する記事です。   お使いのFacebookページをアメブロのトップページに追加することで、アメブロからFacebookページに流入、いいねをもらえる可能性があります。     アメブロとFacebookページがあれば簡単に設置できますので、今回はその設定手順を記載します。   ※2016年12月27日時点の手順に […]

CSSによる グラデーション の作成方法【CSS3 ジェネレーター ツール HTML】

ホームページやブログなどでボタンや背景に「 グラデーション 」を使いたいことは多いと思います。 今回はCSSだけでグラデーションを生成する便利なツール「Ultimate CSS Gradient Generator」を紹介します。   このツールを利用すると複雑なグラデーションを記述したCSSも簡単に自動生成してくれます。CSSなので重い画像のように表示速度が遅くなる恐れもありません。 […]

アメブロ メニューバーの作り方 【ameblo デザイン カスタマイズ】

  アメブロ(ameblo)でオリジナルのデザインを自作してみましょう。   今回は、アメブロのPC用トップページに下記のように半透明でスクロールしても位置が固定して付いてくるオリジナルのメニューバーを出す作り方をご紹介します。       なお、下記のような標準タイプのメニューバーを作りたい場合は、アメブロ メニューバーの作り方 2 標準タイプ【 […]