ちょこりーマン

年収400万円で家族4人ひっそり生活しています。住宅ローン3000万円必死に返済中!お金をあまりかけず、楽しい生活や笑いがある生活を心がけています。お時間ある時に「あ」でも結構ですのでコメント頂けたら嬉しいです。今後ともよろしくお願い申し上げます。

1秒でブログ文字に蛍光ペン(マーカー)を引く方法~はてなブログ編~

 

 

ブログ初心者でも絶対使える技を紹介するわな~(^^)

とりあえず、ブログを見やすくする為に「マーカー」を引く方法やで!

よろしゅうなぁ~★ほな、いきまひょか! 

自分のブログ記事(文字)に蛍光ペンを引く方法

f:id:houseofplan:20210129130410p:plain

蛍光ペン参考例
ちょこりーマン
上の黄色いマーカーを1秒で引く方法やで! 

 作業①CSSをコピー(下の英語の文字全部コピーや!)

コピーしてやぁ~(CSS)
/* 斜体表示を蛍光ペン(黄)風に */
article em{
font-weight:bold;
font-style: normal;
margin:5px;
padding:1px;
background:linear-gradient(to bottom, transparent 60%, rgba(252,252,84,0.8) 60%) !important;
}

作業②張り付ける場所に行く

f:id:houseofplan:20210129131649p:plain

管理画面
【デザイン】を押すんやで! 
かりんとう

 

ちょこりーマン
そしたら、下の画面なるわ! 

 

f:id:houseofplan:20210129132154p:plain

デザイン押した後の画面

 

慎重に順番に押すんやで!

①スパナマーク押す
②デザインCSS押す
③張り付ける
④「変更を保存する」ボタンを押す

 ちなみに、デザインCSS押したらこんなUP画面なるでな!

自分の空いている一番下にコピペするんやでな!

f:id:houseofplan:20210129132826p:plain

CSS アップ画面

はい!設定は以上や!!!お疲れさんやで(^^)

わいも、初めての時は、めちゃ迷ったけど、慣れたら楽になったわ

蛍光ペン(マーカー)の使い方

強調したい場所を選択する

f:id:houseofplan:20210129133451p:plain

 

「Ctrl+i]もしくは「command+i」を押す

f:id:houseofplan:20210129133840p:plain

 これで、マーカー達人やで!おめでとうや!

※注意事項やで※

「編集見たまま」モードでは、マーカーは見えへんでな!

プレビューにしたら、ちゃんとなってるしな安心してや!

まとめ

 マーカーの色とか、太さを変更できるけど、

とりあえず、マーカー引きたい!って人に紹介したで(^^)

もっと詳しく知りたい人は下記のブログで紹介されてるで見てみてや☆

www.akishun.com

ワイも参考にさせてもらったで!めちゃわかりやすい記事やったわ

感謝感激や!慣れてきたらカスタマイズしても面白いと思うでな(^^♪

読者登録してくれたら、めちゃ嬉しいでな(^^)


(端に寄ってるし、めちゃっ小っさww)