Tumblrはてなブログの細かなカスタマイズの4回目です。例のごとく、書き留めておきます。11.ソーシャルボタン(Pocket)の追加これを入れると、なぜか表示が大きくズレてしまうので削除していたのですよ。うまくいかなかったのですが、いろいろトライしていくうちにうまくいくものを見つけました。参考にさせて頂いたサイトはこちら。ファンブログハック具体的には記事内のこの部分。SNSボタンのコード1つ1つをdivタグなどで囲って、floatで並べます。floatを使うと上下のズレなどもほとんど生じずに並べる事が出来る印象があります。class="snsb">(はてぶボタンのコード)</div>のようにdivタグで囲って、css(スタイルシート)で以下のように設定します。.snsb{float:left;}こうすると、左詰めでボタンが並ぶと思います。記載する内容が少し増えてしまいましたが、これでズレずに表示できました。12.吹き出しコメントの使用これはカスタマイズといえるのか分かりませんが、あとがきのところだけ、吹き出しにするようにしました。参考にさせて頂いたサイトはこちら。Lab2会話形式で吹き出しを使用する感じで紹介されていたのですが、それを使わせてもらいました。このままではなく、一部変更して使用しています。1つ目は、画像の丸み。そのままコード使用すると、画像が丸くなってしまうので、以下のように変えました。「border-radius」は丸みを設定するステータスのようなので、値を小さくすることで丸みを軽くしました。2つ目は、吹き出しの位置。そのままのコードでは、吹き出しの左の真ん中に表示されるようになっていたので、上部分に表示されるようにしました。「50%」だと真ん中になるので、ピクセル指定で固定表示にしています。あとがきやってることが、だんだんと細かくなってきましたが、こういう細かな事の繰り返しで少しずつよくなっていくものだと思うので、地道に気づいたところを変更していきたいと思います。やりはじめたばかりなので、手を入れるところはたくさんありますね。ソーシャルボタンに関しては、ズレはなくなったものの、読み込みが遅いので、なんとかしたいなぁと思っています。Tumblr関連記事2015-11-21Twitterのカウント表示廃止でシェアへのリプがしにくくなった。対応と、シェアボタン変更。モバイルページには手を加えておこう!僕がこの連休中にやったこと。それは、はてなブログのカスタマ...2015-05-05はてなブログで吹き出しを使おう!(その2)モバイル版の吹き出しCSS作成。CSSでの実装方法を勉強したので解説します。僕はいつも、記事の最後に「あとがき」をつけているのですが、...2015-01-25はてなブログのスマホ版レイアウトを変えようとして、あまり変えられなかった話ずっと前からやろうやろうと思っていた事。▼一眼動画に興味がある方は、まずこちらから。動画機としてのカメラ選び。一眼動画を1年以上やってみて、どんな機能が必要なのかを話します。オススメ機種も紹介!動画を撮る時のたった2つのシンプルなコツ。僕はこれをやって動画の質が上がりました。一眼動画を始める時に、まず買っておいたほうがいいもの4選。写真撮影のアイテムとは、ちょっと違います。▼カメラに興味のある方はこちらの記事をどうぞ今更だけど、GH5の6Kフォトの素晴らしさを語ろうと思う。ただの連写撮影では撮れない写真が撮れるんです。素人でもプロっぽい写真がバンバン撮れる神機能だから!ズームレンズか単焦点レンズか。【2016年版】初心者から中級者が買うミラーレス一眼を考える。主要モデル24機種をレンズのラインアップも含めて比較してみました。」は、身軽に出歩きたいメンズにこそオススメしたい。235J」を買った理由。スポンサーリンクプロフィール(広野ヨウ)おっさんブロガーです。普段の生活をほんのちょっとだけ便利で楽しくする情報を発信できればと思っています。はてなブログPro札幌在住のおっさんです。カメラや一眼動画の情報を中心に、普段の生活をほんのちょっとだけ便利で楽しくする情報を発信できればと思っています。[広野ヨウ]アイコンは「じゃじゃ嫁日記」のNOBOさん(id:rise_more)に作って頂きました。Uber配達員が車道を走る理由は、法律以外にもあるのです。10引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。