Site is undergoing maintenanceSite will be available soon. Thank you for your patience!
はてなブログにグローバルナビゲーションを設置しました - へっぽこ主婦カメラマンの日常
2014-10-18 はてなブログにグローバルナビゲーションを設置しました はてなブログ どうも。cssは少しわかる程度のこりのろっさです。 昨日一日かけてスマホ用とPC用にグローバルナビゲーションを設置しました。 グローバルナビゲーションって何？ サイト内の各コンテンツへ案内するメニューのことです。 このようなメニューがあれば、初めてアクセスしてきた方にこのブログの概要を知っていただけますし、私のブログのように色々な内容を載せている場合でも、アクセスしてきた人にスムーズに興味のあるページへたどりついてもらえます。 以前にも増して書く記事の内容がバラバラになってきたので、早めにメニューを設置したかったんですが…時間が…時間が… 設置するのに参考にさせていただいたサイト 私は少ーしcssがわかる程度ですので設置するのにはすっごく苦労しました。主に助けていただいたのは以下のサイトです。 スマ
【B】10分ではてなブログに「他にこんな記事も読まれています」を表示する簡単な方法！の巻 - HSKぐうたらジャーナル
たとえば、ずらーっと並んだレストランの中から、一店だけ選んで ご飯を食べるとき。どうやって選ぶでしょうか？ 数多くのウェブサイトがあるなかで、自分のブログを選んで、読んでもらうことって 似たようなことだと思うのです。 食べログにある他の人の評価で選ぶのと同じように はてブのブックマークされた数で選ぶ、とか お店の雰囲気で選ぶのと同じように ブログのデザインで選ぶ、とか 店頭にある見本で料理の内容を確認するように 記事の内容が面白そうか確認してから選ぶ、とか 過去にご紹介させていただいた記事は、これらの中でも デザインに関することだったり、記事の内容をチラ見せすることだったり いかに「選んでいただくか」という点を良くしていくための内容でした。 今回は、「選んでいただいた」あとで、 いっぱい注文してもらう(＝他の記事もあわせて読んでもらう)ための カンタンな方法をご紹介できればと思います。 店
はてなブログPC版のサイドバー空きスペースを有効活用したい - 人力検索はてな
【はてなブログPC版のサイドバー空きスペースを有効活用したい】 現在左メインカラム（記事本文）と右サイドバーの2カラムデザインを採用、記事本文が長いとある程度下までスクロールすると右サイドバーはただの空きスペースとして表示される形となります。 [参考] http://www.masaemon.jp/entry/2014/04/22/tokyo-mita-ramen-jiro-manual ↑中見出し2-3あたりから右サイドバーが空きスペースとなります。 そこで、右サイドバーが空きスペースとなるタイミングで表示を現在の2カラムから記事本文だけの1カラムにする見せ方をしたいと思うのですが、CSSやJavascriptの知識が乏しいレベルの者でも簡単・確実・安全に、何よりはてなブログ上でもきちんと実装できる術をご教示下さい。 【条件等】 ・IEの古いバージョンとかは除き、主流ブラウザ（IE、Ch
【B】 はてなブログをとことんカスタマイズ！新着記事をちょこっとだけ派手に見せる方法、の巻 - HSKぐうたらジャーナル
以前の記事で、ブログ記事を写真の一覧で見せるwebサービス 複眼RSSの使い方をご紹介させていただきました。 【B】 はてなブログに過去記事を写真で表示する、お手軽カンタンカスタマイズの巻 - HSKぐうたらジャーナル すごく手軽にブログの見た目を変えられるし、重宝していたのです…が。 ちょっと物足りないところがぽろぽろと出てくるように。 むー。困った。 だったら自分でコードを書いちゃおう！ というわけで、拙いながらもJavascriptとCSSを書いてみました。 今回ご紹介する方法は、ちょっと手間は掛かるのですが 次のようなメリットがあります。 記事タイトルが画像と一緒に表示されるので、どんな記事か想像しやすい 最新の記事を見つけやすい、”NEW”アイコンが付く 広告表示一切なし！ 所要時間は、本記事の設定をそのままコピペ！で約20分。 ガッツリとカスタマイズしたい！ という方にも、CS
はてぶタグを縦１列に並べるためのスタイルシート - 博物士
http://d.hatena.ne.jp/REV/20060427#p5 にて b:id:genesis をご紹介いただきました*1。せっかくの機会なので，少しばかり情報提供しておきます。 秩序だっていない keywordcloud が好きになれない性格なもので，はてなブックマークのタグについても CSS を操作することで整列させています。次の文を ［設定］‐［デザイン編集］‐［スタイルシート］ に書き加えることで実現させました。なお，これは「基本テーマ」に合わせたもの。 div.taglist { width: 15%; margin-left: 48px; margin-bottom: 32px; } div.taglist ul li { display: block; background: #fafafa; border: 1px solid #eeeeee; padding-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.hanako-no-blog.com/entry/2014/04/30/211057
