以下の「文章（コード）」は、twitter ＆ Facebook 公式の、ブログパーツに
貼り付ける用に作られたモノである
当初、それぞれに提供されたモノ は、もっと長～く、挙動も安定して居無
かった
いま、これらを使って、何が出来る可？の、実用的、実験を行っている
個人的には「個人を特定すること」を優先する、Facebook には窮屈さを
感じている、及び、手が回らない！ので、twitter を主軸に、世界を創って
いる
○新 twitter 「ウィンドウ」のコード
<a class="twitter-timeline" href="https://twitter.com/hot_eyes" data-widget-id="311234914710327296">@hot_eyes からのツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
○新 Facebook 「ウィンドウ」のコード
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/hot.eyes.office" data-width="300" data-height="556" data-show-faces="false" data-stream="true" data-show-border="true" data-header="true"></div>
○旧 twitter 「ウィンドウ」のコード
<script charset="utf-8" type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script type="text/javascript">// <![CDATA[
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 3,
interval: 30000,
width: 'auto',
height: 300,
theme: {
shell: {
background: '#0000cd',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
behavior: 'all'
}
}).render().setUser('hot_eyes').start();
// ]]></script>
○旧 Facebook 「ウィンドウ」のコード
<!-- Facebook Like Badge START -->
<div style="width: 100%;">
<div style="background: #3B5998; padding: 5px;"><img src="http://www.facebook.com/images/fb_logo_small.png" alt="Facebook" /><img src="https://badge.facebook.com/badge/249810368447266.1798945461.1949261001.png" alt="" width="0" height="0" /></div>
<div style="background: #EDEFF4; display: block; border-right: 1px solid #D8DFEA; border-bottom: 1px solid #D8DFEA; border-left: 1px solid #D8DFEA; margin: 0px; padding: 0px 0px 5px 0px;">
<div style="background: #EDEFF4; display: block; padding: 5px;">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top"><img src="http://www.facebook.com/images/icons/fbpage.gif" alt="" /></td>
<td valign="top">
<p style="color: #808080; font-family: verdana; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 8px 0px 8px;"><a style="color: #3b5998; font-family: verdana; font-size: 11px; font-weight: normal; margin: 0px; padding: 0px 0px 0px 0px; text-decoration: none;" title="Atsushi Miura" href="https://www.facebook.com/atsushi.miura" target="_TOP">Atsushi Miura</a></p>
</td>
</tr>
</tbody>
</table>
</div>
<div style="background: #FFFFFF; clear: both; display: block; margin: 0px; overflow: hidden; padding: 5px;">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="middle"><a style="border: 0px; color: #3b5998; font-family: verdana; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none;" title="ほっとあいずオフィス" href="https://www.facebook.com/hot.eyes.office" target="_TOP"><span style="color: #333399; font-size: x-small;"><img title="hot-eyes マーク07" src="https://cdn-ak.f.st-hatena.com/images/fotolife/h/hot_eyes/20161128/20161128122336.jpg" alt="hot-eyes" width="43" height="62" /></span></a></td>
<td style="padding: 0px 8px 0px 8px;" valign="middle">
<p><a style="border: 0px; color: #3b5998; font-family: verdana; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none;" title="ほっとあいずオフィス" href="https://www.facebook.com/hot.eyes.office" target="_TOP">ほっとあいず</a></p>
<p><a style="border: 0px; color: #3b5998; font-family: verdana; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none;" title="ほっとあいずオフィス" href="https://www.facebook.com/hot.eyes.office" target="_TOP">オフィス</a></p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div style="display: block; float: right; margin: 0px; padding: 4px 0px 0px 0px;"><a style="color: #3b5998; font-family: verdana; font-size: 11px; font-weight: none; margin: 0px; padding: 0px; text-decoration: none;" title="「いいね！」バナーを作成" href="http://www.facebook.com/badges/like.php" target="_TOP">「いいね！」バナーを作成</a></div>
</div>
<!-- Facebook Like Badge END -->
