IT the Best

はてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。

2019-05-01から1ヶ月間の記事一覧

【はてなブログカスタマイズ】注目記事一覧ページを作る方法「リアルタイム」

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

誰でも簡単にブログカスタマイズが「楽になる方法 」| 開発ツール

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

はてなブログ「小技」| 投稿していない画像を使う

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

「はてなブログカスタマイズ」 | 「PRO」だけの特典。フッターの要素を変える

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

「はてなブログカスタマイズ」 | 記事内の写真を記事タイトル下に持ってくる

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

「はてなブログカスタマイズ 」| ホーム画面だけを変えたい人必見!JavaScriptによる画面別動作

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

「JavaScript」URLから画面別に処理を実装させる

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

「JavaScript」locationで簡単にURLの情報を取得する

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

「HTML」「CSS」WEBページ背景色に悩んだら#f1f1f1

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

google code prettify

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

はてなブログのカスタマイズ日記をつけていきます

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