ソーシャルボタンを大きいボタンに変える方法

当サイトではアフィリエイト広告を利用して商品を紹介しています。
当サイトではアフィリエイト広告を利用して商品を紹介しています。
この記事は約2分で読めます。

 ソーシャルボタンを大きくしたい

 ホワイトプレスの初期ではソーシャルボタンが小さいので
 他のブログで見かける大きいソーシャルボタンに変更したい!
 ということで、どうやったら大きくできるのか調べてみました。
socialb1
 こんな感じでちょっと小さい。これを

 ↓こんな感じにしたい
socialb5

 調べたら結構簡単だった

ブログ設定からデザイン/ブログパーツ設定のPCを選択すると
下のようなページが表示されます。
socialb01

カスタマイズのタブを選択して、個別記事ページを選択します。

socialb2

<!__/ソーシャルボタン __>で囲まれている<$ArticleToolBox$>というタグが
今までのソーシャルボタンです。

socialb1-1

今までのソーシャルボタンを大きく変えるには
<$ArticleToolBox$>のタグを削除または<!__ ~ __>で囲ってください。
コレで無効になります。「_」はアンダーバー(shiftキー+ろ)です

はてなブックマークなら <$HatenaBookmarkVertical$>
フェイスブックなら <$FacebookBox$>
ツイッターなら <$TwitterVertical$>
ポケットなら <$PocketVertical$>
グーグルプラスなら <$GooglePlusOneTall$>
エヴァーノートなら <$EvernoteVertical$>
とタグを入れてください。タグの順番が表示される順番になりますので
お気に入りや見やすい順番で入れ替えるのも可能です。

socialb3

これで下のように表示されれば完了です。
socialb5

その他にもソーシャルボタンを追加したい場合はLivedorBlogのヘルプで確認してください。

独自タグ一覧(変数) - livedoor Blog ヘルプセンター独自タグ一覧(変数) – livedoor Blog ヘルプセンター


コメント