ていないブログ-主婦ミニマリストで整理収納アドバイザーなインテリア好き音楽オタクの雑記

ゆるミニマリストで整理収納アドバイザーの主婦「ていない」による雑記ブログ。グルメや裏技、芸能音楽記事が豊富。ミニマリストブロガーインタビュー&いろんな職業インタビュー大好評連載中。

pomeru(ポメル)ボタンをブログのサイドバーに設置する方法!

ていないブログオススメ記事

twitterアカウントと連携した、紹介文作成サービス「pomeru(ポメル)」。

ブログのサイドバーに自分のpomeru(ポメル)ページに誘導する、「pomeruボタン」の埋め込みが可能になりました。

とても簡単ですが、設定系苦手な人(それは私だ!)のために、設置方法を画像付きで説明していきます。

私は「はてなブログ」を使用しているため、はてなブログのダッシュボードを使っての設置説明となります。

他のブログサービスをご利用の方は、こちらを参考にして応用していただければ設置できると思います。

 

pomeru(ポメル)ボタンをブログのサイドバーに設置する方法!



 

その1.pomeru(ポメル)のプロフィールページにログインしよう

pomeru(ポメル)のトップページにアクセス。

pomeru.me

 

pomeru(ポメル)ボタンをブログのサイドバーに設置する方法!

 

「twitterでログイン」のボタンをクリックして、ツイッターアカウントとの連携を許可すると、プロフィールページが表示されます。

 

2.画面右上のpomeru(ポメル)メニューバーから「埋め込み」ボタンを選択

プロフィールページの右上の三(メニュー)をクリックすると、画面右側にメニューバーが表示されます。

 

f:id:jikobukken:20181001202956p:plain

 

メニューの上から5つ目にある「埋め込みタグ」をクリックしてください。

 

pomeru(ポメル)ボタンをブログのサイドバーに設置する方法!


3.「pomeru(ポメル)ボタン」の埋め込み用タグをコピーする

「pomeru(ポメル)ボタン」という文字の下のテキストボックスに表記されているHTMLソースをコピーします。

ポメルのホームページの説明文には、

  1. 上記のHTMLソースをコピーします
  2. ブログやサイトのHTMLビューにソースを貼り付けます
  3. サイトからあなたのことを直接ポメてもらえます

と記されています。

テキストボックスにカーソルを移動させ、

右クリック→すべて選択→コピー

で、HTMLソースのコピーは完了!

pomeru(ポメル)上の操作はここまで。

あとはこのコピーした文字列を、ブログに貼り付けて「pomeru(ポメル)ボタン」を設置します。

 

pomeru(ポメル)ボタンをブログのサイドバーに設置する方法!

4.ブログの管理ページからサイドバーを設定

 ブログ(はてなブログ)の管理ページにログインし、ダッシュボードの左サイドメニューから

デザインをクリック

上部のアイコンパレット、スパナ、スマホマークの中央のスパナ(カスタマイズ)

サイドバーをクリック

サイドバーの最下部の+モジュールを追加をクリック

HTMLをクリック

 

f:id:jikobukken:20181001203258p:plain

 <p>...</p>と薄いグレーで表記されているボックス内に、さきほどコピーしたHTMLソースをペースとします。

左下の水色の「適用」ボタンをクリック

左サイドバー上部の「変更を保存する」をクリック

これにて設定完了!

 

5.サイドバーに設置完了!!

f:id:jikobukken:20181001212114j:plain

 

これにて設置完了です。

「pomeru(ポメル)ボタン」を設置することによって、ポメてもらえる可能性が格段にアップします。

お友達のブログで「pomeru(ポメル)ボタン」を見つけたら、ぜひポメってみてください。

 

 pomeruのこと他にも記事にしてます

www.teinai.work