yukiyukiponsuの日記

雑記ブログ

質問はCONTACTやコメントでお願い致します。

【はてなブログ見出し加工】初心者必見 アクセスアップのためのデザイン

この記事をシェアする

こんにちわ! ゆきぽんずです

 

今日はアクセスアップする見出しのデザインを紹介していきます

 

とりあえずコードだけを知りたい方がほとんどだと思うのでコードを載せます

 

これが大見出しです

大見出しのCSSソースコード

.entry-content h4{
font-size: 120%;
background: #eae2cf;
border-left: 7px solid #26979f;
padding-left: 10px;
}

 

これが中見出しです

中見出しのCSSソースコード

.entry-content h3{
font-size: 140%;
position: relative;
border-bottom: 6px solid #eae2cf;
padding-bottom: 3px;
}

.entry-content h3:after{
content: '';
position: absolute;
background-color: #26979f;
bottom: -6px;
left: 0;
width: 25%;
height: 6px;
}

 

以上がソースコードです

 

このソースコードは、ある本から引用したものとなっています

 

その本がこちらです

 

この本の中ではこの見出しの作り方だけでなく、Twitterのアイコンの変更などデザインをより豊かにできます

 

デザインが凝りすぎてもだめですが、ある程度のデザイン性がないとみすぼらしく感じてしまいます

 

この本はそのデザインを見やすくすることに特化するように書いているので、初心者は絶対に買うべきです

 

私もこの本を買ってアクセスが1ヶ月で20から78に増えました

 

デザインって本当に大事なんだなと思いました

 

ブログ初心者の皆さんは、このサイトのソースコードを使ってブログの見出しを見やすくして、読者が読みやすい記事を作っていきましょう

 

そしてブログへのアクセスアップを狙っていきましょう

 

そのために1500円をかけるのは無駄にはなりません

 

買って損はしない本です

 

私も駆け出しブロガーですが、今後も頑張っていくので一緒に頑張りましょう!

 

今日も読んでくださりありがとうございます

 

あなたのそばにゆきぽんず