あめみか

「雨はいつもわたしのみかた。」 … 思想・哲学・世迷言からイラストまで、多岐にわたってたいへんくつに綴っています。

ブログ-カスタマイズ

拡散していないことが不思議なブログパーツ:サイドバー目次追尾(現在地表示機能付き)

世の中には不思議なことがたくさんあります。 直近でもっとも不思議におもうことは、サイドバーに目次を追尾させるブログパーツを採用されている方があまりにも少ないということ。 このブログパーツはただ追尾するだけでなく現在位置も示してくれるというす…

【図解】marginとpaddingの違いと4つのショートハンド

marginは要素の外側の余白を指定し、paddingは要素の内側の余白を指定します。 またmarginやpaddingには略記のショートハンドがあります。 このmarginやpaddingの違いやショートハンドは言葉だけではちょっとわかりづらい。 そこで図解してみます。 以下では…

コロコロさんの「改善したいこと」に勝手に回答してみました。

コロコロ(id:korokoroblog)さんの『■ブログ作成の参考資料』というエントリーに「■■■改善したいこと」という項目があったので、それに勝手に答えてみました。 ほんとうはDMかなんかでこっそりやりたかったのですが、長くなりそうでしたし、ブログに設置してある…

他のサイトに強制リダイレクト(転送)するブログカードがある…ってご存知でしたか?

ご存じの方もいらっしゃるかとおもいますので、要点から。 現象: ウイルスやマルウェア、ソフトの不具合などの他に、サービスの終了したブログパーツ、インラインフレーム(iframe)を利用したアフィリエイトサイトやブログカードの外部発リンクが原因で他の…

Firefoxでスマホ表示を確認できるアドオンUser Agent Switcherが使えないと思っている人はここを確認してみて

FirefoxのUser Agent Switcherというアドオンを使ってスマホ表示させてブログデザインを見ることがあるのですが、うまく表示されないというか、表示はされるのですがスマホ表示ともパソコン表示ともレスポンシブデザインとも異なるデザインの崩れた表示がさ…

目次をよきタイミングでサイドバー固定追尾させる具体的な方法を教えていただけませんか?

こちらのサイトのサイドバー追尾の目次を見て「いいなぁ〜」とおもいました。 そこで、こちらで紹介されているサイトにある「HTMLとjavascript」コードをコピペして(cssはすこし変えました)みたのですが… スクロールダウンしてみると目次が追尾せずいったん…

はてなスターを設置しているのならその直下にシェアボタンを置くとはてブされやすくなると思うよという話

タイトルでもうすべて言い尽くしてしまっているので、特につけ加えることもないのですが、はてなスターを設置している方は、その周辺にシェアボタンを設置すると今までよりすこしはシェアボタンが押されやすくなるのではないかと思いました。 シェアまでの距…

はてなのおおきなおほしさま

ビックスター! twitterをながめていたら、こちらのサイトについてのツイートを目にいたしまして、ぶらり途中リンクの旅に出かけてみました。 そして文末へと至りましたら…あらっステキ! はてなスターをつけた方のプロフィールアイコンが大きくて丸くって、…

どよめきを招くよToot!Toot!Train!

歓びを歌にのせて 歓びを歌にのせて 孤高の凡人さんを脅迫にお願いしてイラストをDMしていただきました。 この歓びを不安を誘う形にしてみなさまにお届け致したいと思います。

年々盛り上がるHalloweenに延々湧き上がるcssアニメーション

混々と這い出るオバケ 再来月ぐらいに雪を降らせようかと思ったのですが、それでは忘れてしまいそうなのでふらふら~っとフライングしてしまおうといろいろ調べて試行錯誤しておりましたらこんなのできました。 といってもほぼほぼコピペした代物ですけれど…

ブログ記事内でJavaを動かす方法

ジャバケモノを愛でる 前回の紙吹雪のコードを見つけた後「他にもおもしろいものないかなぁ~」と探していたらこちらのかわいらしいものを見つけました。 マウスを動かすとそちらの方へと視線を移し、ドラッグすると一緒についてきてくれます。また離れたと…

ブログであの紙吹雪を舞い散らせたい!

あの素晴らしい紙吹雪を何度でも サブブログではメインブログとは違うテーマを使おうかともおもったのですが、やはり使い慣れているもののほうが楽なのでメインとおなじInnocentにしました。 サブブログをつくると思わぬ特典がついてくるものです。そのひと…

はてなブログで写真以外のファイルを間接的にアップロードする方法

タイトルの通りです。 此の程サブブログを立ち上げたのですが、そこに写真や動画ファイル以外のファイルを貼っ付けたかったので、試しにドラッグ&ドロップやらはてなフォトライフにアップロードしてみるなんてことを一応はやってみましたが、やはり一応ダメ…

コピペでブログカスタマイズする初心者が犯しがちなjQueryのこと。

初心者とjQuery本体 ブログをカスタマイズしているとたびたび目にするのが<script src"http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>のようなコードではないでしょうか? コレがなにをしているのかわからないけれども、コレがないと動いてくれるはずのものが動いちゃくれない。大して長いコードでもないのに影響力は…

夏の彼女とれいの男

木の下にはれいの男 彼女は霊感がとてもつよい。 ある夏の日、彼女は陽が落ちていくほどに憂鬱になっていきました。そうしていよいよ日が落ちきってしまうと、建物の壁に背を預け、その場にうずくまってしまいました。 それは今日に限ったことではなく数日前…

ブログの記事カテゴリのタイトルとURLをリストスタイルで簡単に一括取得する方法

サイドバーからカテゴリ情報を得る時短テクニック グローバルメニューや記事カテゴリーの一覧表をつくったりと、こういったものをつくるときにわずらわしいのがいちいちリンク先のURLをコピペしなければならないこと。 カテゴリーが50も60もあったらもうたい…

テキスト広告リンクをデコレーション。攻めのアンサーソング・コレクションをつくってみました。

文字広告リンクを過剰に装飾してみる。 以前、色白おばけさんがこちらの記事の最後で… 引き続きもっとカッコよくして公開してくれる人募集中。 と、おっしゃっていて、ブログもプログラミングもド素人であるにも関わらず、分不相応にも「応募したい」という…

このブログのサイトデザインのあれこれ

こだわりはなくても好みはあるの 当ブログではじめに使わせていただいていたテーマは『Written』でした。 このとき見た目を「雨といちご」をイメージしてつくっていました。 なのでリンク色は岩波文庫の赤のようなピンク(#f03)で、マウスオンhover時の色は若…

自動ツイートbotデータを準備してTwitterでブログの過去記事をすくいだそう!

過去記事を 鳴かせてみせよう botでね Twitterをはじめましてその活用方法を探していましたら「ブログの過去記事をランダムに投稿する」というものがありました。 これをするには過去記事のタイトルとURLを抽出しなければならないようで、簡単な方法がないか…

アドセンス広告をあたかも記事中にあるかのように見せかける擬装工作

Googleアドセンス広告を記事本文になじませたい Google Adsenseは記事本文となじませた方がクリック率があがるのだそうです(※反対の意見もあり。なので実際はひとそれぞれなのだとおもいます)。 それでh1や記事本文中真ん中のタグの前後にアドセンスが表示…

グローバルメニューをグローバルに使ってみました!こんなのいかがかしら?

グローバルメニューを記事本文中で使って遊んでみよう! 先日(記事下に関連記事やおすすめ記事などの過去記事を表示する方法あれこれ)ですこし触れましたが、あれからグローバルメニューを記事本文中に表示させる際になにか有効な使い方はないものかとすこ…

記事下に関連記事やおすすめ記事などの過去記事を表示する方法あれこれ

記事下に関連記事を表示させたい 記事下に関連記事を表示させる方法は、こちらの「やぎろぐ」さんにまとめられておりますので、こちらをご参考にされてはいかがでしょうか。 ですが残念ながらこちらのページ、リンクが多いせいか非力なマシンでは落ちてばか…

ブログやSNSにアイコンはいかがでしょうか?

アイコンをつくってみました 以前『はてなブログでアイコンを変える4か所とその反映されるトコロ』をご紹介しようといくつかアイコンをつくったのですが、そのときにお世話になったのが シルエットデザインとHome | FaceYourMangaの2つ。 『シルエットデザイ…

はてなブログでアイコンを変える4か所とその反映されるトコロ

ココを変えたらアソコが変わるよ そこここで使われているアイコンを変えてみようとしたところ、画像を設定できるところがここそこにあり「いったいぜんたいこれを変えたらどこが変わるの?」とわかりづらかったので、画面のキャプチャ画像とともにまとめてみ…

中間地点を折り返す

やっと終わったぁ〜っ! 4月1日にブログ初心者向けの記事を書きまして、「カテゴリー」と「見出し」と「画像」についてお話しました。 そしてあれから約1ヶ月。およそ350記事。いいかげんに使っていた「カテゴリー」と「見出し」の新設&付け直し作業。あわせ…

初心者でもできる!わたしがお世話になった【はてなブログカスタマイズサイト】

お世話になったサイト 以前「これからぼちぼち当ブログに施してきたカスタマイズをご紹介していこうかと…」というようなアナウンスを致しましたが、次から次へと気になることが降って湧いてきたり、なんとか相殺したい冠婚葬祭が不意に入ったりしましてなか…

はてなブログで文字数の目安となるカウンターを設置してみた件

文字数カウンター設置方法 わたしはすぐ長文駄文になりやすいので、かねがね文字数カウンターを設置して、読んでくださる方の目安にしていただきたいとおもっておりました。 はてなの記事編集画面では右下にカウンターがあるのに、なぜ標準で文字カウンター…

ブログ初心者に告ぐ!はじめからこれだけはやっておいた方がいい5つのこと

最初からやっておけばよかった~…ブログ初心者の後悔と憂鬱 毎度のことながらはなしがながくなりそうですので、今回は要点を先に挙げます。お時間のないブログ初心者諸氏にはここだけはみておいていただきたいです。 ブログを運営していく上で「記事を書く」…

Googleアドセンス+無料はてなブログ+レスポンシブデザインをご利用の方…ご用心を。

お気づきの方も多いかとおもいますが、ここ最近ご自身のブログをスマホ表示で確認されていない方は、一度確認してみた方がよいかもしれません… 【簡易版】PCでスマホ表示にする方法(手抜き) スマホをもっておられない方は… 【 ダッシュボード > 記事の管…

はてなブログのレスポンシブデザインって…チェック入れるだけではダメだったのですね…。

【レスポンシブデザイン】を理解していませんでした。 【 ダッシュボード > デザイン > スマートフォン(アイコン) > 詳細設定 > レスポンシブデザイン(チェックを入れる) 】 にすればそれだけで【レスポンシブデザイン】なるものに変わるものとばかり思…