【はてなブログカスタマイズ】レビューっぽく星の数で製品を評価するデザイン!

 

f:id:peperan:20171026210718p:plain

 

 今回は、【はてなブログのカスタマイズ】レビューっぽく星の数で製品を評価する方法を紹介します!はてな無料版でもできるよ!

 

 

 ではさっそくいきますよ。

 

 

例えば、この鼻ツマルドットコムというブログを、自己評価した時にこんな感じになります。

f:id:peperan:20171011031005p:plain

面白さ: ★★★★
わかりやすさ: ★★★★★
キモさ: ★★★★★★★★★

 

 どうですか?星の数で評価がわかりやすくて見やすいですよね。

ちなみに画像の人魚は僕なんですけど、気になった方はコチラで。

 

 

では、肝心の評価はどうやったかというと

下のリンク先に飛べば一発です。コピペでできるようになってます。どうやったらできるだろう?と探していたら、この記事にたどり着きました。もう運命と書いてさだめですよコレ。

www.foxism.jp

 

 

僕が上で使った星評価は、cssでカスタマイズしたわけではなく、HTMLだけでできるやつにしました。簡単なのでできないこともありますが。

 

  • シンプル
  • わかりやすい
  • 星の数を自由に調整できる
  • HTMLをメモしとかなければいけない
  • 星を半分にできない

 

 という感じです。

 

おいおい、そのメリット&デメリットが見やすい表はなんだ!?

 

 ご安心ください。こちらも先ほどのリンク先と同じ方が、コピペでできるよう丁寧に教えてくれています。 これを使えば、おすすめしたい商品のメリット&デメリットがすごく見やすくなると思いますのでおすすめ。

 

さあ↓のリンクに飛び立ちましょう。

www.foxism.jp

 

 

この方は神でしょうか?cssやHTMLとか自分にとって訳わからない言語を、こんなにもわかりやすく公開しているなんて……ありがたく頂戴させていただきました。 

 

 

っしゃー!いろんなものバンバン評価するぞ〜!!!

 

 

 

 

紹介だけです!

 

 

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です