八王子〜多摩〜町田エリアのデザイン日記
八王子〜多摩〜相模原〜町田エリアで活動中のデザイン事務所
「グラッドワークス」の日常(と仕事)を書き綴るブログです。
<< July 2017 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>
<< 世界人口70億人突破と「4Kテレビ」そして「8Kテレビ(スーパーハイビジョン)」 | main | 海と弁当とモーターパラグライダー >>
「LinkWithin」が正常に機能するようになりました
今日も天気
おはようございます。今日も良い天気ですね。比較的気温も高いし。
ところでこのブログに設置している 「LinkWithin(リンクウィズイン)」が昨日あたりからやっと正常に機能するようになりました。 この記事の一番下にある、写真が5つ並んでいるものです。

LinkWithin表示例2b.jpg

ついこの間までは下記のような状態でした。文字しかない…

LinkWithin表示例1.jpg

最初はコードの設置を間違えたのかと思いましたが、 記事数が少ないとちゃんと動作しないみたいです。 このブログはアメブロから移転して来たばかりで記事数が少なかったのが原因のようで。。。 記事数が20件以下だと正常に動作しないという情報もあったのですが、 17件目の記事でようやく表示されるようになりました。


LinkWithinの設定方法
ブログやっている人には常識ではありますが、 一応「LinkWithin」の設定方法を簡単に紹介したいと思います。

まずはLinkWithinのサイト http://www.linkwithin.com/ にアクセス。

LinkWithinの登録画面.jpg

下記項目を入力&選択します。

Email:ご自分のメルアド。フリーメール可。
Blog Link:ご自身のブログのトップページアドレス
Platform:普通は「Other」で可。それ以外を選ぶ必要のある人は、言わなくても分かりますよね?
Width:通常は「3 stories」です。写真(サムネイル)が3つ並びます。ブログの幅に合わせて選んでください。

ご自身のブログの背景が黒っぽい色で、文字が明るい色になっている場合は
「My Blog has light text on a dark background」のチェックボックスをオンに。

完了したら青い「Get Widgt!!」ボタンをクリック。
コードが表示されるので、ご自身のブログのテンプレートのHTML上にコピペしましょう。

LinkWithinのコード表示.jpg


コピペする上での要注意点
コードの上に「あなたのブログテンプレのタグの前に下記のコードを貼ってね(各記事じゃないですよ)」とありますが、 JUGEMブログの場合、タグ直前にコピペだとあまり良い具合にならなかったので、
 <div class="entry_body">〜</div>内の一番最後にブログランキングコードと一緒に貼ってます。

ただし上記コードだけでは不十分で、<div class="linkwithin_div">〜</div>を追加してやる必要があります。
さらに
<script>linkwithin_text='この記事もう読んだ?'</script>を追加すると、日本語の紹介文が入れられます。
この記事もう読んだ?」の文字は好きな文章を入れてください。

と、いうわけでこのブログのLinkWithinのコードは下記の通り。
赤いところが設置時に追加したコードです。

<div class="linkwithin_div">
<script>linkwithin_text='この記事もう読んだ?'</script>
<script>
var linkwithin_site_id = XXXXXX;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>
</div>


cssの設定はお好みでどうぞ。

/* LinkWithinのcss設定例 */
.linkwithin_div {
color: #666666;
font-size: 12px;
padding: 0;
}

アメブロの時はテンプレのHTMLを弄れなかったので、ちょっとひと手間必要だったんですよね。
確かフリースペースを使うんだったような。まあ興味ある人はGoogle先生に聞いてみてください。


町田にもある「高尾山」
今日は藤沢の方に行く用事があるので、時間があれば海に寄って写真でも撮ってみたいと思います。
車での藤沢へのルートをGoogleマップで見ていたら、南町田駅あたりに「高尾山」という山が。
高尾山って1つじゃないのか。。。
Related Posts Plugin for WordPress, Blogger...
人気ブログランキング参加中です!
  • 人気ブログランキングへ
  • 人気ブログランキングへ