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

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

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

 ↓こんな感じにしたい
socialb5

 調べたら結構簡単だった

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

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

socialb2

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

socialb1-1

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

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

socialb3

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

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

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


スポンサーリンク

シェアする

フォローする

スポンサーリンク