【はてなブログ】記事のカテゴリーによってオススメ記事を切り替える方法 Ver.2
先日作ったカテゴリごとにおすすめ記事を切り替える方法がめちゃめちゃ好評だったので、もっと簡単に導入できるようにコードを改良しました。 カテゴリごとにおすすめしたい記事を選んで、それを表示させる方法です。 【はてなブログ】記事のカテゴリーによってオススメ記事を切り替える方法 | SHIROMAG jQueryを使っているので上記記事より少し重くなりますが、それでも導入しておく価値はあると思います。 例えば、以下の記事に飛ぶとサイドバーでおすすめされている記事が変わります。（スマホだと記事上） ダウンロードしておきたい最新おすすめ洋楽【2016年版】 貧困女子高生のヤラセと貧困は別問題 このように、記事のカテゴリによってオススメの記事を切り替えることができます。 ニーズに合わせて前回とちょっとデザインを変えてみました。 ちなみにこんな感じに表示されます。 「カスタマイズ」というカテゴリには、カ
はてなブログでDropboxを使った外部JSファイル読込、AdSense設置が捗るよ - Kumi Log（はてなブログ別館）
こんにちは、くみです。 今日、『Dropboxに外部JSファイルを置いて、はてなブログに外部JSファイルを読み込みHTMLに書き込む』事に成功したので、忘れないうちにメモしておきます。 やったぜ。 これで記事中のAdsenseのソースの一括メンテナンスができるようになります！ 目次 何ができるの？ はてなブログでAdSenseコードの外部JSファイル読み込み 手順 1. AdSenseコードの取得 2. 外部JSファイルを作り、そこにAdSenseを記載 3. 外部JSファイルをDropboxにアップ 4. はてなブログのHTML編集画面でJSを埋め込む 思いついた経緯 なんかまずいことがあったら教えてください 追記 関連記事 はてなブログカスタマイズ関連記事 テック関連記事 何ができるの？ 私は外部JSファイルにAdSenseのコードを入れて一括管理に使おうかと。 以前、AdSenseを
はてなブログをSEOに強くする3つのカスタマイズ - ライフデザインラボ
はてなブログに引っ越してから1ヶ月ちょっと。 おかげさまでこのブログにも述べ約20万人の方が訪れてくださいました。 自分の書いた記事が誰かの役に立つのはとても嬉しいです！ せっかくブログを書くならたくさんの方にご覧いただきたいと思い、ブログにSEO*1対策を行いました。 今回は、そのカスタマイズ内容をご紹介します。 パンくずリストを表示した パンくずリストって、おいしそうな名前ですよね。 ヘンゼルとグレーテルという童話の中で、帰り道がわかるように歩いた道にパンくずを落とすというシーンがあり、それが元になって名づけられたそうです。 パンくずリストがあると「今あなたは、サイトの中のここにいますよ」というのがわかります。 サイトの構造がわかりやすくなっていると、検索エンジンからの評価が上がって、表示されやすくなります。 ▽こちらを参考にカスタマイズしました。 so888.hatenablog.c
不可能を可能に！はてなブログのプロフィールページをカスタムできるJavaScriptプラグインを自作した - 移転→hapilaki.net
はてなブログのプロフィールページをカスタムできるよ。PCとスマホの両方で自分の好きな内容を表示できる。初心者でも使えるようにプラグインにした。「Custom Profile for Hatena Blog」と命名。 概要 Custom Profile for Hatena Blogの特徴や導入/カスタム方法を説明する。はてなに無課金ならPC表示だけ、課金していたらPCとスマホの両方を編集可能。はてなブログの管理画面でコードをコピペするだけ。 そもそもプロフィールページって何？ プロフィールページとは URLの末尾がaboutになっているページのことだ。 当ブログであれば次のページがプロフィールページ。 http://www.hapilaki.net/about このページを説明すると次のとおり。 ブログ開設時に自動生成されたページのひとつ。 ページタイトルは「このブログについて」。 ブログ
コピペでOK！はてなブログのカエレバをcssでカスタマイズする - AIUEO Lab2
はてなブログはAmazonにある商品ならブラウザの移動などしなくても直接検索して紹介できるようになってるけど、Amazonにない商品は簡単には紹介できません。 楽天市場や、セブンネットなんかの商品も紹介したい！ そんな時に使えるのが「カエレバ」です。ブログやアフィリエイトを長くやってる方なら知っている便利なツール。 スポンサーリンク こんな広告が作れる カエレバを使うと、上の画像みたいな商品紹介リンクが簡単に作れます。ただ、そのまま使うとあまりいい見栄えじゃないんですよね。そこで、私がやっているカスタマイズをここにメモしておきます。 参考にさせてもらったのはこちらのサイト ここのcssをはてなブログでも使えるように、PC表示用とスマホ表示用に分けただけです。レスポンシブデザインのテーマを使用している方は、上のサイトに書かれているものをそのままコピペすればこのサイトと同じ表示になります。 こ
ブログカスタマイズ「読者アイコンのサイズを大きくしたい！設定方法を大公開！」 - マネー報道 MoneyReport
昨日の記事がホッテントリ いやー、昨日は切ない記事をアップしました。 FXトレード記録「大きなミスを犯し投資資金－２０％の損失を出す」 - マネー報道 MoneyReport 疲れている時や心理的負荷が大きい時はトレードしない！ このルールを破ってしまったばかりに・・・。・゜・(ノД`)・゜・。 ＦＸの投資で思いっきりミスをしまして、投資金額のー２０％を失うというのをやってしまいました(>_<) 先月、＋２０％を達成していたのでトントンなのですが、やはり投資は怖いものだな～、と改めて認識しました(^^; 私は毎月自分のFXトレード記録を公開しているのですが、普段は全然人気のない記事なのですが、今月のトレード記録は後から後から人が来て「なんだろな～？」と思っていたら、はてなブックマークのホッテントリに入っていました(^^; 全然人気なんか出ないと思って書いていた記事が人気が出るとビックリしま
はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - LITERALLY
はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。 先日、その単調なはてなブログのスマホ向けデザインをカスタマイズしまくってみた。今回は備忘録がてら、その方法と「簡単にはてなブログのスマホ表示デザインをオシャレにするいくつかのテクニック」を記録してみようと思う。 はてなブログのモバイル（スマホ）デザインCSSを編集する方法 まず、ここがあまりネットで探してもなかなか見つからなかった。はてなブログにはPC表示向けのcss編集ボックスはあるが、スマホ表示用のcss編集ボックスはない。そのため、レスポンシブデザインのテーマを設定しない限り、スマホのデザインはカスタマイズできないんだと諦めている人も多いかもしれない。 ぼくもスマホのデザインをなんとか変えることができないが試
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
