YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった - SHIROMAG
私のブログでは音楽を扱った記事が多いので、大量にYouTubeを埋め込むことが多々あります。 しかし、あまりにたくさんのYouTube動画を埋め込むと、ページの読み込みに時間がかかってしまいます。 そんな悩みを抱えていたある日、下のような記事を発見しました。 追記:元ネタのブログが消えてしまいました。 おお！これこそ、私が探し求めていた記事だ！ この記事で紹介されているコードを参考に、もっと利用しやすいコードに修正してみました。 クリックすると動画が再生されるのが分かるように マウスホバー時のエフェクト YouTubeとは関係ない画像まで消えてしまう問題を解決 以上の3点を実装できるように、コードを改良しました。ブログ主の錠前さんの許可はいただいております。 YouTubeを大量に貼っても重くならないコード [はてなブログでの利用方法]まずはこちらのCSSをデザイン→カスタマイズ→デザイン
ヨメレバ・カエレバのデザインをCSSで変更するカスタマイズ！ - Yukihy Life
はてなブログだけでなく、アマゾンや楽天・ヤフーショッピングの商品を紹介する際にはブロガーのかん吉さんが作ってくださったサービス「ヨメレバ・カエレバ」を使うことで 簡単にリンクを作成することができます。 それらを綺麗に表示させるカスタマイズはもう出ているのですが、先日あるブロガーさんに会ったときにカスタマイズをしたら喜んでいただけたので、紹介したいと思います！ 参考リンク 実装図 カスタマイズの注意点 カスタマイズ PC スマホ レスポンシブ その他のカスタマイズ 最後に 参考リンク 今回のカスタマイズはほとんど今までやってこられていた方をちょっと変更したような形になっているため、あらかじめ参考リンクを貼っておきます。ありがとうございます！ shufulife.com 実装図 実際に導入した様子はこんな感じになります。 PC スマホ PCでバランスよく表示させたのと、スマホではなるべくコンパ
ituore.com - ituore リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
はてなブログの「最新記事」を画像付きにするコードを作るやつ。 - #chiroruNote
はてなブログの「最新記事」を画像付きにするコード「はてなブログの「最新記事」を画像付きにする」で必要なコードを簡単に作れます。 続きの作業等は元記事を参考にしてください。 HTML & JS & CSS デフォルト画像には「http:」または「https:」から始まる、jpg / gif / pngの画像URLを入力して下さい。 タイトルには、サイドバーで表示させるタイトルを入力して下さい。 HTTPS配信に対応させる場合 URLはhttps:で指定して下さい ブログURL* デフォルト画像* タイトル* 表示件数* 1件 3件 5件 10件 15件 HTML & JS CSS CSSについて（追記：2014年3月20日） テーマによって、スタイルが崩れる場合があります。 上のようにタイトルの背景が途中で切れている場合は、CSSの修正が必要です。 .htbl_new_entry_text
はてなブログをSEOに強くする3つのカスタマイズ - ライフデザインラボ
はてなブログに引っ越してから1ヶ月ちょっと。 おかげさまでこのブログにも述べ約20万人の方が訪れてくださいました。 自分の書いた記事が誰かの役に立つのはとても嬉しいです！ せっかくブログを書くならたくさんの方にご覧いただきたいと思い、ブログにSEO*1対策を行いました。 今回は、そのカスタマイズ内容をご紹介します。 パンくずリストを表示した パンくずリストって、おいしそうな名前ですよね。 ヘンゼルとグレーテルという童話の中で、帰り道がわかるように歩いた道にパンくずを落とすというシーンがあり、それが元になって名づけられたそうです。 パンくずリストがあると「今あなたは、サイトの中のここにいますよ」というのがわかります。 サイトの構造がわかりやすくなっていると、検索エンジンからの評価が上がって、表示されやすくなります。 ▽こちらを参考にカスタマイズしました。 so888.hatenablog.c
はてなブログカスタマイズスマホ版でPVが絶対アップするおすすめ
はてなブログPROに変えたのでスマホのデザインをカスタマイズしてスッキリさせることで回遊率をあげてPVをアップさせましょうというお話です。 はてなブログのスマホ版の余分なものを削除する いろいろはてなブログスマホ版でいらないものはたくさんありますのでそれぞれ削除してカスタマイズする方法をかきましょう。 はてなブログへの3つのリンクを削除する はてなブログのスマホページで一番いらないものそれは読者になるボタンの下の はてなブログ開発ブログ 週刊はてなブログ はてなブログ これね！がぞうでみるとこれでございます。 下画像なのでここから先に記事があるよ 他にもいろいろといらないものがいっぱい有りましてこれCSSで消しちまいたいなって思ってたらよい紹介ページがあったのでやってみました。 <style> .hatena-module-title{display:none;} .profile-wra
はてなブログのスマートフォン表示で出てくる追尾ヘッダーを消す方法 - 太陽がまぶしかったから
はてなブログのスマートフォン表示の追尾ヘッダーがウザい はてなブログのスマートフォン表示が変更されて、追尾ヘッダーがつくようになりました。スマートフォンの小さい画面で追尾されるとウザいので嫌いなデザインです。 イラッときたので消してしまいましょう。スマートフォン表示時のヘッダーやフッターを変更してよいのはPROユーザーのみという制約がありますので、ご注意ください。 追尾ヘッダー非表示化の設定方法 デザイン設定画面のスマートフォンタブのフッターに以下のCSSを追記します。 <style> /* ヘッダー表示有無 */ #globalheader-container { display:none; } /* 余白調整 */ #container { padding-top:20px; } </style> はい消えたー。スクロール追尾もされません。上部の余白は好みで設定してください。 まとめ
はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - LITERALLY
はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。 先日、その単調なはてなブログのスマホ向けデザインをカスタマイズしまくってみた。今回は備忘録がてら、その方法と「簡単にはてなブログのスマホ表示デザインをオシャレにするいくつかのテクニック」を記録してみようと思う。 はてなブログのモバイル（スマホ）デザインCSSを編集する方法 まず、ここがあまりネットで探してもなかなか見つからなかった。はてなブログにはPC表示向けのcss編集ボックスはあるが、スマホ表示用のcss編集ボックスはない。そのため、レスポンシブデザインのテーマを設定しない限り、スマホのデザインはカスタマイズできないんだと諦めている人も多いかもしれない。 ぼくもスマホのデザインをなんとか変えることができないが試
当ブログに施したデザイン上のカスタマイズまとめ（と、「ブログカスタマイズ終了宣言」） - この世の果てブログ
2014-12-13 当ブログに施したデザイン上のカスタマイズまとめ（と、「ブログカスタマイズ終了宣言」） はてなブログカスタマイズ ブログ 【Sponsored Link】【 "Share" or "Pocket" 】 Tweet 過去2回、デザインが気に入らないという理由でブログの更新が途絶えた。同じ轍は踏みたくないということで、三度目の正直としてこのブログは最初からある程度デザインの方針を決めて、シコシコとカスタマイズを施してきた。 自己満足の極みみたいなものだが、そもそもブログ自体が自己満足的なものなので、いいのである。おかげで、自分としては納得いく見た目になったし、ブログを書くのも楽しい。が、いかんせんキリがない。しかも、技術がないからおのずとできることにも限界がある。ということでここらへんでいったんやめにすることにした。当記事を、これまで施したデザイン上のカスタマイズに関する
はてなブログにページトップへ戻るボタンをつけよう！ - No Hack No Life
ブログ上である程度下にスクロールした際に すぅっとフェードインしてクリックすると にゅる〜んとページのトップへ戻るボタンを設置してみました。 記事が長いと上に戻るのもめんどくさいですものねぇ(゜-゜;)ウーン HTMLやCSS、jQueryの知識が無い方でも 設置して頂けるように記事をまとめましたので是非お試し下さい！ 見た目 この記事をある程度下にスクロールすると確認してもらえると思います。 フェードイン時 カーソルを合わせた時 クリックするとにゅる〜んとページのトップへ戻ります。 設置手順1：jQueryの準備とHTMLの配置 まずはjQueryの設置とボタン表示用のHTMLを「フッタ」に配置します。 ※フッタに設置する理由は、ページの描画処理が上から順に行われるため ページの表示速度になるべく影響を与えないためです。 JQueryとHTMLを配置 はてなブログの管理画面から 「デザイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site is undergoing maintenance