ブログの本体(トップページ)がはてブされているのをたまに見ます。
それで、どうやってやるんだろ。っと思って
はてブの公式ページのボタンを設置してみるもなぜかうまくいかず。
自分で作ってみました。
これにより!
ブログ本体に、直接ブックマークが可能となる!
ダイレクトアタック!!(遊戯王)
こちらです!
試しに押してみても良いですよ?(ゲス顔)
大丈夫です。押しただけではブックマークはされませんので!!
これによって、「キリンノックスの日記」自体にもブックマークを付けたい!!!というコアなファンの方のニーズに答える事が出来ますwwww(いないわwww)
無用の長物・・・か・・・
むようのちょうぶつ
【意味】 無用の長物とは、あっても役に立たないどころか、かえってじゃまになるもの。
まぁ、とにかく、ご自身のブログにファンが多い方は、もしかしたら使えるかもしれませんので、作り方を書いておきますね。
(需要があるのかないのか、おれにもわからんw)
作り方
- 適当な画像を用意します。
- 画像をはてなフォトライフにうp
- HTMLを書きます。
なんとスリーステップ!
1.適当な画像を用意する。
僕は、このキリンちゃんを、pixabayで拾ってきて。
首を切り取りw
青くして
B!と文字を入れました。
かんたんー
2.画像をはてなフォトライフにうp
はてなフォトライフを開き、右上のアップロードを押して、画像をうpします。
次に、左上の ◯◯’s fotolife (または右上のマイフォト)をクリック。
使いたい画像をクリック
右上のリンクをクリックします。
そこで、出てきた下の「この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
でも、自分のブログにブックマークついたら嬉しいやん?
わたくし、プログラミングなど、完全なる素人ですので、もし何か不備があればコメント等でご指摘いただけると、ありがたいです。
関連記事
コメント