【プラグインの文字数制限を乗り越える方法！】はてブ＆RTボタン上下ダブル設置の技★外部ファイル化
皆さん、こんにちは！シマザキです。
ブログの運営にも慣れてきて、ブログのカスタマイズに熱心な
アメブロガーさんが、最も苦労する問題のひとつ、それは…
「フリープラグイン3,800文字の壁」
です。
今まで、この件に関しては記事をいくつか書いてきたのですが、
この「外部ファイル化」については、質問が最も多いです。
質問をされたうちの半分くらいの方は成功されているようで、
できました！というご報告をいただいています。
ただ、ブログですと、どうしても何がどこに書いてあるのか
分からなくなってしまう、ということがあると思いますので、
今回は再度、外部ファイル化の方法をhtmlファイルにまとめ、
外部ファイルの記述例も公開することにしました。
↓こちらにズラ～ッとまとめました。
クリックして下さい↓
外部ファイル化の方法・まとめ
http://free-sozai.jp/twitter/ameblo/zukai/hatena002.html
要約すると、以下のとおりです。
----------------------------------------------------
【手順の概要】
PeggyPad(無料ソフト)をダウンロード
各ボタンのコードを少し書き換えて、
文字コードはUTF-8、拡張子を.jsとしてファイルを保存
無料レンタルサーバー(FC2で説明)、又はあなたが
借りているサーバーに②で作成したファイルをアップロードする
フリープラグインに数行のコードを書き込んで保存する
---------------------------------------------------
こちらをクリック↓
外部ファイル化の方法・まとめ
http://free-sozai.jp/twitter/ameblo/zukai/hatena002.html
以上、参考にしていただければと思います。
d(ﾟДﾟ)☆ｽﾍﾟｼｬﾙｻﾝｸｽ☆( ﾟДﾟ)b
今回の外部ファイル化の記事を書くにあたり、
事業家のアロハさんに多大なるご協力をいただきました。
アロハのビジネスで世界の人々に笑顔としあわせ発信！
http://ameblo.jp/waiwaialii/
この場を持ちまして、お礼申し上げますm(_ _)m
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
ブログの運営にも慣れてきて、ブログのカスタマイズに熱心な
アメブロガーさんが、最も苦労する問題のひとつ、それは…
「フリープラグイン3,800文字の壁」
です。
今まで、この件に関しては記事をいくつか書いてきたのですが、
この「外部ファイル化」については、質問が最も多いです。
質問をされたうちの半分くらいの方は成功されているようで、
できました！というご報告をいただいています。
ただ、ブログですと、どうしても何がどこに書いてあるのか
分からなくなってしまう、ということがあると思いますので、
今回は再度、外部ファイル化の方法をhtmlファイルにまとめ、
外部ファイルの記述例も公開することにしました。
↓こちらにズラ～ッとまとめました。
クリックして下さい↓外部ファイル化の方法・まとめ
http://free-sozai.jp/twitter/ameblo/zukai/hatena002.html
要約すると、以下のとおりです。
----------------------------------------------------
【手順の概要】 PeggyPad(無料ソフト)をダウンロード 各ボタンのコードを少し書き換えて、文字コードはUTF-8、拡張子を.jsとしてファイルを保存
無料レンタルサーバー(FC2で説明)、又はあなたが借りているサーバーに②で作成したファイルをアップロードする
フリープラグインに数行のコードを書き込んで保存する---------------------------------------------------
こちらをクリック↓
外部ファイル化の方法・まとめ
http://free-sozai.jp/twitter/ameblo/zukai/hatena002.html
以上、参考にしていただければと思います。
d(ﾟДﾟ)☆ｽﾍﾟｼｬﾙｻﾝｸｽ☆( ﾟДﾟ)b 今回の外部ファイル化の記事を書くにあたり、
事業家のアロハさんに多大なるご協力をいただきました。
アロハのビジネスで世界の人々に笑顔としあわせ発信！
http://ameblo.jp/waiwaialii/
この場を持ちまして、お礼申し上げますm(_ _)m
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
↑ここをクリック！↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。
皆さん、どんどんご利用下さいませm(_ _)m
【はてなブックマークのボタンをアメブロRTボタンの隣に載せる方法・その①】初心者でも簡単★
皆さん、こんにちは！シマザキです。
先日、「はてなブックマーク」のブックマーク機能と、
ツイッターとの連携が強力であるお話をしました。
本日は、その続きで、「はてなブックマークのボタンを
アメブロRTボタンの隣に載せる方法」をご紹介します。
この方法ですと、本ブログで配布しているアメブロRTボタンと
同様に、
１回の設定で全ての記事に「はてブボタン」と
「アメブロRTボタン」がついて、とっても便利！
しかも、記事上でも、記事下でも、お好きな方に設定できます。
記事上の場合↓
記事下の場合↓
↑誰かがはてブボタンをクリックすると、上記のように、はてブしたユーザー数も表示されます。
本日ご紹介する方法は、とても簡単です。
フリープラグインにコピペするだけですので、
初心者の方におススメの方法です。
設置やカスタマイズに当たっては自己責任でお願いしますm(_ _)m
最初に必ず、現在あなたがフリープラグインに入れている
コードのバックアップを取ってから、試してくださいね！
---------------------------------------------
普通に記事上に設定する方法
こちらのサイトの記事にアクセスします。
A Day In The Boy's Life
Amebaで、はてなブックマークボタン配置するためのブログパーツ書いたよ
http://ameblo.jp/itboy/entry-10431536205.html
JavaScriptコードをコピーします。
上記のJavaScriptを「フリープラグイン」の箇所
（「ブログを書く」＞「サイドバーの設定」＞「フリープラグイン」の編集）
に貼り付ければOKです。
本サイトで配布している「アメブロ用RTボタン」のコードを
すでに貼り付けている方は、
そのコードの前に、このコードを普通に貼りつけて大丈夫です。
---------------------------------------------
記事下部分(フッター部分)に設定する方法
はてなブックマークボタンについては
下から４行目の
$(".theme", "div.entry").eq(i).append(' ' + hatena_btn + '');
の、.theme を、.foot に変えればOKです。
アメブロRTボタンについても、以前にも記事で説明しました通り、
★RTボタンのコードの真ん中あたりに以下の記述があります。
else {
var entries = $(".foot a:contains('記事URL')");
var classname = "div.entry .theme";
の、.theme を、.foot に変えればOKです。
themeをfootにする方法は、こちらの過去記事で図解してあります。
↓ ↓
アメブロ用RTボタンを各記事下の「ペタ」の隣に表示する方法♪
【アメブロ用RTボタンカスタマイズ】
http://ameblo.jp/infostock/entry-10560738127.html
記事上のコード・記事下のコードは、以下に記述例を載せましたので
参考になさってください。
はてブボタンのコードはそのまま貼り付ても大丈夫ですが、
アメブロRTボタンは、あなたのツイッターアカウントと
お好きなボタンデザインを選んで作成してください。
【はてなブックマークのボタンをアメブロRTボタンの隣に載せる方法・その①】初心者でも簡単★の補足ページ
http://free-sozai.jp/twitter/ameblo/zukai/hatena001.html
設置方法としては以上になります。
------------------------------------------------------
ん…？「記事上・記事下の両方に設定したいです！
でも、フリープラグインがもういっぱいで無理です！
という
声が聞こえてきました…
大丈夫です。これらのコードは外部ファイル化ができるので、
記事上・記事下の両方に設定しても、外部ファイル化すれば、
これだけ長いコードが、一気に４行で収まります
次回はその方法を詳しく解説いたします。
では、本日も最後までお読みいただきまして
ありがとうございました。
シマザキ
先日、「はてなブックマーク」のブックマーク機能と、
ツイッターとの連携が強力であるお話をしました。
本日は、その続きで、「はてなブックマークのボタンを
アメブロRTボタンの隣に載せる方法」をご紹介します。
この方法ですと、本ブログで配布しているアメブロRTボタンと
同様に、
１回の設定で全ての記事に「はてブボタン」と
「アメブロRTボタン」がついて、とっても便利！
しかも、記事上でも、記事下でも、お好きな方に設定できます。
記事上の場合↓
記事下の場合↓
↑誰かがはてブボタンをクリックすると、上記のように、はてブしたユーザー数も表示されます。
本日ご紹介する方法は、とても簡単です。
フリープラグインにコピペするだけですので、
初心者の方におススメの方法です。
設置やカスタマイズに当たっては自己責任でお願いしますm(_ _)m
最初に必ず、現在あなたがフリープラグインに入れている
コードのバックアップを取ってから、試してくださいね！
---------------------------------------------
普通に記事上に設定する方法 こちらのサイトの記事にアクセスします。A Day In The Boy's Life
Amebaで、はてなブックマークボタン配置するためのブログパーツ書いたよ
http://ameblo.jp/itboy/entry-10431536205.html
JavaScriptコードをコピーします。 上記のJavaScriptを「フリープラグイン」の箇所（「ブログを書く」＞「サイドバーの設定」＞「フリープラグイン」の編集）
に貼り付ければOKです。
本サイトで配布している「アメブロ用RTボタン」のコードを
すでに貼り付けている方は、
そのコードの前に、このコードを普通に貼りつけて大丈夫です。
---------------------------------------------
記事下部分(フッター部分)に設定する方法 はてなブックマークボタンについては下から４行目の
$(".theme", "div.entry").eq(i).append(' ' + hatena_btn + '');
の、.theme を、.foot に変えればOKです。
アメブロRTボタンについても、以前にも記事で説明しました通り、★RTボタンのコードの真ん中あたりに以下の記述があります。
else {
var entries = $(".foot a:contains('記事URL')");
var classname = "div.entry .theme";
の、.theme を、.foot に変えればOKです。
themeをfootにする方法は、こちらの過去記事で図解してあります。
↓ ↓
アメブロ用RTボタンを各記事下の「ペタ」の隣に表示する方法♪
【アメブロ用RTボタンカスタマイズ】
http://ameblo.jp/infostock/entry-10560738127.html
記事上のコード・記事下のコードは、以下に記述例を載せましたので
参考になさってください。
はてブボタンのコードはそのまま貼り付ても大丈夫ですが、
アメブロRTボタンは、あなたのツイッターアカウントと
お好きなボタンデザインを選んで作成してください。
【はてなブックマークのボタンをアメブロRTボタンの隣に載せる方法・その①】初心者でも簡単★の補足ページhttp://free-sozai.jp/twitter/ameblo/zukai/hatena001.html
設置方法としては以上になります。
------------------------------------------------------
ん…？「記事上・記事下の両方に設定したいです！
でも、フリープラグインがもういっぱいで無理です！
という声が聞こえてきました…
大丈夫です。これらのコードは外部ファイル化ができるので、
記事上・記事下の両方に設定しても、外部ファイル化すれば、
これだけ長いコードが、一気に４行で収まります
次回はその方法を詳しく解説いたします。
では、本日も最後までお読みいただきまして
ありがとうございました。
シマザキ
↑ここをクリック！↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。
皆さん、どんどんご利用下さいませm(_ _)m
【はてなブックマークのススメ】ツイッターとの連携が強力な超ブックマーク機能☆
皆さん、こんにちは！シマザキです。
本日は「はてなブックマーク」、略して「はてブ」のご紹介です。
これは、ツイッターとの連携が強力なブックマーク機能を
持つ、非常に便利なサービスです。
私自身、何でもっと早く採用しなかったのか…と後悔100万年
…と、とにかく(^_^;)
早速、このサイトの各記事の上と下に、RTボタンと並べて
B!というボタンを「はてなボタン」を並べました。
このボタンの設置方法は、また次の機会にじっくりご説明します。
まずは本日は、はてブを使ったことがない方のために、
「はてなブックマーク」全般とツイッター連携機能について、
ご紹介したいと思います。
はてなブックマークのサイト
http://b.hatena.ne.jp/guide
はてなブックマークは「ブックマーク(お気に入り)したURL」を、
インターネット上に作成して保存・管理・共有することができる、
無料のオンラインブックマークサービスです。
いままでは自分のPCのブラウザに保存していたブックマークを、
インターネット上に保存して管理できるので、
自宅や職場や学校で、お気に入りのサイトをすぐに
チェックできたり、強力な検索機能でたくさんの
ブックマークから目当ての URL を開くことができます。
これだけでも、非常に便利なのですが、
はてなブックマークはツイッターとの連携機能も強力です。
ブックマークした内容をツイッターへ投稿したり、
ツイッターからブックマークを追加できるようになります。
・ブックマークするときにツイッターへ簡単に投稿
・ツイッターに投稿したURLの反応がわかる
・ツイッターに投稿したクリック数がわかる
・ツイッターに流したURLを自動でブックマーク
・ツイッターのフォローユーザーをお気に入りに登録
・iPhoneからもツイッターに投稿
ツイッターとの連携機能についての詳細は
以下のはてなのガイドページをご覧ください。
はてなのガイドページ・ツイッターとの連携機能
http://b.hatena.ne.jp/guide/twitter
最初だけ、PCのメールアドレス等の登録が必要なのですが、
それをクリアしてしまえば、あとは便利な世界が
あなたを待っています♪♪
この便利さをまず体験していただいて、
次は、あなたのブログ記事へのアクセスを増やすために、
あなたのアメブロに、RTボタンと併せて、
はてブボタンも設置する方法を、次回にご紹介します。
まずは、はてブを使ったことがない方は、
あなたのアメブロへのボタン設置の前に、登録を
済ませておきましょう。
↓はてブへの登録はこちらから
はてなブックマークのサイト
http://b.hatena.ne.jp/guide
では、本日も最後までお読みいただきまして
ありがとうございました。
シマザキ
本日は「はてなブックマーク」、略して「はてブ」のご紹介です。
これは、ツイッターとの連携が強力なブックマーク機能を
持つ、非常に便利なサービスです。
私自身、何でもっと早く採用しなかったのか…と後悔100万年
…と、とにかく(^_^;)
早速、このサイトの各記事の上と下に、RTボタンと並べて
B!というボタンを「はてなボタン」を並べました。
このボタンの設置方法は、また次の機会にじっくりご説明します。
まずは本日は、はてブを使ったことがない方のために、
「はてなブックマーク」全般とツイッター連携機能について、
ご紹介したいと思います。
はてなブックマークのサイト
http://b.hatena.ne.jp/guide
はてなブックマークは「ブックマーク(お気に入り)したURL」を、
インターネット上に作成して保存・管理・共有することができる、
無料のオンラインブックマークサービスです。
いままでは自分のPCのブラウザに保存していたブックマークを、
インターネット上に保存して管理できるので、
自宅や職場や学校で、お気に入りのサイトをすぐに
チェックできたり、強力な検索機能でたくさんの
ブックマークから目当ての URL を開くことができます。
これだけでも、非常に便利なのですが、
はてなブックマークはツイッターとの連携機能も強力です。
ブックマークした内容をツイッターへ投稿したり、
ツイッターからブックマークを追加できるようになります。
・ブックマークするときにツイッターへ簡単に投稿
・ツイッターに投稿したURLの反応がわかる
・ツイッターに投稿したクリック数がわかる
・ツイッターに流したURLを自動でブックマーク
・ツイッターのフォローユーザーをお気に入りに登録
・iPhoneからもツイッターに投稿
ツイッターとの連携機能についての詳細は
以下のはてなのガイドページをご覧ください。
はてなのガイドページ・ツイッターとの連携機能
http://b.hatena.ne.jp/guide/twitter
最初だけ、PCのメールアドレス等の登録が必要なのですが、
それをクリアしてしまえば、あとは便利な世界が
あなたを待っています♪♪
この便利さをまず体験していただいて、
次は、あなたのブログ記事へのアクセスを増やすために、
あなたのアメブロに、RTボタンと併せて、
はてブボタンも設置する方法を、次回にご紹介します。
まずは、はてブを使ったことがない方は、
あなたのアメブロへのボタン設置の前に、登録を
済ませておきましょう。
↓はてブへの登録はこちらから
はてなブックマークのサイト
http://b.hatena.ne.jp/guide
では、本日も最後までお読みいただきまして
ありがとうございました。
シマザキ
↑ここをクリック！↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。
皆さん、どんどんご利用下さいませm(_ _)m