Subscribed unsubscribe Subscribe Subscribe

#ChiroruNote

小さな便利を作りたい。

プロフィールアイコンを変更する時に便利なやつ。

coder

プロフィールアイコンを変更するコード

はてなブログのプロフィールアイコンを変更するのに必要なコードを簡単に作れます。
続きの作業は元記事を参考にしてください。

HTML

出来たコードは、プロフィールの「ブログの説明」の先頭に貼り付けて下さい。
画像URLには「http:」から始まる、jpg / gif / pngの画像URLを入力して下さい。

画像URL*
はてなID



CSS

横幅には数値だけを入力して下さい。

横幅*



LinkPlate_Maker

coder

LinkPlate_Maker
画像付きでサイトを紹介出来るコードが作れます。 下のTITLE、URL、TEXTに必要な情報を入力して、Get Codeを押して下さい! URLクエリパラメータも使えます。(詳しい仕様は下で説明します

LinkPlate_Maker

画像付きでサイトを紹介出来るコードが作れます。
下のTITLE、URL、TEXTに必要な情報を入力して、Get Codeを押して下さい!
URLクエリパラメータも使えます。(詳しい仕様は下で説明します。)


TITLE*
URL*
TEXT



URLクエリパラメータ

使用できるパラメータは以下のとおりです。

  • title
  • url
  • text

http://chiroru.hateblo.jp/entry/LinkPlate_Maker?title=title&url=url&text=text

ブックマークレット

これをお気に入りに登録して好きなサイトで実行すると、簡単にコードが作れます。
引用したい箇所を選択して実行するとそこが、選択せずに実行すると自動でp要素が指定されます。

javascript:
var title = document.title,
    url   = location.href,
    text  = (window.getSelection() != null)
          ? window.getSelection()
          : "";
if(text==""){
 p = document.getElementsByTagName("p");
 for(var key in p) text += p[key].innerText;
 text = text.replace(/\n/g,"").replace(/undefined/g,"").substr(0,100);
}
var link = "http://chiroru.hateblo.jp/entry/LinkPlate_Maker?"
         + "title="+ encodeURIComponent(title)
         + "&url=" + encodeURIComponent(url)
         + "&text="+ encodeURIComponent(text);
window.open(link, "");



謝辞

LinkPlate_Makerを作成するに当たり、winerosesさんのBlogQuoteを参考にしました。
LinkPlate_Makerはサムネイル取得にHeartRails CaptureAPIを使用しています。
この場を借りて御礼申し上げます。

以上、@chiroru_27 でした。