若手エンジニアの小言。

仕事で役立つTIPSを配信していきます。~世界で一番おしりとふとももの間を追い求めるブログ~

はてなブログの体裁を整える001回目

はてなブログTwitterウィジェットを入れる方法

 

みんなさんこんにちは「たこ壺」です。

なんかブログの横にWordでいうところのナビゲーションウィンドウが欲しいなと。

他のブログにはあるのに自分のブログにはどうしてないのか。。教えて先生!

Google先生に「はてなブログ、サイドバー」で画像検索をかけてみました。

 

ヒットした記事はこちら。

はてなブログのデザインをカスタマイズしたいときに役立つサイト - はなこのブログ。

はてなブログをカスタマイズする際に超参考になる記事まとめ - hacogaki

はてなブログのサイドバーのカスタマイズ方法 [コピペで使える]

調べてみると思っていたよりも色々できそうだぞ!ひとつずつ実践していこう。

  Twitterウィジェットを作成する。

2016年6月にウィジェットの仕様が変わったらしくこちらの記事を参考にしました。

Twitterのタイムラインウィジェットをブログ設定する方法について | まさぼっち.net

おおまかな流れとしては

  1. Twitterサイトでウィジェットを作成
  2. HTMLコードをコピーする
  3. はてなブログの設定でサイドバーのモジュール追加
  4. コピーしてきたHTMLコードを貼り付ける

完成イメージはこちら(TLの追加とフォローアイコンの追加です)

f:id:takotuboice:20170409134654p:plain

 

なぜかページの一番下に出てきてしまいました。。

ウィジェットの配置についてはまた次の機会にします。

それでは実際の作業に移って行きましょう 。

 

1.Twitterサイトでウィジェットを作成

f:id:takotuboice:20170409135712p:plain

 Twitterウィジェット」 →「 プロフィール」とクリックしていきます。

急に英語のサイトが出てきますが大丈夫です。あなたは合っています。

https://twitter.com/自身のTwitterスクリーンネームを入力し「→」を押します。

f:id:takotuboice:20170409140251p:plain

 自身のブログに追加したい方を選択します。

TwitterのTL」または「フォローアイコン」

簡単な調整は「set customization options」で可能です。

f:id:takotuboice:20170409141931p:plain

「Copy Code」を押して下の画面が出れば成功です。

f:id:takotuboice:20170409141938p:plain

 あとはクリップボードにコピーされたコードを

はてなブログ管理画面から「工具アイコン」→「サイドバー」→「モジュールの追加」→「HTML」→「貼り付け」で作業は終了です。

 注:ページから抜けるときは忘れずに変更を保存してください。

 f:id:takotuboice:20170409143223p:plain

 

いかがだったでしょうか?思ったよりも簡単だったのではないでしょうか?

今回はここまで!みなさん良い1日をお過ごし下さい。

ブログの著作権あれこれ。

こんにちは「たこ壺」です。

前回の記事でリンクを貼り付けていましたが

「そもそもリンクにも著作権ってあるんじゃないの?」と疑問が湧いてきました。

そこでGoogle先生に「ブログ、リンク、著作権」で検索をかけてみました。

 

ヒットした記事はこちら。

ブログを書くときに注意すべき著作権

他人のサイトにリンクを貼って違法となる場合があるのか!? | EC法務ドットコム

デジタル・ネットワーク社会と著作権 |  | 公益社団法人著作権情報センター CRIC

 

個人的には1番目の記事が良くまとまっていてオススメです。

結論はリンクの貼り付けは適法だと考えます。

 

 

 

私の記事では上記のように言葉の曖昧さも適宜しらべていきます。

あまり適当な言葉を使うと上司に詰められてしまいますから笑

今日はここまで!みなさん良い1日をお過ごし下さい。

 

はじめては見たものの。。

こんばんは「たこ壺」です。

はてなブログをはじめては見たものの。。

真っさらサラな現状を読者の皆様にどうお伝えすればいいのか。。そうだ!

Webベージをキャプチャして伝えよう!と言うことで

本記事ではWebベージのキャプチャ方法を書いていきたいと思います。

 

参考にした記事はこちら。

全体をキャプチャできる Full Page Screen Captureで遊ぼう!! - 週刊アスキー

Webページ全体を画像にする方法Chrome拡張機能3つ(プラグイン)|MWORKS

 

どうも Chromeプラグインを使うのが良さそうだ。

Full Page Screen Captureで取得した画像がこちら。

f:id:takotuboice:20170409015450j:plain

(画像はAdobePhotoshopExpressで切り抜いています)

編集中の記事が見られるのは恥ずかしいですね笑

今回はここまで!みなさん良い1日をお過ごし下さい。

 

はてなブログを開設しました。

どうもこんにちは「たこ壺」です。

前々からブログを開設しようと思っていたのですが

いくつかネックがありズルズルと先延ばしにしていました。

 理由はいくつかあって

  • HTMLってのが難しそう。
  • CSSって何なの?
  • サーバーって有料なの?
  • 結局どこで何をすればいいの? などなど。。

疑問は数多あれどエンジニアたるもの実物に触ってみなければということで

はてなブログさんにお世話になることにしました。

この記事を書いている途中もあれもこれも分からないことがいっぱい笑

 

次回からはそういった内容もぷらすしていけたらと思います。

短いですが今日はこのあたりで失礼します!