« 記事フッターの各サービスリンクをボタン表示にする | メイン | スマートフォン閲覧を無効にする »

カスタム HTML を利用してブログパーツを表示する

カスタム HTML を利用すると、ブログのサイドバーに HTML ソースを挿入することができ、以下のような場合に自由度が高く大変便利です。

  • サイドバーにテキストを貼り付ける
  • サイドバーに画像を貼り付ける
  • サイドバーにブログパーツを貼り付ける
  • サイドバーに Javascript やHTML ソースを貼り付ける

外部サービス提供のソースコードを貼り付ける際、文字コードの指定部分は基本的には UTF-8 に変更してください。

例として、このTwitterボタンを貼ってみます。

配布元:Twitterボタン(http://twitbtn.com/

  1.[ホーム] - [ブログ] - [(ブログ名)] - [デザイン] をクリックする

    

  2.[表示項目を選択] をクリックする

    

  3.ページ内の [カスタムHTML] 項目にある [モジュールを追加] をクリックする

    

  4.表示された [カスタム HTML モジュールの作成] の各項目に以下の情報を入力する

    • 名前
      この項目はブログ上には表示されません。管理用の名前を入力してください。
    • HTML
      ブログ上に表示される部分です。表示したい文言や、画像を表示したい場合は画像表示のためのソースコード、ブログパーツを表示したい場合はブログパーツを表示するためのソースコードを入力してください。

  5.入力が完了したら [保存] をクリックする  

  6.[表示項目] ページ下の [カスタムHTML] 項目で作成したカスタム HTML の
    名前にチェックを入れる   

    

  7.ページ下部の [変更を保存] をクリックする

    

  8.[並べ方を変更] をクリックする

    

  9.[カスタムHTML] で作成したモジュールをドラッグ&ドロップで移動する

    

  10.[変更を保存] をクリックする    

    

  11.表示されていれば完了です