はじめに 世間から２周遅れくらいでInstagramを始めました ブログは４周遅れくらいですけどね なので表題の通りはてなブログにInstagramのInstagramのボタンを設置しようと思ったのですが 2016年のどこかのタイミングで仕様が変わったらしく 色々他の方のブログを参考にしましたがうまくいかず苦労しました 僕がやった方法は2017年1月時点で僕の環境ではうまくできた方法になります 他の方法でうまくいかなかった方はもしかしたらこの方法でうまくいくかもしれませんので お試しください いざ設置 本ブログではSnapWidgetでInstagramをグリッドで表示していますが クリックするとSnapWidgetに飛ぶのでなんかちょっと微妙ですよね〜 求めているのはこういうボタンです そしてクリックするとInstagramの自分のページに飛ぶことです まずはInstagramの開発者ペ

年末年始などの季節のイベントに限らず、 写真や画像を載せる方は多くいらっしゃるようです。 キレイに撮った写真なら、キレイに公開したいもの。 けれど、皆が画像編集ソフトを持っている訳じゃない。 そこで今回は、手軽にかっこ良く簡単に「画像に枠を付ける方法」を紹介。 枠を付けるスタイルシート。 フォトショップなどの画像編集ソフトがなくても使える便利なテクニックです。 写真に枠をつけるだけで豪華に見える 枠線を付けると、画像を額に入れたようにシャキッと見せることが出来ます。 簡単なタグ講座 ブログ・ホームページで画像を挿入したことがある方は、 imgタグを見たことがあると思います。 上記の画像の場合、以下のようなタグが挿入されると思います。 <img src="http://blog-imgs-46.fc2.com/c/h/i/chillslab/profile1.jpg" alt="profil

当ブログではiPhoneのスクリーンショット画像をたくさん載せているのですが、白い背景に白っぽい画像だと、下記の画像のようにどこまでが画像で、どこまでが背景なのか分かりにくくなってしまいます。 そこで、当ブログではグレー色の細い枠を付けて見やすくしています。 今回は、はてなブログで画像のフチに枠を付ける方法を紹介したいと思います。 一つ一つの画像に枠を付ける方法 画像を表示する<img>タグの中に、スタイルシート形式で style=”border: 1px solid gray;” と記述します。 上記の画像の場合は <img class=”hatena-fotolife” style=”border: 1px solid gray;” title=”xxx” src=”xxx” alt=”xxx” /> となっています。 style=”border:のあとに半角スペースで区切りながら、枠

どうも、さるオヤジです。 早いもので、このブログを始めてもうすぐ1年半になります。 1年半と言っても記事数は130ちょい位で、ブログの収益もやっとはてなPro代が払える程度の初心者ブログです。 そんな弱小なこのブログでも、少しづつアクセス数が増えて行って、1日のＰＶ数が平均6～800になり一か月のＰＶ数が２万を超えるような時期もありました。 それが今年の1月をピークに、2月からＰＶ数が激減して、13000、8000、6000と3カ月で一気に３分の１以下にまで落ち込み、今では１日のＰＶ数が150前後となってしまいました。 何とかＰＶ数を戻そうと、私なりにいろいろと対策をやってはみたんですが、テーマを変えようが、記事に見出しを付けようが、アドセンス広告を減らそうが、はてなスター外そうが、回復の兆しは一切なく、Googleアルゴリズムの変更によるアクセス数の減少と言う結論に至りました。 私のブロ