読者です 読者をやめる 読者になる 読者になる

時間セレブ

効率よく自分の時間を作って人生を楽しむためのブログ

ブログのパソコン版のデザインをカスタマイズしたよ!参考にした記事一覧!

初心者向きのブログ講座

パソコン版のブログのデザインを大々的に変えました!

今回はカスタマイズに参考にさせて貰ったブログを紹介します!

皆さんにスペシャルサンクスです!

 

※ちなみにブログをやってない人にとって、意味のない記事なので読まなくてOK!

※スマホからの閲覧はオススメしません!

※出だしの文章は昨日の記事のコピペです。「スマホ→パソコン」に変えただけ。

 

・CSSで誰にでも出来るメニューバーを作る!


f:id:horitsukiko:20150613150305j:plain

コピペして色を変えただけ!カンタンに作れました!

 

前回のメニューバーは人に作って貰ったんですが、有料サイトで作ったものらしく、

私は会員でないので起動しなかったですね。なので泣く泣く引退(ノД`)・゜・。

 

無料で自力で作れるメニューバーを探してたのです。

こちらのブログを参考にしました!

 

 

・【続きを読む】を見やすくしよう!

 

f:id:horitsukiko:20150613150324j:plain

テキストだけで激貧相でしたが、押しやすくてオシャレっぽくしました!

こちらのブログを参考にしました!

 

 

・見出しにアクセントを付けて見やすくする!

 

f:id:horitsukiko:20150613150444p:plain

 

見出しにアクセントを付けて見やすくしました!

超カンタン!こちらのブログを参考にしました!

 

 

・表示が早くてオシャレなシェアボタンを付けよう!

 

f:id:horitsukiko:20150613150333p:plain

 

CSSで作れる表示の早いシェアボタンを探してたら辿り着きました!

 

私の場合はシェア数のカウントはなし。

ボタンを触っても色を変わらないようにコードを少し弄りました!

 

こちらのブログを参考にしました!いつもお世話になってまーす!

 

 

・背景はストライプメーカーで自分で作った!

 

f:id:horitsukiko:20150613150542j:plain

Stripe Generator - ajax diagonal stripes background designer

 

こちらのサイトで作成しました!

英語のサイトなのですが、日本語翻訳に変えてしまえばOK!

 

 

f:id:horitsukiko:20150613150554p:plain

 

↑完成したのはこちら!目に優しい配色を自分で考えました

パターンを繰り返すとストライプに見えます!

 

 

最後に

皆さんのお蔭でダサくて芋かったブログが

シャレ乙でナウいブログになりました!

 

ありがとうございます(゚∀゚)

 

私でも出来たので、カンタンです!

皆さんも挑戦してみて下さい!

 

 

・スマホ版のカスタマイズはこちら★ 

ブログのスマホ版のデザインをカスタマイズしたよ!参考にした記事一覧!