レスポンシブにも対応出来る「ヨメレバ・カエレバ」の可愛いデザイン作りましたー。 沈黙のWebライティングposted with ヨメレバ松尾茂起/上野高史 エムディエヌコーポレーション 2016年11月 楽天ブックス楽天koboAmazonKindle Amazonアソシエイトや楽天、もしもアフィリエイトの商品紹介に「ヨメレバ」や「カエレバ」を利用している方も多いのではないでしょうか？ 今回はその「ヨメレバ」または「カエレバ」のデザインを可愛くカスタマイズできるCSSをご用意いたしました！コピペで簡単に出来ますのでよろしければ使ってみてくださいね。 ヨメレバ・カエレバのデザインをカスタマイズする方法 ヨメレバ・カエレバ側の設定 基本設定 ボタン色の設定 リンク周りの点線を消したい場合の設定 おわりに ヨメレバ・カエレバのデザインをカスタマイズする方法 記事にした場合、こんな感じでデザインさ

本日、はてなブログに「続きを読む」記法を追加しました。長い記事を書いたときなど、トップページでは途中までを表示し、続きは「続きを読む」から読めるようにできます。 「続きを読む」が表示されたブログの画面「続きを読む」記法とは、記事を大きく2つに区切る記号です。ブログのトップページなどでは、それぞれの記事が区切り記号まで表示され、残りは「続きを読む」というリンクに省略されます。これをクリックすると、記事全体が単独（パーマネントリンク）で表示されます。 まとまった長さの記事を書くときなど、導入部分のあとに「続きを読む」記法を入れておくことで、トップページでもスッキリとたくさんの記事を見せることができます。はてなダイアリーでも好評の機能で、ご要望もたくさんいただいております。長らくお待たせいたしました。どうぞご利用ください。 「続きを読む」記法の使い方 記事の途中に、決まった区切り記号を入力します

通常、記事を書くとその記事を初めて作った日、つまり「記事の作成日」が表示されますよね。 しかし、私のように一度書いた記事をよく「書き直す」人もいるかと思います。 そこで、「記事の作成日」と同時に「記事が更新された日時」も一緒に表示する方法を紹介します。 更新日時を表示するメリットとしては、記事を書く側も見る側も「この記事の情報がいつのものか」が分かりやすくなる事が挙げられます。 情報が古いままなのか、随時更新されていっているのかが分かりやすくなると、特に見る側にメリットがあるのではないかと思います。 記事の更新日時を表示する設定 jQueryとFont Awesomeの読み込み設定 「ダッシュボード」→「設定」→「詳細設定」→「headに要素を追加」の欄に下記のコードを追記します。 既に同じファイルを読み込むコードが追記されている場合は、この作業は不要です。 <!--「jQuery」参照U

ページトップへ戻るスムーズスクロール（jQueryなし） ページトップへ戻るスムーズスクロール（jQueryなし） HTMLJavascriptCSSはてなブログ用お問い合わせ等 当サイトの右下に表示している「 」は、クリックしますとスクロールしてページトップに戻ります。こうした「ページトップに戻る」リンクは最近では必須になってきています。これまで公開しているスクリプトにも含まれていますが、リクエストもありましたので単独で切り出してみました。「 」は、ホームページへのリンクだけです。 01HTML <ul class="toTop-nav"> <li><a href="javascript:void(0);" onclick="smoothScroll(0);return false;">アイコンまたはイメージなど</a></li> <li><a href="あなたのブログURL">アイコ