ブログ本体(トップページ)にはてなブックマーク付けられるボタン設置してみた。【はてなブログ】

ブログ・ブロガー
スポンサーリンク

ブログの本体(トップページ)がはてブされているのをたまに見ます。

それで、どうやってやるんだろ。っと思って

はてブの公式ページのボタンを設置してみるもなぜかうまくいかず。

自分で作ってみました。

 

これにより!

ブログ本体に、直接ブックマークが可能となる!

ダイレクトアタック!!(遊戯王)

 

こちらです!

 

20190726134500

 

試しに押してみても良いですよ?(ゲス顔)

大丈夫です。押しただけではブックマークはされませんので!!

 

これによって、「キリンノックスの日記」自体にもブックマークを付けたい!!!というコアなファンの方のニーズに答える事が出来ますwwww(いないわwww)

無用の長物・・・か・・・

 

むようのちょうぶつ

【意味】 無用の長物とは、あっても役に立たないどころか、かえってじゃまになるもの。

無用の長物 – 故事ことわざ辞典

 

まぁ、とにかく、ご自身のブログにファンが多い方は、もしかしたら使えるかもしれませんので、作り方を書いておきますね。

(需要があるのかないのか、おれにもわからんw)

 

作り方

  1. 適当な画像を用意します。
  2. 画像をはてなフォトライフにうp
  3. HTMLを書きます。

 

なんとスリーステップ!

 

1.適当な画像を用意する。

 

f:id:kirinnox:20190726210317p:plain

 

僕は、このキリンちゃんを、pixabayで拾ってきて。

100万点以上の高品質なフリー画像素材 – Pixabay

 

f:id:kirinnox:20190726210415p:plain

首を切り取りw

f:id:kirinnox:20190726210427p:plain

青くして

f:id:kirinnox:20190726210443p:plain

B!と文字を入れました。

かんたんー

 

2.画像をはてなフォトライフにうp

f.hatena.ne.jp

 

はてなフォトライフを開き、右上のアップロードを押して、画像をうpします。

 

f:id:kirinnox:20190726211148p:plain

 

次に、左上の ◯◯’s fotolife (または右上のマイフォト)をクリック。

使いたい画像をクリック

右上のリンクをクリックします。

 

f:id:kirinnox:20190726213025p:plain

 

そこで、出てきた下の「このHTMLタグで写真をブログに貼ることができます」コードをメモ帳かどっかにコピーします。

 

<a href=”●●●●●”><img src=”▲▲▲▲” alt=”●●●●●”></a>

 

という感じになっていると思います。

この▲▲▲▲の部分をコピーします。

 

3.設置したい場所にHTMLを書く。

ブログの設置したい箇所にこのコードを書きます。

 

<a href=”https://b.hatena.ne.jp/entry/s/www.kirinnox.com“><img src=”▲▲▲▲“></a>

 

www.kirinnox.comの部分にご自身のブログのトップページのURL(https://の後の部分)を打ち込みます。

▲▲▲▲には先程コピーしたやつを入れます。

 

完成

 

サイズ調整

 

<a href=”https://b.hatena.ne.jp/entry/s/www.kirinnox.com“><img src=”▲▲▲▲width=”■■px”></a>

 

先程のコードのこの部分にwidth=”■■px”で幅を指定するとサイズを調節できます。

■■には数字を入れてください。

 

50pxでこの大きさ。

 

 

以上でした!

 

正直、ブログ本体ブックマークの需要があるかはよくわかりませんw

でも、自分のブログにブックマークついたら嬉しいやん?

 

わたくし、プログラミングなど、完全なる素人ですので、もし何か不備があればコメント等でご指摘いただけると、ありがたいです。

 

関連記事

www.kirinnox.com

 

コメント

タイトルとURLをコピーしました