はてなブログ云云でアフィリエイトがしたい人のブログ

「はてなブログ」でアフィリエイト・ブログカスタマイズ・最適化・色々試行錯誤中!

【スポンサーリンク】

はてなブログ記事に蛍光ペンで引いたような強調テキストをCSSを使って表現するには…編集画面の「B」や「i」ボタンで一発適用可能です

(※2016/09/10更新:セレクタの範囲をより限定しました。セレクタの指定を「em」 ⇒「p em」、「strong」⇒「p strong」へ訂正しました)

f:id:yonta24:20150904130503j:plain

今回は、はてなブログの記事にも最近流行の蛍光ペン(蛍光マーカー)を使ってテキストをマーキングしたようなCSSを追加しようと思います。

さらに、蛍光ペンのCSSを反映したタグを毎度手打ちで追加するのは面倒なので、編集画面にある「B」や「i」ボタンを使って”ワンクリック”で蛍光ペン効果の適用ができるようにしたいと思います。

続きを読む

はてなブログのスマホ版でもCSS設定したい!その解決策

昨日、Javascriptを使って自動的にリンクマークを付けるというエントリーを書いたのですが(コチラです)、あれからスマホ版で自分のエントリーを見るとスマホ版には全然リンクマーク画像が出ていない!ってことに気が付きました。

調べるとPC版とスマホ版は別のCSS設定だということが判明。解決策を探し先輩はてなブロガーさんのサイトで解決しました。その手順をまとめます。

続きを読む

はてなブログ記事の狙った外部リンクにJavaScriptを使って(自動的な)CSS装飾をしてみた

今回のエントリーは外部リンクの先頭に”リンク”と書いた絵文字マークをCSSで付ける工夫です。

また、このマークをJavaScriptで狙った外部リンクに自動的に貼るにはどうすれば良いかやってみました。

(2015/09/02追記:以下の手順では、PC版だけにリンクマークが付くことになるので、スマホ版はてなブログでもリンクマークが付くようにしました。手順は別のエントリーにまとめました)

affiliate-hatekun.hatenablog.com

続きを読む

【はてなブログ開設フローチャート1】はてなブログを新規開設する方法

これからはてなブログ「お金にまつわるブログ」を新規に開設するので、その手順を追ってブログを書いてゆきたいと思います。

今日は「はてなブログを新規開設する方法」と題して新しいブログを設定するまでを記録します。

続きを読む

ブログ名を変更しました!それと、Google検索結果にタイトル変更が反映されるまでの時間を計測

ブログ名を変更しました

ただいま、ブログ名を変更しました。

変更前:「はてなブログでアフィリエイトしたい人のブログ

変更後:「はてなブログ云云でアフィリエイトしたい人のブログ

です。

「云云(うんぬん)」を加えました。これは、将来はてなブログブログ以外のアフィリエイト情報も載せたいと思ったからです。

同時に、Google検索結果に現在載っているブログタイトルが、どれくらいの時間で新ブログ名に変わるかも計測してみたいと思います。(変わった時点でこのブログに追記します)

続きを読む

はてなブログに設置した忍者ツールのSNSおまとめボタン(ソーシャルボタン)のツイート数でリンク切れしてしまう。その解消方法

SNSボタンのツイート数をクリックしてみると…

ツイッターSNSボタン(ソーシャルボタン)に出てくる数字の部分をクリックすると、自分のサイトやツイートされた他のコメントを見ることが出来るようになっています。

f:id:yonta24:20141227184547p:plain

続きを読む