どうもー！こうたろーです！ ここでは僕がブログカスタマイズとか運営とかするのに参考にしてきた記事を（備忘録的に）まとめていきます！ めっちゃめちゃ感謝しています！ いつもありがとうございます！ もくじ 「もくじ」を設置したいときに Search Console（ウェブマスターツール） アナリティクス導入 過去記事の整理をする際に 記事ごとのPV数を調べたいときに 独自ドメイン取得後にやることまとめ 見出しのカスタマイズをしたいときに スマホでのデザインもかっこよくしたいときに SNSシェアボタンをおしゃれにしたいときに 記事に表を挿入したいときに id表示が邪魔になるときに スマホ画面記事下の表示を消したいときに キーワードプランナーを導入したいけどよくわからないときに Amazonほしい物リストを公開したり、誰かにプレゼントしたいときに 自分の写真を大きくサイドバーに載せたいときに スマ

自称プロブロガーのみやも氏が1日に50円で何でもやります！　と宣言し募集をかけるも「50円で1日にあなたを買うので、1日に働いてその給料を私に下さい！」というユーザーが出てきて炎上している。 今日からアホなことします！— みやも@クラウドファンディング挑戦中！ (@Miyamo_H) 2016年7月2日 更新！わたくし、みやもの1日を50円で売ります！1か月限定です！ #はてなブログ 【一ヶ月限定！】プロブロガーの1日を50円で買いませんか？ - 未来は変えられるの？https://t.co/C1juZhyeOv pic.twitter.com/0EhySCJuv1— みやも@クラウドファンディング挑戦中！ (@Miyamo_H) 2016年7月2日 プロブロガーさんの1日が50円で買えると聞いて、プロブロガーさんに日雇い労働をしてもらって、賃金を振り込みをしてもらうという錬金術を思いつい

前の記事ではハンバーガーアイコンの作成方法を紹介しました。 今回は作ったハンバーガーアイコンを利用して、クリックするとメニュー一覧が上から下りてくる「ドロップダウンメニュー（プルダウンメニュー）」をCSSのみで作成してみたので紹介します。 ドロップダウンメニューは上の記事を参考にさせていただきました。 完成品は今のところ、このブログのスマホ用ページのヘッダーで使用しているので、試していただいてどのような動きをするか確認していただければと思います。 ※他に良いグローバルナビが出来たらそちらに変更してしまう場合があるので悪しからず（汗。 HTML コードの上部がハンバーガーアイコンとリンクの部分、「nav id="p-nav1」から下がメニュー一覧部分になります。 ブロック要素をaタグで囲むのは良くないみたいなので、ハンバーガーアイコンにリンクをかけるのに苦戦しました（汗。 「ul～ul」内は

ハンバーガーアイコンとは上画の様なボタンのことで、ボタンを押すとメニューや設定画面と等が開きます。 スマホ用のサイトとかで良く見かけるようになりましたね。 今回はハンバーガーアイコンをCSSを使って作ってみたので紹介します。 ※今回紹介するのはハンバーガーアイコンのみの作成方法なので、完成したものをタップしても動作はしません。 アイコン完成品 menu 完成品はこんな感じ。 サイズ・色・文字（menu）の有無が変更可能です。 HTML 今回は分かりやすいようにハンバーガー部分の下に「menu」という文字を入れました。 文字部分がいらない場合はspan部分を消去でOK。 CSS 分かりやすいようにコメント入れておきました。 「h-menu」はアイコンの枠部分、「h-text」は文字部分、「h-icon」はハンバーガー部分のスタイルです。 上記CSS内の「border-radius」以外の全て

2015-01-19 「暇な女子大生が馬鹿なことをやってみるブログ」の中の人にぶつける20の質問【ブロガーのWA ! 】NO.10 ブロガーのWA！ 人気ブロガー ステキなブロガーさんのインタビューを繋ぐ「ブロガーのWA！」 前回のアート系ブロガー・(チェコ好き) (@aniram_czech) さんからのご紹介で、今週は 暇な女子大生が馬鹿なことをやってみるブログ の 暇な女子大生 (@sada_freejd29) さん です。 ブログタイトルどおり、その独特な感性で馬鹿でオモシロイことをやりまくっているうちに、雑誌やぐるなびに載っちゃうほどになってしまった人気ブロガーさんです。 「暇な女子大生が馬鹿なことをやってみるブログ」の中の人にぶつける20の質問 1. 自分とブログの紹介をお願いします。 大学4年生という比較的暇な時期に始めたブログなので「暇な女子大生」というペンネームをつけまし

フミコ、ブログやめるってよ - Everything you've ever Dreamed はてなブログ界では最も有名なブロガーであろうフミコフミオさんがブログの休止宣言をされていた。残念だ。 字義どおりに読むなら、「ブログに対する情熱を失ったところにガラケーが壊れてしまったのでブログを休止なさる」とのこと。ブログ熱が高ければガラケーが壊れてもすぐブログを書き始めるに違いないが、情熱が醒めてしまっているなら仕方がないところだ。 最近のフミコフミオさんの言動をずっと眺めていた私は、「フミコフミオさんは、有名ブロガーになってしまって疲れたんだろうな」と想像することにした。はてなブログ界で一番たくさん読者を獲得していた彼だから、そのぶん、きっとお疲れになっていたに違いない。 ネットで有名になった時に直面するリスク 動画にせよ、ブログにせよ、twitterにせよ、インターネットで情報発信する人の

投稿日:2014/10/14 / 更新日:2016/02/02 オンライン上で、長いURLを見やすく短縮できるwebサービスです。GoogleやBitlyなど、有名な短縮URLサービス、7つに対応しています。 短縮URLを作成するGooglegoo.glBitlybit.lyis.gdis.gdv.gdv.gdOw.lyow.lyTinyCCtiny.ccUX.NUux.nu短縮したいURLアドレス チェック 短縮後のURLアドレス確認する ヒント基本的な操作「サービスの選択」で、短縮URLの種類を選択して下さい。「短縮したいURLアドレス」に、短縮したいURLアドレスを入力して下さい。準備ができたら「短縮URLを作成する」のボタンをクリックして下さい。下のフォームに、作成した短縮URLが表示されます。Firefox、Chromeなど一部ブラウザなら、クリックしただけでコピーできます。ht

2016 - 04 - 04 【グーグルアドセンス】Amazonと楽天の広告、ちゃんと非表示にしてますか？ ブログ運営 ブログ運営-Google WEB収入 WEB収入-アフィリエイト どうも！ブログのデザイン変えたよ！なかなかいいでしょ？これがあればある程度はいじれるようになるよ！ HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる) posted with ヨメレバ エビスコム ソシム 2014-10-28 Amazon Kindle 楽天ブックス そんな感じで昨日は丸一日、デザインやアドセンスの位置をあーでもない、こーでもないしてました。 で、その途中で気付いたんだけど、 俺、アドセンス取りこぼしてた…。＿|￣|○ 前から「閲覧者の目に触れてない広告がありますよ〜。」ってメッセージが届いてたりしてたんだけどね〜。甘く見てたよね〜。みんなの収益報告見て気付い

9/7追記：全体的にボタンのサイズが大きかったり、他のテーマでやると、円形のフォローボタンのデザインが悪かったりしたので、調整をしました。 また、サイドバーにも馴染むようなフォローボタンサンプルも追加しました。 9/9追記：feedlyのURLが間違っていました！「http://www.yukihy.com/feed」を「自分のブログのURL」に変更ではなく、「http://www.yukihy.com」を「自分のURL」に変更でした。大変失礼いたしましたm(_ _)m 10/2追記：独自ドメインを取得している方は、はてなブログでのドメインを入れないとFeedlyのフォロワー数が違くなるようです。詳しくは「http://www.yukihy.com/entry/feedly-follower-mistake」をどうぞ 10/16追記：はてなのボタンをポップアップにする方法を「その他のカスタ