月間アクセス10万PVになる準備をしよう！livedoor Blogカスタマイズ8個のTips
情報発信上手への道、第二弾。（第一弾は[ベンチャー企業が情報発信上手になるには]です。）
完全に「ブログを短期間で月間10万PVにする方法を公開します? 私の17の戦略」にインスパイアされて書いてます。おはようございます @geeorgey です。
丁度、昨日のブログを書いたあとに、気になる記事がアップされていたので、かぶせて書いてみたいと思います。第一弾の予告に書いたとおり、インタラクティブ性というのにも関係する内容になってます。
使用しているlivedoor Blogのテンプレートは
ソーシャル的な流れに乗ってみましょ
の２点です。
- はてブ：ブックマークしてもらう
- Twitter：RTしてもらう、つぶやいてもらう
- Facebook：いいね！してもらう、シェアしてもらう
ではどうするか
<a href="http://b.hatena.ne.jp/append?<$ArticlePermalink$>"><img src="http://d.hatena.ne.jp/images/b_entry.gif" alt="このエントリをはてなブックマークに登録" width="16" height="12" border="0" /></a><a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>"><img src="http://b.hatena.ne.jp/entry/image/<$ArticlePermalink$>" /></a>
こんなのです。
特徴：設置が簡単
コードは貼り付けるのみなので、リンク先より取得してみてください。
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="あなたのTwitterIDをここへ" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
対応は、全てのテンプレート。なぜかというと、設定値にParmarinkが入るからです。
コードは
ヘッダに記入(の間に入れるコード
<script src="http://cdn.topsy.com/topsy.js?init=topsyWidgetCreator" type="text/javascript"></script>
該当部分に入れるコード
<
;div class="topsy_widget_data"><!-- { "url": "<$ArticlePermalink$>", "title": "<$ArticleTitle ESCAPE$>" } --></div> </div>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">シェア</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
対応テンプレート：全て
<iframe src="http://www.facebook.com/plugins/like.php?href=<$ArticlePermalink$>&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowtransparency="true"></iframe>
画像付きで読者におすすめ記事を提案してくれる優れものです。
こんなの。もう完全に手書きですがご紹介。
.rssicon{padding-left:20px;background:url(http://livedoor.2.blogimg.jp/leaveanest/imgs/f/3/f3e65e03.png) no-repeat 0 0;} .twittericon{padding-left:20px;background:url(http://livedoor.2.blogimg.jp/leaveanest/imgs/c/e/ce51481a.png) no-repeat 0 0;} .facebookicon{padding-left:20px;background:url(http://livedoor.2.blogimg.jp/leaveanest/imgs/2/c/2c43c3e6.gif) no-repeat 0 0;} .rssblock {width:95%;border:solid 1px #76a227;padding:10px;background-color:#fff;margin:0 auto;} .fright{float:right;}
<hr /> <div class="rssblock"> ここまで読んでいただいてありがとうございます。<br /> よろしければRSSをご購読下さい。<a href="http://twitter.com/ここにあなたのTwitterID" target="_blank">@ここにあなたのTwitterID</a> が喜びます。<br /> <p class="rssicon"><a href="Feedbarnerで取得したRSSのURL">RSSのURLはこちら</a></p> <a href="Feedbarnerで取得したRSSのURL" class="fright"><img src="http://feeds.feedburner.com/~fc/Feedbarnerの固有URL（僕の場合はgeeorgey)?bg=99CCFF&fg=444444&anim=1" height="26" width="88" style="border:0" alt="" /></a> <p class="twittericon">Twitterはこちら( <a href="http://twitter.com/ここにあなたのTwitterID" target="_blank">@ここにあなたのTwitterID</a> )</p> <p class="facebookicon">Facebookはこちら（ <a href="Facebookの自己のページのURL" target="_blank">Facebookの自己のページのURL</a> )</p> </div>
今現在こんな感じになっている記事終端です。
<div style="width:55px;float:left;"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="あなたのTwitterID">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </div> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">シェア</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div> <iframe src="http://www.facebook.com/plugins/like.php?href=<$ArticlePermalink$>&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> <br class="clear" />
SixApartが提供するブログパーツなのですが、これがやってくれることは