サイドバーには表示できるけど、注目記事だけの記事を作りたいのにできないという方に役立つであろうはてなブログカスタマイズ情報です。 ページに表示したい注目記事の情報を決める 要素をコピーする 記事または固定ページ(PROのみ)に貼り付ける 箱だけ残し…

開発ツール ブラウザページ上で右クリックを押して検証を選択すると、開発ツールというWEBページの情報を見たりいじったりすることができます。 ちなみに、開発ツールを開いたときに、マウスが重なっている要素のHTMLがフォーカスされて開かれます。 この開…

小技 1.写真を隠す 2.アイキャッチ画像に設定してから消す アイキャッチ画像をつけたいんだけど、記事内におくのは何か嫌だというときはないでしょうか？ アイキャッチ画像は、記事内にある写真しか選択することができません。 他の記事で使った写真のURLを…

はてなブログの一番下にある本当のフッターは、はてなブログPROでないと簡単にはカスタマイズできません。(下の写真の文字がある部分) (JavaScriptファイルを別で作成して、読み込ませる方法ではカスタマイズできる。多分) はてなブログPROになれば、フッタ…

記事上に何かコンテンツを入れていると、記事内で張り付けた写真を一番上に表示させることができません。 そこで、記事内の一番上にある写真をタイトル下に持ってくるようにカスタマイズしました。 <script> //記事内の一番上の写真 var entry_top_img=document.getE…

ホーム画面の判断のさせかた URLを取得する ・URLすべてを取得 ・ドメイン(FQDN)後の文字列(パス名)を取得 画面を判断する ・パス名で判断する場合 ・URLで判断する場合 はてなブログで動かす ホーム画面の判断のさせかた URLを取得して、表示されている画面…

URLを取得する ・URLすべてを取得 let url=location.href console.log(url)//"https://www.it-the-best.com/" ・ドメイン(FQDN)後の文字列(パス名)を取得 let path=location.pathname console.log(path)//"/" 画面を判断する ・パス名で判断する場合 当サイ…

locatoin locationオブジェクトを使用すれば簡単にURLの情報を取得できます。 プロパティ一覧 location.href location.protocol location.host location.hostname location.port location.pathname location.search location.hash location.origin 当画面のU…

WEBページ制作ではデザインをどうしようか悩むものですよね。 背景色もどうしようかと思って、何度もいろいろ試してしまいます。 コンテンツの色など、ほかの要素との相性によってはしっくりくる色を見つけるのは、なかなか難しいです。 そんなときに便利な…

google code prettify用のコードです。 「引用ストック」をして、記事を書くときに引用貼り付けからコピーできるように、投稿しました。 自分用に投稿しましたが、便利なので活用してみてください。 ちなみにこのようにソースコードを見やすくする機能です。 <pre><code class="prettyprint linenums"></code></pre>…

趣味でプログラミングを良くすることから、はてなブログのカスタマイズにも手を出し始めました。 カスタマイズの日記的な感じで、HTML,CSS,JavaScriptのプログラミングを中心に、記事の投稿をしたいと思っています。 カスタマイズ、プログラミングに興味があ…