IT the Best

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

【JavaScript】【String】文字列を指定文字数分の文字列にする | String.substr()

Stringオブジェクトのsubstr()メソッドを使った、文字列の文字数操作です。 使用方法 ストリング変数.substr(開始位置,抜き出す文字数) ※引数が一つだけの場合は、それを開始位置と判断しそれ以降の文字列を抜き出します。 <script> var str="123456789" var str2=st…

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

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

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

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

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

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

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

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

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

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

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

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