<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>アメブロで人気記事ページランキングを作成する</title>
<link>https://ameblo.jp/good1technology/</link>
<atom:link href="https://rssblog.ameba.jp/good1technology/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>アメブロで人気記事ランキングを表示する方法。ブログデザインに合ったランキングを作成したい！</description>
<language>ja</language>
<item>
<title>人気記事ランキングサンプル画像</title>
<description>
<![CDATA[ ランキングのサンプル画像です。<br><br>このブログの人気記事ランキングを見てもらうと分かって頂けると思いますが、<br>他のブログパーツと同じように、人気記事ランキングのデザインもブログに合った作りになっています。<br><br>これは、各ブログのＣＳＳ（<a title="" target="_blank" href="http://www.htmq.com/csskihon/001.shtml">ＣＳＳとは？</a>）を、適用するので他のブログパーツと同じ雰囲気でブログに表示することが可能です。<br><br>数種類の、テンプレートを適用したサンプル画像です。<br><p><a href="http://stat.ameba.jp/user_images/20130601/10/good1technology/12/ea/p/o0231057812559789418.png"><img ratio="0.4" src="https://stat.ameba.jp/user_images/20130601/10/good1technology/12/ea/p/t02200550_0231057812559789418.png" style="width:220px; height:550px; border:none;"></a></p><p><br></p><p><a href="http://stat.ameba.jp/user_images/20130601/10/good1technology/6a/39/p/o0234056212559789421.png"><img id="1370051776702" ratio="0.4166666666666667" src="https://stat.ameba.jp/user_images/20130601/10/good1technology/6a/39/p/t02200528_0234056212559789421.png" style="width:220px; height:528px; border:none;"></a></p><p><br></p><p><a href="http://stat.ameba.jp/user_images/20130601/10/good1technology/e9/96/p/o0257058212559789420.png"><img ratio="0.44176706827309237" src="https://stat.ameba.jp/user_images/20130601/10/good1technology/e9/96/p/t02200498_0257058212559789420.png" style="width:220px; height:498px; border:none;"></a></p><p><br></p><br><p><a href="http://stat.ameba.jp/user_images/20130601/10/good1technology/6d/25/p/o0257056512559789419.png"><img id="1370051898099" ratio="0.45454545454545453" src="https://stat.ameba.jp/user_images/20130601/10/good1technology/6d/25/p/t02200484_0257056512559789419.png" style="width:220px; height:484px; border:none;"></a></p><p><br>すべて、表示の内容は、同じですが、デザインが変更されているのが分かると思います。<br></p><p>既存のブログサービスで、良いのが無いよ～！ってかたは利用申請してみてください。<br></p><p><a title="" target="" href="http://ameblo.jp/good1technology/entry-11541813560.html">利用申請の方法</a><br></p>
]]>
</description>
<link>https://ameblo.jp/good1technology/entry-11542345546.html</link>
<pubDate>Sat, 01 Jun 2013 10:47:11 +0900</pubDate>
</item>
<item>
<title>アメブロ専用　人気記事ランキング　利用申請の方法</title>
<description>
<![CDATA[ 人気記事ランキングのブログパーツは、2013/6/10から稼働いたします。<br><br>当面は、利用者数に１０名の制限を設けたいと思います。<br><br>１人に付きアメーバブログ、１個に絞らせてください。<br><br>定員が１０名に達した時点で、一旦募集を停止しますのでご承知おきください。<br><br><br>利用の申請方法です。<br><br>１、ブログ上段のメッセージを送るをクリック<br><br>２、<span style="font-size: 16px;">件名</span>に<b><span style="font-size: 18px;">人気記事ランキングパーツ利用申請</span></b>と書いて<br><br><span style="font-size: 16px;">３、内容</span>に<b><span style="font-size: 18px;">アメブロのトップページのアドレス</span></b>を記入。<br><br>例えば、このブログのトップページの場合は<br>http://ameblo.jp/good1technology　<br>↑この部分をメッセージの内容に書いてください。<br><br>記入例<br><p><a href="http://stat.ameba.jp/user_images/20130601/10/good1technology/51/c4/p/o0800041712559782634.png"><img id="1370050892375" ratio="1.9184652278177459" src="https://stat.ameba.jp/user_images/20130601/10/good1technology/51/c4/p/o0800041712559782634.png" style="width: 400px; height: 208.5px; border: medium none;"></a></p><p><br></p><br><br><br>頂いた、メッセージを確認して設置の準備が整いましたら、<br><br>アメブロのメッセージにて、パーツ設置の為のタグを送付させていただきます。<br><br>７２時間以内には、準備完了できると思いますのでよろしくお願いします。<br><br>
]]>
</description>
<link>https://ameblo.jp/good1technology/entry-11541813560.html</link>
<pubDate>Fri, 31 May 2013 16:35:52 +0900</pubDate>
</item>
<item>
<title>アメブロ専用 人気記事ランキング 概要</title>
<description>
<![CDATA[ はじめまして。<br><br>sasaと申します。<br><br><br>このブログでは<br><br>「アメブロ専用　人気記事ランキング」と称し<br><br>私「sasa」が作った人気記事ランキングのブログパーツを<br><br><span style="color: rgb(255, 0, 0);"><b>無料</b></span>で配布しております。<br><br><br><br><h3 class="g">人気記事ページランキング</h3><br><br>人気があるぺージも時間が経つと、その他の記事の中に<br>埋もれて行ってしまいます。<br><br>人気があるページは、あなたが自信を持ってオススメ<br>する記事なのに、読まれないのは勿体ないです。<br><br>このアメブロ専用の人気記事ランキングを使えば<br>ブログ訪問者に人気記事をアピールすることができます。<br><br>人気記事ランキングのパーツには、各記事へのリンクが<br>張られているので、ブログ訪問者は、ランキング表から簡単に<br>人気記事ヘアクセスすることが出来ます。<br><br><br><br><h3 class="g">設置方法</h3><br><br>人気記事ランキングのパーツの設置は簡単で<br>まずは利用申請していただき、<br>発行されたタグをアメブロのフリープラグインに追加するだけです。<br><br><br><br><h3 class="g">他のランキングパーツとは、ここが違う！</h3><br><br>表示には使用中のテンプレートのｃｓｓを使うので、プロフィールやカレンダー、テーマなどのパーツと同じように全く違和感のないブログパーツとして表示されます。<br>サンプルはこちら。←リンクを張る<br><br><br><h3 class="g">仕様など</h3><br><br>他の人気記事ランキングブログパーツでは、月〆で次の月にはカウンタが<br>リセットされてゼロになったりしますが、<br>私のランキングパーツは基本的にリセットしません、訪問者が見てくれたアクセスをカウントし続けます。<br><br>人気記事ランキングの更新頻度は１日に1度。<br><br>また広告としてランキングパーツの下部に控えめな広告が表示されます。<br><br><br><br><h3 class="g">重要事項</h3><br><br>サーバーやネットワーク機器のトラブルなどによって、ブログに表示されなかったり、表示に時間が掛かったりする場合があります。<br><br>それによって、発生する被害や損失は、一切の責任を負うことができない旨を理解いただき使用していただければと思います。<br><br><br><br>利用申請はこちらから。←リンク<br><br><br><br>
]]>
</description>
<link>https://ameblo.jp/good1technology/entry-11541761922.html</link>
<pubDate>Fri, 31 May 2013 14:46:24 +0900</pubDate>
</item>
<item>
<title>cronを使用し定期的にランキングページを更新する</title>
<description>
<![CDATA[ このサイトが非常に分かりやすかったです。<br>参考にしてください。<br><a title="" target="_blank" href="http://zapanet.info/blog/item/2467">http://zapanet.info/blog/item/2467</a><br>
]]>
</description>
<link>https://ameblo.jp/good1technology/entry-11538012217.html</link>
<pubDate>Sat, 25 May 2013 23:50:28 +0900</pubDate>
</item>
<item>
<title>さくらサーバーにフォルダ作成やプログラムファイルをアップロードをする方法</title>
<description>
<![CDATA[ <h3 class="g">さくらサーバーに簡単にフォルダ作成やプログラムファイルをアップロードをする方法</h3><br><br>コントロールパネルにログイン後<br><a title="" target="" href="https://secure.sakura.ad.jp/rscontrol/">https://secure.sakura.ad.jp/rscontrol/</a><br><br><br><br>ファイルマネージャーをクリックします。<br><p><a href="http://stat.ameba.jp/user_images/20130525/19/good1technology/ce/c1/p/o0285018512551913253.png"><img id="1369480380862" ratio="1.5405405405405406" src="https://stat.ameba.jp/user_images/20130525/19/good1technology/ce/c1/p/o0285018512551913253.png" style="width: 300px; height: 194.737px; border: medium none;"></a><br></p><br><br><br><br><span class="m-y">例では「www」直下にフォルダを作りたい場合です</span>。<br><br>家のアイコン/home/あなたのID/wwwをクリック。<br>続いてフォルダ作成をクリック。<br><br><p><a href="http://stat.ameba.jp/user_images/20130525/19/good1technology/79/2e/p/o0344027012551913255.png"><img id="1369480515388" ratio="1.2740740740740741" src="https://stat.ameba.jp/user_images/20130525/19/good1technology/79/2e/p/o0344027012551913255.png" style="width:344px; height:270px; border:none;"></a><br></p><p>作りたいフォルダ名を入力します。入力後「OK」を押します。<br></p><p><a href="http://stat.ameba.jp/user_images/20130525/19/good1technology/f9/26/p/o0304013312551913254.png"><img id="1369480519103" ratio="2.2857142857142856" src="https://stat.ameba.jp/user_images/20130525/19/good1technology/f9/26/p/o0304013312551913254.png" style="width:304px; height:133px; border:none;"></a></p><p><br></p><p><br></p><p>フォルダが作られたと思います。<br>このサーバーにはすでにフォルダが複数作ってある為、塗りつぶしていますが初期の場合はフォルダはありません。<br></p><p style="text-align: left;"><a href="http://stat.ameba.jp/user_images/20130525/19/good1technology/51/4f/p/o0346024312551913256.png"><img id="1369481283063" ratio="1.4238683127572016" src="https://stat.ameba.jp/user_images/20130525/19/good1technology/51/4f/p/o0346024312551913256.png" style="width:346px; height:243px; border:none;"></a></p><br><br><br><br>作製したtest_folderをダブルクリックしてください<br>まだ何も格納していないので、フォルダ内は空です。<br>ファイルを追加ボタンまたはドラック＆ドロップでアップロードしたいファイルを追加します。<br><br><p><a href="http://stat.ameba.jp/user_images/20130525/19/good1technology/a6/26/p/o0741045212551913549.png"><img id="1369481000967" ratio="1.6393805309734513" src="https://stat.ameba.jp/user_images/20130525/19/good1technology/a6/26/p/o0741045212551913549.png" style="width: 400px; height: 243.995px; border: medium none;"></a></p><p><br></p><p><br><br></p><p><span class="r-line">アドレスが今作成したフォルダになっていることを確認</span>して<br>アップロードをクリックします。<br></p><a href="http://stat.ameba.jp/user_images/20130525/19/good1technology/27/6e/p/o0800012112551913550.png"><img id="1369480085784" ratio="6.6115702479338845" src="https://stat.ameba.jp/user_images/20130525/19/good1technology/27/6e/p/o0800012112551913550.png" style="width: 400px; height: 60.5px; border: medium none;"></a><p><br></p><a href="http://stat.ameba.jp/user_images/20130525/19/good1technology/73/f2/p/o0738044812551913551.png"><img id="1369480548929" ratio="1.6473214285714286" src="https://stat.ameba.jp/user_images/20130525/19/good1technology/73/f2/p/o0738044812551913551.png" style="width: 400px; height: 242.818px; border: medium none;"></a><p><br></p><br><br><br>状態が<span class="m-y">完了</span>になればアップロード完了です<br>閉じるボタンで、ウインドウを閉じます。<br><p><a href="http://stat.ameba.jp/user_images/20130525/19/good1technology/cc/86/p/o0740045312551913762.png"><img id="1369481023944" ratio="1.6335540838852096" src="https://stat.ameba.jp/user_images/20130525/19/good1technology/cc/86/p/o0740045312551913762.png" style="width: 400px; height: 244.865px; border: medium none;"></a></p><p><br></p><p><br></p>これでフォルダ作成方法とファイルアップロード方法の操作は終了です。<br><br>ちなみに<span class="r-line">フォルダはアップロードできないので注意</span>してください。<br><br>
]]>
</description>
<link>https://ameblo.jp/good1technology/entry-11537861346.html</link>
<pubDate>Sat, 25 May 2013 19:50:35 +0900</pubDate>
</item>
<item>
<title>フリープラグインにjavaスクリプトコードを追加する。</title>
<description>
<![CDATA[ アメブロの管理画面から<br><br>プラグインの追加　→　フリープラグインを選択します。<br><br>次の一文をフリープラグインに追加してください。<br>&lt;!--人気ページランキング--&gt;<br>&lt;script src="http://******/tools/blog_ranking/good1technology_ranking.js"&gt;&lt;/script&gt;<br><br>http://～の部分は<br><a href="http://ameblo.jp/good1technology/entry-11536209471.html" class="skinArticleTitle" rel="bookmark">アナリティクスからページビュー情報取得する。</a>で作成したファイルを指定してください。<br><br>どのファイルのアドレスが分からない場合は、<br><br>さくらサーバーのコントロールパネルから<br>ファイルマネージャー<br>表示したい***.jsを選択し<br><p><a href="http://stat.ameba.jp/user_images/20130523/12/good1technology/6c/9c/p/o0285015812549194992.png"><img id="1369279739186" ratio="1.8032786885245902" src="https://stat.ameba.jp/user_images/20130523/12/good1technology/6c/9c/p/t02200122_0285015812549194992.png" style="width:220px; height:122px; border:none;"></a></p><p><br></p><br>右クリック→webページとして開くをクリック。<br><p><a href="http://stat.ameba.jp/user_images/20130523/12/good1technology/17/60/p/o0217012312549194993.png"><img id="1369279374247" ratio="1.7642276422764227" src="https://stat.ameba.jp/user_images/20130523/12/good1technology/17/60/p/t02170123_0217012312549194993.png" style="width:217px; height:123px; border:none;"></a></p><p><br></p><p>するとファイルのURLが表示されるので、このアドレスで書き換えてください。</p><p><a href="http://stat.ameba.jp/user_images/20130523/12/good1technology/97/98/p/o0558023112549194991.png"><img id="1369294703263" ratio="2.4175824175824174" src="https://stat.ameba.jp/user_images/20130523/12/good1technology/97/98/p/t02200091_0558023112549194991.png" style="width:220px; height:91px; border:none;"></a></p><p><br></p>フリープラグインへコードの追記したら、必ずフリープラグインを保存ボタンを押して保存してください。<br><br><br>次に、フリープラグインとフリースペースをブログに追加します。<br><br>アメブロ管理画面から、配置設定をクリック。<br><p><a href="http://stat.ameba.jp/user_images/20130523/16/good1technology/8e/8e/p/o0160017812549434344.png"><img id="1369294926008" ratio="0.898876404494382" src="https://stat.ameba.jp/user_images/20130523/16/good1technology/8e/8e/p/t01600178_0160017812549434344.png" style="width:160px; height:178px; border:none;"></a></p><p><br>使用しない機能から、使用する機能へ移動してください。<br></p><p><a href="http://stat.ameba.jp/user_images/20130523/16/good1technology/ca/be/p/o0642039012549434345.png"><img id="1369294976422" ratio="1.6417910447761195" src="https://stat.ameba.jp/user_images/20130523/16/good1technology/ca/be/p/t02200134_0642039012549434345.png" style="width:220px; height:134px; border:none;"></a></p><p>移動が終わったら、保存ボタンを押します。<br></p><p><br></p><a title="" target="" href="http://ameblo.jp/good1technology/entry-11530655105.html">目次に戻る。</a><br><br><br>
]]>
</description>
<link>https://ameblo.jp/good1technology/entry-11536226254.html</link>
<pubDate>Thu, 23 May 2013 12:09:33 +0900</pubDate>
</item>
<item>
<title>アナリティクスからページビュー情報取得する。</title>
<description>
<![CDATA[ サーバーにプログラムコードの設置が終わったら、正常に動くかどうかテストしてみましょう。<br><br>さくらサーバーコントロールパネルへログイン<br><a title="" target="_blank" href="https://secure.sakura.ad.jp/rscontrol/">https://secure.sakura.ad.jp/rscontrol/</a><br><p><a href="http://stat.ameba.jp/user_images/20130523/11/good1technology/41/7d/p/o0487053712549171944.png"><img id="1369364599350" ratio="0.9068901303538175" src="https://stat.ameba.jp/user_images/20130523/11/good1technology/41/7d/p/o0487053712549171944.png" style="width: 400px; height: 441.068px; border: medium none;"></a></p><p><br></p><p>コントロールパネルからファイルマネージャーをクリック</p><p><a href="http://stat.ameba.jp/user_images/20130523/11/good1technology/3c/7b/p/o0738037112549171947.png"><img id="1369277724069" ratio="1.9892183288409704" src="https://stat.ameba.jp/user_images/20130523/11/good1technology/3c/7b/p/o0738037112549171947.png" style="width: 400px; height: 201.084px; border: medium none;"></a></p><p><br></p><p><br>作製した、実行ファイルを右クリック<br></p><p><a href="http://stat.ameba.jp/user_images/20130523/11/good1technology/df/e9/p/o0734028012549171946.png"><img id="1369364603298" ratio="2.6214285714285714" src="https://stat.ameba.jp/user_images/20130523/11/good1technology/df/e9/p/o0734028012549171946.png" style="width: 400px; height: 152.589px; border: medium none;"></a></p><p><br></p><p><br>webページとして開くとプログラムが実行されます。<br></p><p><a href="http://stat.ameba.jp/user_images/20130523/11/good1technology/27/ae/p/o0230036512549171945.png"><img id="1369277747385" ratio="0.6303724928366762" src="https://stat.ameba.jp/user_images/20130523/11/good1technology/27/ae/p/t02200349_0230036512549171945.png" style="width:220px; height:349px; border:none;"></a></p><p><br>ブラウザが別ページで開くので確認します。<br>図のように、記事タイトルが表示されていればokです。<br></p><p><a href="http://stat.ameba.jp/user_images/20130523/11/good1technology/77/df/p/o0611040412549172115.png"><img id="1369277757855" ratio="1.5123762376237624" src="https://stat.ameba.jp/user_images/20130523/11/good1technology/77/df/p/o0611040412549172115.png" style="width: 400px; height: 264.484px; border: medium none;"></a></p><p><br></p><p><br>さくらサーバーのファイルマネージャーに戻り、ブラウザの再読み込みで画面を更新します。</p><p>***.jsファイルが作成されていればokです確認します。<br></p><p><a href="http://stat.ameba.jp/user_images/20130524/12/good1technology/c0/8a/p/o0514033312550317986.png"><img id="1369364657598" ratio="1.5435435435435436" src="https://stat.ameba.jp/user_images/20130524/12/good1technology/c0/8a/p/o0514033312550317986.png" style="width: 400px; height: 259.144px; border: medium none;"></a></p><p><br></p><p><br></p><p>次回は、ブログからこのファイルを読み込む設定をします。<br></p><p><a title="" target="" href="http://ameblo.jp/good1technology/entry-11530655105.html">目次へ戻る。</a><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><br><br><br><span style="color: rgb(0, 0, 238);"><span style="text-decoration: underline;"></span></span><br>
]]>
</description>
<link>https://ameblo.jp/good1technology/entry-11536209471.html</link>
<pubDate>Thu, 23 May 2013 11:44:46 +0900</pubDate>
</item>
<item>
<title>googleアナリティクスから情報を取得するプログラムソース</title>
<description>
アメンバー限定公開記事です。
</description>
<link>https://ameblo.jp/good1technology/amemberentry-11533627511.html</link>
<pubDate>Sun, 19 May 2013 17:55:08 +0900</pubDate>
</item>
<item>
<title>さくらレンタルサーバーでPHPを使えるように設定する</title>
<description>
<![CDATA[ さくらサーバーの登録が済んだら<br><br>サーバー上でプログラムが動かせるように設定していきます。<br><br>https://secure.sakura.ad.jp/rscontrol/<br><br>から、サーバーコントロールパネルにログインします。<br><br>アプリケーションの設定から　[PHPのバージョン選択]をクリック<br><br>新しいバージョンのプルダウンメニューから[PHP 5.2.17]を選択してください。<br><span style="color: rgb(255, 0, 0);">注</span>：次記事で紹介するプログラムコードは他のバージョンを選ぶと動きません。<br><br><br>続いて<br><br>アプリケーションの設定から　[PHP設定の編集]をクリックし<br><br>下記の設定を記述し、[保存する]ボタンを押して保存します。<br><br>output_buffering = Off<br>mbstring.language = Japanese<br>mbstring.encoding_translation = off<br>mbstring.http_input = pass<br>mbstring.http_output = pass<br>mbstring.internal_encoding = UTF-8<br>mbstring.substitute_character = none<br>mbstring.detect_order = SJIS,EUC-JP,JIS,UTF-8,ASCII<br><br>次回は、実際にコードを紹介します。<br><br><br>もし何かわからないことがあれば、コメントやメッセージをください。<br>（いただいた質問に答えることで、私自身もスキルアップできますので。）<br><br><br><br><br>
]]>
</description>
<link>https://ameblo.jp/good1technology/entry-11531987832.html</link>
<pubDate>Fri, 17 May 2013 02:22:52 +0900</pubDate>
</item>
<item>
<title>googleアカウントを取得する</title>
<description>
<![CDATA[ 人気ページランキングをブログパーツとして表示するために。<br><br>そのページが何人に見られたか集計する必要があります。<br><br>アメブロのアクセス解析があるじゃん　と思われるかもしれませんが、<br><br>残念ながらそのデータを取得するスベがありません。<br><br>なので、googleアカウントを取得まずは取得し。無料です。<br><br>googleアナリティクスと言う、アクセス解析サービスに申し込みます。<br>もちろん無料。<br><br>googleアナリティクスからアクセス情報(ページビュー数）を取得し加工して、ブログに表示します。<br><br>なので、googleアカウントを持っていない人は、まずはアカウント取得が必要です。<br><br>アカウント取得の参考サイト。<br><br><a title="" target="_blank" href="http://www.ajaxtower.jp/googleaccount/">http://www.ajaxtower.jp/googleaccount/</a><br><br><br><br><br><br>
]]>
</description>
<link>https://ameblo.jp/good1technology/entry-11531695409.html</link>
<pubDate>Thu, 16 May 2013 18:20:08 +0900</pubDate>
</item>
</channel>
</rss>
