現役はてなブログカスタマイズ9選！トレンドはSWELL風デザインとSNS連携？

はてなブログのカスマタイズ記事を調べても紹介しているブログのようなデザインにならないのはなぜかしら？ 元はてなブロガーがWordPressブログに引っ越してその記事が上位表示されている可能性が高いよ。 このページでは「現役はてなブロガーが紹介するブログカスタマイズ」を中心に紹介。 繰り返しますが、今もはてなブログを利用していますのでどのカスタマイズもはてなで実現可能です。 教えるのはこんな人 おかぺー(@DemoOkan) この記事をおすすめしたい人 はてなブログでカスタマイズを楽しみたい WordPressが気になっているはてなブロガー はてなを調べているのにWordPressが上位表示され…

【SNS連携】はてなブログの画像にピンタレストの保存ボタンを表示する方法

はてなブログでもWordPressみたいにPinterestの保存ボタンを設置できるのかしら？ 公式のウィジェットを使うことで簡単に実現できるよ。Pinterestを利用中のピナーには必須の設定だよ。 このページでは「はてなブログでピンタレストの保存ボタンを表示する方法」を中心に紹介。 記事後半ではおまけにピンタレストへのリンクを貼る方法を説明していきます。 教えるのはこんな人 おかぺー(@DemoOkan) この記事をおすすめしたい人 ピンタレストを伸ばしたいはてなブロガー ブログに多くの画像を使っている ときどきピンタレストのことを思い出したい はじめに 完成イメージ（スマホ/パソコン） …

【他人のツイートでもOK】はてなブログにTwitterのツイートを表示する方法

WordPressにはツイートを貼り付けている人を見かけるけどはてなブログでもできるのかしら？ WordPressとまったく同じ手順でHTMLコードを貼り付けるだけで簡単に表示できるよ このページでは「はてなブログにTwitterのツイートを埋め込む方法」を中心に紹介。 他人のツイートを貼り付けても問題がない理由も合わせて紹介します。 教えるのはこんな人 おかぺー(@DemoOkan) この記事をおすすめしたい人 ブログからTwitterに集客したい Twitterのフォロワー数を目立たせたい フォロワー数非表示版のフォローボタンしか使えない はじめに 完成イメージ（スマホ/パソコン） ツイー…

はてなブログにTwitterフォローボタンを設置してフォロワー数を表示する方法

はてなブログからTwitterアカウントにリンクを貼れるけどフォロワー数を表示することはできるのかしら？ 貼り付けるHTMLコードの一部を変えるだけで簡単に表示できるよ このページでは「はてなブログにTwitterのフォローボタン（フォロワー数を表示）を埋め込む方法」を中心に紹介。 フォロワー数を表示しない通常のフォローボタンの埋め込み方と合わせて紹介します。 教えるのはこんな人 おかぺー(@DemoOkan) この記事をおすすめしたい人 ブログからTwitterに集客したい Twitterのフォロワー数を目立たせたい フォロワー数非表示版のフォローボタンしか使えない はじめに 完成イメージ …

【2021年現役】はてなブログで目立つ！定番ボタンとグラデーションボタン使用方法

はてなブログでつい押したくなるようなボタンを設置することは可能なのかしら？ CSSとHTMLの組み合わせで簡単に使うことができるよ。ただし「見たままモード」ではボタンを表示させることはできないので注意が必要だよ このページでは「はてなブログでボタンを使用する方法」を中心に紹介。 定番の緑色のボタンとちょっぴり目立つ水色グラデーションのボタンを作成する手順を説明していきます。 教えるのはこんな人 おかぺー(@DemoOkan) この記事をおすすめしたい人 はてなブログでもボタンを設置したい WordPressのようなおしゃれなボタンを使いたい グラデーションが好きだ！ はじめに 完成イメージ（定…

【2021年現役】おしゃれサイトに多い！？テキストの左右に横棒を入れる方法【WordPress風】

はてなブログでもWordPressみたいにテキストの両サイドに横棒を入れることはできるのかしら？ CSS文を書くことで実現できるよ。イメージがガラッと変わるのでおすすめのカスタマイズだよ。 このページでは「はてなブログでテキストの左右に横棒を入れる方法」を中心に紹介。 単純なCSSのみで簡単に使える手順を説明していきます。 教えるのはこんな人 おかぺー(@DemoOkan) この記事をおすすめしたい人 はてなブログでもおしゃれな横棒を引きたい はてなブログっぽくない装飾をしたい おしゃれな横棒って何！？ はじめに 完成イメージ WordPressに多い横棒スタイル テキストの左右に横棒を入れる…