雑学KING

彼女、友達、会社の同僚に話したくなるような雑学を教えます!

知識無い人がはてな始めて初日で行ったデザイン変更と参考にしたブログ

こんにちわ!

 

あきらめ悪い男です!

 

f:id:smilesunnytomato:20161008234018j:plain

広く浅くの知識しかなく(特に広くもない)

 

パソコン知識も、まー無いです!

 

でもブログはじめました!

 

ホントの初めにした事

皆さんのブログなんかを見て勉強させてもらったんですが、

グーグルアナリティクスってのを設置!?

しました!

PVやブログに訪れてくれた人を解析できるツールらしいです!

どうやって設置したのかよくわかって無いけど

はてなブログの何かを見て、やり方をそのまま真似しただけなんで、本当に出来ているのか不安な感じです!

 

 アナリティクスのトラッキングIDをはてなブログ

設定ー詳細設定ーグーグルアナリティクス埋め込みって所に貼り付けて

 

アナリティクスのトラッキングコードをコピペして、はてなブログ

デザインーカスタマイズーフッタのHTMLに貼り付けただけ! 

 

これでいいのかな?

これが初記事だから公開後にアナリティクスに反映されていれば成功したって事で一安心です!

初歩的な所で早くも戸惑ってしまっています!

いやー難しいっす!!

 

大見出しのデザイン変更

大見出しH3のデザインを変えました!

これだけで印象が大きく変わりますね!

ちょっと出来る系男子みたいな雰囲気になりました!

って思っているのは僕だけですかね(*´з`)

 

参考にしたブログ

mudaide.hatenablog.com

はてなブログ

デザインーカスタマイズーデザインCSS

.entry-content h3{
color: #ffffff;
background: #000080;
padding: 10px 10px;
}

こちらを貼り付けして変更を保存!

終了です!

ありがとうございました!

下線をマーカーで線引いた感じ

先輩ブロガーさんの記事を見ていて、カッコいいって思ったのが

この下線にマーカー風!

これに一目ぼれしました!

mu2in.hatenablog.com

この方のブログを見て、これもそのままコピペしました!

ありがとうございます!

 

これも本当に簡単でした!

僕でも楽に出来ました!

<style type="text/css">
/* 強調表示を蛍光ペン風に */
article strong{
margin:0 0.1em;
padding:0.1em 0.2em;
background:#fcfc60 !important;
background:linear-gradient(to bottom, transparent 60%, rgba(252,252,84,0.8) 60%) !important;
}
/* bタグは太字 */
article b{
font-weight:bold !important;
}
</style>

こちらをコピーして

はてなブログ

設定ーheadに要素を追加ー貼り付け

で設定を変更するをクリックして終わりです!

 

これだけで

こんなに出来る男の様なブログに変身しました!

デザインテーマ

この後にはてなブログ

デザインーデザインテーマで良さそうなのを選びました!

こんな感じですべてパクリでも良い物か分かりませんが、パクりました!

僕が出来たので初心者の方なら誰でも出来るはずです!

横文字はチンプンカンプンなので自分で自作は

きびしーーーー!!!

と思うあきらめ悪い男です!

 

最後までお読みいただきありがとうございます!