【2014 Customize】デザイン変更や削除したガジェットの備忘録

【Sepia】Tab Home

【Sepia】Tab Home CSS

#container{position:absolute;top:103px;left:190px;z-index:10;width:745px;text-align:left}
#tab1{list-style-type:none;width:720px;height:30px;margin:0;padding:0}
#tab1 li{float:left;width:80px;height:30px}
.hiddenmenus ul{list-style:none;margin:0;padding:0;font-size:90%}
.hiddenmenus li{border:none;text-align:center}
.hiddenmenus li a:hover span{opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)"}
.hiddenmenus span{border:none;vertical-align:text-bottom}
#submenu01{position:absolute;top:136px;left:270px;visibility:hidden;z-index:100;background-color:#222}
#submenu01 .hiddenChild{background-color:#1e90ff}
#submenu02{position:absolute;top:136px;left:350px;visibility:hidden;z-index:100;background-color:#222}
#submenu02 .hiddenChild{background-color:#77f}
#submenu03{position:absolute;top:136px;left:430px;visibility:hidden;z-index:100;background-color:#222}
#submenu03 .hiddenChild{background-color:#2e8b57}
#submenu04{position:absolute;top:136px;left:510px;visibility:hidden;z-index:100;background-color:#222}
#submenu04 .hiddenChild{background-color:#4169e1}
#submenu05{position:absolute;top:136px;left:590px;visibility:hidden;z-index:100;background-color:#222}
#submenu05 .hiddenChild{background-color:#8ac75a}
#submenu06{position:absolute;top:136px;left:670px;visibility:hidden;z-index:100;background-color:#222}
#submenu06 .hiddenChild{background-color:#008080}
#submenu07{position:absolute;top:136px;left:830px;visibility:hidden;z-index:100;background-color:#222}
#submenu07 .hiddenChild{background-color:#BDB76B}
#submenu01 .hiddenChild:hover,#submenu02 .hiddenChild:hover,#submenu03 .hiddenChild:hover,#submenu04 .hiddenChild:hover,#submenu05 .hiddenChild:hover,#submenu06 .hiddenChild:hover,#submenu07 .hiddenChild:hover{background-color:#222}
.hiddenChild span{opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)"}
#endmenu01{position:absolute;top:141px;left:360px;visibility:hidden;z-index:100;background-color:#222}
#endmenu02{position:absolute;top:161px;left:360px;visibility:hidden;z-index:100;background-color:#222}
#endmenu03{position:absolute;top:181px;left:360px;visibility:hidden;z-index:100;background-color:#222}
#endmenu04{position:absolute;top:201px;left:360px;visibility:hidden;z-index:100;background-color:#222}
#endmenu05{position:absolute;top:221px;left:360px;visibility:hidden;z-index:100;background-color:#222}
#endmenu06{position:absolute;top:141px;left:680px;visibility:hidden;z-index:100;background-color:#222}
#endmenu07{position:absolute;top:141px;left:760px;visibility:hidden;z-index:100;background-color:#222}

【Sepia】Tab Home HTML

<div id="container" align="center">
<ul id="tab1">
<li id="selected"><a href="//passer-by198.blogspot.com/" onmouseover="CloseMenu('submenu01');CloseMenu('submenu02');CloseMenu('submenu03');CloseMenu('submenu04');CloseMenu('submenu05');CloseMenu('submenu06');CloseMenu('submenu07');"><span class="id3" title="Home"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/blog.html" onmouseover="OpenMenu('submenu01');CloseMenu('submenu02');CloseMenu('submenu03');CloseMenu('submenu04');CloseMenu('submenu05');CloseMenu('submenu06');CloseMenu('submenu07');"><span class="id8" title="Blog"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/labs.html" onmouseover="CloseMenu('submenu01');OpenMenu('submenu02');CloseMenu('submenu03');CloseMenu('submenu04');CloseMenu('submenu05');CloseMenu('submenu06');CloseMenu('submenu07');"><span class="id9" title="Labs"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/10/blogger.html" onmouseover="CloseMenu('submenu01');CloseMenu('submenu02');OpenMenu('submenu03');CloseMenu('submenu04');CloseMenu('submenu05');CloseMenu('submenu06');CloseMenu('submenu07');"><span class="id12" title="Blogger"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/design.html" onmouseover="CloseMenu('submenu01');CloseMenu('submenu02');CloseMenu('submenu03');OpenMenu('submenu04');CloseMenu('submenu05');CloseMenu('submenu06');CloseMenu('submenu07');"><span class="id32" title="Design"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/video.html" onmouseover="CloseMenu('submenu01');CloseMenu('submenu02');CloseMenu('submenu03');CloseMenu('submenu04');OpenMenu('submenu05');CloseMenu('submenu06');CloseMenu('submenu07');"><span class="id13" title="Video"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/music.html" onmouseover="CloseMenu('submenu01');CloseMenu('submenu02');CloseMenu('submenu03');CloseMenu('submenu04');CloseMenu('submenu05');OpenMenu('submenu06');CloseMenu('submenu07');"><span class="id20" title="Music"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/omikuji.html" onmouseover="CloseMenu('submenu01');CloseMenu('submenu02');CloseMenu('submenu03');CloseMenu('submenu04');CloseMenu('submenu05');CloseMenu('submenu06');CloseMenu('submenu07');"><span class="id26" title="Omikuji"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/site-map.html" onmouseover="CloseMenu('submenu01');CloseMenu('submenu02');CloseMenu('submenu03');CloseMenu('submenu04');CloseMenu('submenu05');CloseMenu('submenu06');OpenMenu('submenu07');"><span class="id54" title="Site Map"></span></a></li>
</ul>
<div class="progressbar value2" style="margin-left:-25px;">
</div>
</div>

<div class="hiddenmenus">
<div id="submenu01">
<ul>
<li class="hiddenChild"><a href="//passer-by198.blogspot.com/2009/11/opinion-index.html" onmouseover="OpenMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id44" title="Opinion"></span></a></li>
<li class="hiddenChild"><a href="//passer-by198.blogspot.com/2009/11/depressing-index.html" onmouseover="CloseMenu('endmenu01');OpenMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id52" title="Depressing"></span></a></li>
<li class="hiddenChild"><a href="//passer-by198.blogspot.com/2009/11/blockquote-index.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');OpenMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id57" title="Blockquote"></span></a></li>
<li class="hiddenChild"><a href="//passer-by198.blogspot.com/2009/11/pottering-index.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');OpenMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id90" title="Pottering"></span></a></li>
<li class="hiddenChild"><a href="//passer-by198.blogspot.com/2009/11/blog-index.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');OpenMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id91" title="Blog"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;submenu01&#39;);" /></li>
</ul>
</div>
<div id="submenu02">
<ul>
<li><a href="//passer-by198.blogspot.com/2009/11/browser-index.html"><span class="id89" title="Browser"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/laboratory-index.html"><span class="id87" title="Laboratory"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;submenu02&#39;);" /></li>
</ul>
</div>
<div id="submenu03">
<ul>
<li><a href="//passer-by198.blogspot.com/2009/11/blogger-tips-index.html"><span class="id83" title="Blogger Tips"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/blogger-customize-index.html"><span class="id86" title="Blogger Customize"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;submenu03&#39;);" /></li>
</ul>
</div>
<div id="submenu04">
<ul>
<li><a href="//passer-by198.blogspot.com/2009/11/design-index.html"><span class="id70" title="Design"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/jquery-index.html"><span class="id72" title="jQuery"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/javascript-index.html"><span class="id84" title="JavaScript"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;submenu04&#39;);" /></li>
</ul>
</div>
<div id="submenu05">
<ul>
<li class="hiddenChild"><a href="//passer-by198.blogspot.com/2009/11/video-selection.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');OpenMenu('endmenu06');CloseMenu('endmenu07');"><span class="id100" title="Video Selection"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/video-j-pops-woman.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id97" title="Video J-Pops Woman"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/video-j-pops-man.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id95" title="Video J-Pops Man"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/video-pops-woman.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id94" title="Video Pops Woman"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/video-pops-man.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id93" title="Video Pops Man"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/video-others.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id96" title="Video Others"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;submenu05&#39;);" /></li>
</ul>
</div>
<div id="submenu06">
<ul>
<li class="hiddenChild"><a href="//passer-by198.blogspot.com/2009/11/music-selection.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');OpenMenu('endmenu07');"><span class="id100" title="Music Selection"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/music-j-pops-woman.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id97" title="Music J-Pops Woman"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/music-j-pops-man.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id95" title="Music J-Pops Man"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/music-pops-woman.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id94" title="Music Pops Woman"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/music-pops-man.html" onmouseover="CloseMenu('endmenu01');CloseMenu('endmenu02');CloseMenu('endmenu03');CloseMenu('endmenu04');CloseMenu('endmenu05');CloseMenu('endmenu06');CloseMenu('endmenu07');"><span class="id93" title="Music Pops Man"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;submenu06&#39;);" /></li>
</ul>
</div>
<div id="submenu07">
<ul>
<li><a href="//passer-by198.blogspot.com/2009/11/site-map-style-accordion-2-rows.html"><span class="id79" title="style-Accordion"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/site-map-style-blockquote-2-rows.html"><span class="id82" title="style-Blockquote"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;submenu07&#39;);" /></li>
</ul>
</div>
<ul id="endmenu01">
<li><a href="//passer-by198.blogspot.com/2009/11/opinion2014.html"><span class="id99" title="Opinion 2014"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/opinion2013.html"><span class="id98" title="Opinion 2013"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/opinion2012.html"><span class="id92" title="Opinion 2012"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/opinion2011.html"><span class="id88" title="Opinion 2011"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;endmenu01&#39;);" /></li>
</ul>
<ul id="endmenu02">
<li><a href="//passer-by198.blogspot.com/2009/11/depressing2014.html"><span class="id99" title="Depressing 2014"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/depressing2013.html"><span class="id98" title="Depressing 2013"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/depressing2012.html"><span class="id92" title="Depressing 2012"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/depressing2011.html"><span class="id88" title="Depressing 2011"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/depressing-before2010.html"><span class="id85" title="Depressing before2010"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;endmenu02&#39;);" /></li>
</ul>
<ul id="endmenu03">
<li><a href="//passer-by198.blogspot.com/2009/11/blockquote2014.html"><span class="id99" title="Blockquote 2014"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/blockquote2013.html"><span class="id98" title="Blockquote 2013"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/blockquote2012.html"><span class="id92" title="Blockquote 2012"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/blockquote2011.html"><span class="id88" title="Blockquote 2011"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/blockquote-before2010.html"><span class="id85" title="Blockquote before2010"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;endmenu03&#39;);" /></li>
</ul>
<ul id="endmenu04">
<li><a href="//passer-by198.blogspot.com/2009/11/pottering2014.html"><span class="id99" title="Pottering 2014"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/pottering2013.html"><span class="id98" title="Pottering 2013"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/pottering2012.html"><span class="id92" title="Pottering 2012"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/pottering2011.html"><span class="id88" title="Pottering 2011"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/pottering-before2010.html"><span class="id85" title="Pottering before2010"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;endmenu04&#39;);" /></li>
</ul>
<ul id="endmenu05">
<li><a href="//passer-by198.blogspot.com/2009/11/blog2014.html"><span class="id99" title="Blog 2014"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/blog2013.html"><span class="id98" title="Blog 2013"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/blog2012.html"><span class="id92" title="Blog 2012"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/blog2011.html"><span class="id88" title="Blog 2011"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/blog-before2010.html"><span class="id85" title="Blog before2010"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;endmenu05&#39;);" /></li>
</ul>
<ul id="endmenu06">
<li><a href="//passer-by198.blogspot.com/2009/11/video-selection-j-pops-woman.html"><span class="id97" title="Video Selection J-Pops Woman"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/video-selection-j-pops-man.html"><span class="id95" title="Video Selection J-Pops Man"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/video-selection-pops-woman.html"><span class="id94" title="Video Selection Pops Woman"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/video-selection-pops-man.html"><span class="id93" title="Video Selection Pops Man"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;endmenu06&#39;);" /></li>
</ul>
<ul id="endmenu07">
<li><a href="//passer-by198.blogspot.com/2009/11/music-selection-j-pops-woman.html"><span class="id97" title="Music Selection J-Pops Woman"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/music-selection-j-pops-man.html"><span class="id95" title="Music Selection J-Pops Man"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/music-selection-pops-woman.html"><span class="id94" title="Music Selection Pops Woman"></span></a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/music-selection-pops-man.html"><span class="id93" title="Music Selection Pops Man"></span></a></li>
<li><input type="button" value="Hide Menu" onclick="CloseMenu(&#39;endmenu07&#39;);" /></li>
</ul>
</div>

【Sepia】Tab JavaScript

function OpenMenu(a){document.getElementById(a).style.visibility="visible"}function CloseMenu(a){document.getElementById(a).style.visibility="hidden"};

【Infinity】Tab Bottom

【Infinity】Tab Bottom CSS

/* Fixed Navigation */
/* for Bottom */
.navigation198bottom ul,.navigation198bottom li{margin:0;padding:0}
.navigation198bottom{width:720px;margin:-1px 0 0 -40px;line-height:1;position:relative;text-align:left}
.navigation198bottom li{list-style:none;float:left;position:relative}
.navigation198bottom ul{display:none;position:absolute}
ul.line0{position:absolute;top:-170px;left:0}
ul.line2{position:absolute;top:-46px;left:0}
ul.line3{position:absolute;top:-69px;left:0}
ul.line5{position:absolute;top:-125px;left:0}
ul.line6{position:absolute;top:-148px;left:0}
.navigation198bottom ul{line-height:1}
.navigation198bottom ul li{float:none}
.navigation198bottom ul{width:130px}
.navigation198bottom ul ul{top:-80px;left:131px}
.navigation198bottom ul a{display:block;width:120px;background:#1d2b38;padding:4px;color:#fff;font-weight:bold;border:1px solid #4169e1;opacity:.8;filter:alpha(opacity=80);line-height:1}
.navigation198bottom ul a.hover{background:#476a8d}
.navigation198bottom .first{font-size:11px}
.navigation198bottom .child{background:#0aa;opacity:.8;filter:alpha(opacity=80)}

【Infinity】Tab Bottom HTML

<div style="position:absolute;bottom:0;left:190px;cursor:pointer;width:720px;">
<ul class="navigation198bottom" style="margin-bottom:15px;">
<li><a href="//passer-by198-infinity.blogspot.com/"><span class="id192" title="Home"></span></a></li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog.html"><span class="id194" title="Blog"></span></a>
    <ul class="line0">
    <li><a class=" first east2" href="//passer-by198-infinity.blogspot.com/2009/10/opinion-index.html">Opinion</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/opinion2014.html">2014</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/opinion2013.html">2013</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/opinion2012.html">2012</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/opinion2011.html">2011</a></li>
        </ul>
    </li>
    <li><a class=" first east2" href="//passer-by198-infinity.blogspot.com/2009/10/depressing-index.html">Depressing</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/depressing2014.html">2014</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/depressing2013.html">2013</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/depressing2012.html">2012</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/depressing2011.html">2011</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/depressing-before2010.html">before :: 2010</a></li>
        </ul>
    </li>
    <li><a class=" first east2" href="//passer-by198-infinity.blogspot.com/2009/10/blockquote-index.html">Blockquote</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blockquote2014.html">2014</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blockquote2013.html">2013</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blockquote2012.html">2012</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blockquote2011.html">2011</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blockquote-before2010.html">before :: 2010</a></li>
        </ul>
    </li>
    <li><a class=" first east2" href="//passer-by198-infinity.blogspot.com/2009/10/pottering-index.html">Pottering</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/pottering2014.html">2014</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/pottering2013.html">2013</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/pottering2012.html">2012</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/pottering2011.html">2011</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/pottering-before2010.html">before :: 2010</a></li>
        </ul>
    </li>
    <li><a class=" first east2" href="//passer-by198-infinity.blogspot.com/2009/10/blog-index.html">Blog</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog2014.html">2014</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog2013.html">2013</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog2012.html">2012</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog2011.html">2011</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog-before2010.html">before :: 2010</a></li>
        </ul>
    </li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/labs.html"><span class="id196" title="Labs"></span></a>
    <ul class="line2">
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/browser-index.html">Browser</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/laboratory-index.html">Laboratory</a></li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/blogger.html"><span class="id198" title="Blogger"></span></a>
    <ul class="line2">
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blogger-tips-index.html">Tips</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blogger-customize-index.html">Customize</a></li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/design.html"><span class="id200" title="Design"></span></a>
    <ul class="line3">
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/design-index.html">Design</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/jquery-index.html">jQuery</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/javascript-index.html">JavaScript</a></li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/video.html"><span class="id202" title="Video"></span></a>
    <ul class="line6">
    <li><a class="first east2" href="//passer-by198-infinity.blogspot.com/2009/10/video-selection.html">Selection</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-selection-jpops-woman.html">J-Pops Woman</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-selection-jpops-man.html">J-Pops Man</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-selection-pops-woman.html">Pops Woman</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-selection-pops-man.html">Pops Man</a></li>
        </ul>
    </li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-jpops-woman.html">J-Pops Woman</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-jpops-man.html">J-Pops Man</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-pops-woman.html">Pops Woman</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-pops-man.html">Pops Man</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-others.html">Other Files</a></li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/music.html"><span class="id204" title="Music"></span></a>
    <ul class="line5">
    <li><a class=" first east2" href="//passer-by198-infinity.blogspot.com/2009/10/music-selection.html">Selection</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-selection-jpops-woman.html">J-Pops Woman</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-selection-jpops-man.html">J-Pops Man</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-selection-pops-woman.html">Pops Woman</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-selection-pops-man.html">Pops Man</a></li>
        </ul>
    </li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-jpops-woman.html">J-Pops Woman</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-jpops-man.html">J-Pops Man</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-pops-woman.html">Pops Woman</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-pops-man.html">Pops Man</a></li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/omikuji.html"><span class="id206" title="Omikuji"></span></a></li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/site-map.html"><span class="id208" title="Site Map"></span></a>
    <ul class="line2">
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/sitemap-accordion.html">style-Accordion</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/sitemap-blockquote.html">style-Blockquote</a></li>
    </ul>
</li>
</ul>
<div class="progressbar value1"></div>
</div>

【Sepia】Navigation Sidebar

【Sepia】Navigation Sidebar

<ul class="l-menu">
<li class="ui-state-disabled"><a href="#">Sepia Memories on YouTube</a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/blog.html">Blog</a>
 <ul>
 <li><a href="//passer-by198.blogspot.com/search/label/Opinion">Opinion</a>
  <ul>
  <li><a href="//passer-by198.blogspot.com/2009/11/opinion2014.html">Opinion / 2014</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/opinion2013.html">Opinion / 2013</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/opinion2012.html">Opinion / 2012</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/opinion2011.html">Opinion / 2011</a></li>
  </ul>
 </li>
 <li><a href="//passer-by198.blogspot.com/search/label/Depressing">Depressing</a>
  <ul>
  <li><a href="//passer-by198.blogspot.com/2009/11/depressing2014.html">Depressing / 2014</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/depressing2013.html">Depressing / 2013</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/depressing2012.html">Depressing / 2012</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/depressing2011.html">Depressing / 2011</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/depressing-before2010.html">Depressing / before::2010</a></li>
  </ul>
 </li>
 <li><a href="//passer-by198.blogspot.com/search/label/Blockquote">Blockquote</a>
  <ul>
  <li><a href="//passer-by198.blogspot.com/2009/11/blockquote2014.html">Blockquote / 2014</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/blockquote2013.html">Blockquote / 2013</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/blockquote2012.html">Blockquote / 2012</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/blockquote2011.html">Blockquote / 2011</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/blockquote-before2010.html">Blockquote / before::2010</a></li>
  </ul>
 </li>
 <li><a href="//passer-by198.blogspot.com/search/label/Pottering">Pottering</a>
  <ul>
  <li><a href="//passer-by198.blogspot.com/2009/11/pottering2014.html">Pottering / 2014</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/pottering2013.html">Pottering / 2013</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/pottering2012.html">Pottering / 2012</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/pottering2011.html">Pottering / 2011</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/pottering-before2010.html">Pottering / 2010</a></li>
  </ul>
 </li>
 <li><a href="//passer-by198.blogspot.com/search/label/Blog">Blog</a>
  <ul>
  <li><a href="//passer-by198.blogspot.com/2009/11/blog2014.html">Blog / 2014</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/blog2013.html">Blog / 2013</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/blog2012.html">Blog / 2012</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/blog2011.html">Blog / 2011</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/blog-before2010.html">Blog / before::2010</a></li>
  </ul>
 </li>
 </ul>
</li>
<li><a href="//passer-by198.blogspot.com/2009/11/labs.html">Labs</a>
 <ul>
 <li><a href="//passer-by198.blogspot.com/search/label/Browser">Browser</a></li>
 <li><a href="//passer-by198.blogspot.com/search/label/Laboratory">Laboratory</a></li>
 </ul>
</li>
<li><a href="//passer-by198.blogspot.com/2009/10/blogger.html">Blogger</a>
 <ul>
 <li><a href="//passer-by198.blogspot.com/search/label/Tips">Blogger Tips</a></li>
 <li><a href="//passer-by198.blogspot.com/search/label/Customize">Template Customize</a></li>
 </ul>
</li>
<li><a href="//passer-by198.blogspot.com/2009/11/design.html">Design</a>
 <ul>
 <li><a href="//passer-by198.blogspot.com/search/label/Design">Design</a></li>
 <li><a href="//passer-by198.blogspot.com/search/label/jQuery">jQuery</a></li>
 <li><a href="//passer-by198.blogspot.com/search/label/JavaScript">JavaScript</a></li>
 </ul>
</li>
<li><a href="//passer-by198.blogspot.com/2009/11/video.html">Video</a>
 <ul>
 <li><a href="//passer-by198.blogspot.com/2009/11/video-selection.html">Video / Selection</a>
  <ul>
  <li><a href="//passer-by198.blogspot.com/2009/11/video-selection-j-pops-woman.html">Video Selection / J-Pops Woman</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/video-selection-j-pops-man.html">Video Selection / J-Pops Man</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/video-selection-pops-woman.html">Video Selection / Pops Woman</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/video-selection-pops-man.html">Video Selection / Pops Man</a></li>
  </ul>
 </li>
 <li><a href="//passer-by198.blogspot.com/2009/11/video-j-pops-woman.html">Video / J-Pops Woman</a></li>
 <li><a href="//passer-by198.blogspot.com/2009/11/video-j-pops-man.html">Video / Video / J-Pops Man</a></li>
 <li><a href="//passer-by198.blogspot.com/2009/11/video-pops-woman.html">Video / Pops Woman</a></li>
 <li><a href="//passer-by198.blogspot.com/2009/11/video-pops-man.html">Video / Pops Man</a></li>
 <li><a href="//passer-by198.blogspot.com/2009/11/video-others.html">Video / Other Files</a></li>
 </ul>
</li>
<li><a href="//passer-by198.blogspot.com/2009/11/music.html">Music</a>
 <ul>
 <li><a href="//passer-by198.blogspot.com/2009/11/music-selection.html">Music / Selection</a>
  <ul>
  <li><a href="//passer-by198.blogspot.com/2009/11/music-selection-j-pops-woman.html">Music Selection / J-Pops Woman</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/music-selection-j-pops-man.html">Music Selection / J-Pops Man</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/music-selection-pops-woman.html">Music Selection / Pops Woman</a></li>
  <li><a href="//passer-by198.blogspot.com/2009/11/music-selection-pops-man.html">Music Selection / Pops Man</a></li>
  </ul>
 </li>
 <li><a href="//passer-by198.blogspot.com/2009/11/music-j-pops-woman.html">Music / J-Pops Woman</a></li>
 <li><a href="//passer-by198.blogspot.com/2009/11/music-j-pops-man.html">Music / J-Pops Man</a></li>
 <li><a href="//passer-by198.blogspot.com/2009/11/music-pops-woman.html">Music / Pops Woman</a></li>
 <li><a href="//passer-by198.blogspot.com/2009/11/music-pops-man.html">Music / Pops Man</a></li>
 </ul>
</li>
<li><a href="//passer-by198.blogspot.com/2009/11/omikuji.html">Omikuji</a></li>
<li><a href="//passer-by198.blogspot.com/2009/11/site-map.html">Site Map</a>
 <ul>
 <li><a href="//passer-by198.blogspot.com/2009/11/site-map-style-accordion-2-rows.html">Site Map / style-Accordion</a></li>
 <li><a href="//passer-by198.blogspot.com/2009/11/site-map-style-blockquote-2-rows.html">Site Map / style-Blockquote</a></li>
 </ul>
</li>
<li><a href="#"><span style="color:#8AC75A;">Related Sites</span></a>
 <ul>
 <li><a href="//passer-by198-infinity.blogspot.com/"><span class="id15"></span> Time goes by...INFINITY</a></li>
 <li><a href="//passer-by198-depressing.blogspot.com/"><span class="id76"></span> Depressing News</a></li>
 </ul>
</li>
</ul>

【Sepia】Social Bookmark 縦並び

【Sepia】Social Bookmark 縦並び

<div style='text-align:center;position:absolute;top:40px;z-index:100;cursor:pointer;left:0px;width:36px;display:inline-block;line-height:0;border:1px solid #444;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-moz-box-shadow:0 0 15px #58a;-webkit-box-shadow:0 0 15px #58a;box-shadow:0 0 15px #58a;'>
              <div style='display:inline-block;padding:2px;background:#1d2b38;text-align:center;'>
                <a expr:href='&quot;//www.facebook.com/sharer.php?u=&quot; + data:post.canonicalUrl + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='Facebook :: Share'>
                  <span class='id142 flip'/>
                </a>
                <br/>
                <a expr:href='&quot;//del.icio.us/post?url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Del.icio.us :: Bookmarks'>
                  <span class='id150 flip'/>
                </a>
                <br/>
                <a expr:href='&quot;//digg.com/submit?phase=2&amp;url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg :: Submit'>
                  <span class='id156 flip'/>
                </a>
                <br/>
                <a href='#' onclick='Evernote.doClip({contentId:&quot;Blog1&quot;,providerName:&quot;Degustation?: Sepia&quot;}); return false;' title='Evernote :: Clip'>
                  <span class='id154 flip'/>
                </a>
                <br/>
                <a href='//www.feedly.com/home#subscription/feed///feeds.feedburner.com/passer-by198-infinity' target='_blank' title='Feedly :: Reader'>
                  <span class='id135 flip'/>
                </a>
                <br/>
                <a href='https://plus.google.com' target='_blank' title='Google :: Plus1'>
                  <span class='id148 flip'/>
                </a>
                <br/>
                <a href='//www.tumblr.com/share' target='_blank' title='Tumblr :: Share'>
                  <span class='id158 flip'/>
                </a>
                <a expr:href='&quot;//twitter.com/home?status=&quot; + data:post.canonicalUrl' target='_blank' title='Twitter :: Tweet'>
                  <span class='id144 flip'/>
                </a>
                <br/>
                <a expr:href='&quot;//bookmarks.yahoo.co.jp/action/bookmark?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.canonicalUrl' target='_blank' title='Yahoo! :: Bookmarks'>
                  <span class='id160 flip'/>
                </a>
                <br/>
                <a href='//b.hatena.ne.jp/entry/add///passer-by198.blogspot.com/' target='_blank' title='Hatena :: Bookmarks'>
                  <span class='id146 flip'/>
                </a>
                <br/>
              </div>
            </div>

【Sepia】Social Bookmark バブルカウンター

<!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>

                      <table cellpadding='0' cellspacing='5' style='margin:5px 0 -25px 5px;'>
                        <tr style='vertical-align:top;'>
                          <td>
                            <a href='//www.tumblr.com/share' style='display:inline-block; text-indent:-9999px; overflow:hidden; width:90px; height:20px; background:url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAUCAMAAAAtBkrlAAABX1BMVEUkOEf///8pRVo6X3sPGB44VWkLExgaLDklPlEzUGQ5Xno4XXlliqVLdpU6WnE7YX1KdZNJc5JIcpBCaYdAZ4VHcI4+ZIFGb408Yn8/ZoNEbYtDa4kXJjE5WnEvTGI3V28zUmhbgZxdg59ghaB9j54ZKDQcLTlsjKS/xswxT2acqLLm6Oo4XHjy8/QtSV/W2dw2WXTn6+8fM0K/xcn5+vo1VGtVe5ekuMaGobT09veElaN0kqgjOkuptLtZfpmMprhmiKBSepcoQ1ensrnf5elxfIXBzNX8/f2sucPE0dqAnLFPdpMoNkDZ3N+8wsZvkKc6SVR3h5SzvMKwt7za4OXu7/Dg4uTJ0NTLz9KNlJqfpqx+kqGww9CXr8E6X3pPeZWgs8HP2N9JaoG2wsrFycymrrNXcYbP0tVxjqNwh5m3xtKsvcp9ma5FWmlBYnpndoE9UmOXoKeAiZDN09hhbnfZjObQAAAACnRSTlOG////BvgGi/fxktjHfwAAAnRJREFUOMutzwdP21AUBeB3QoHQRcF29rMTJ2QvsggEskjC3mVvyiqj+/+r99mJhEhRpYhP9s17x1dHCnvDhrSPr0Qbojp24X/fo29dif+Csf5C7UOPuP95Uiv0M+300/+sHR8Zv3rxqPI05/6u1VONaSOGhbORlxwDCePQAOaffuD+7mWN5UeFKuZHX3J9hYRxaKYw8/QD19sHAJ0sz/IKKY1jNRQqh0JrSjUU8itKuVgtLBaXFH9lTbFtIFErPiwpPIsZRSkslsqVJYVwXTEBUNqo0E7OQSYngHF7A5iw3wHnk3RbgLgdYk5cavYwZuy01MhRSLhuNwGwt+WZ10W+p3DZbD4eIOZ63EHUNbWD3ME+EPu1im0XFR7s53DvokLXRgqYzAVchOtiosMleFnETbQsrrxeWwAxd98eou7IFlYtKvBHpb/rDiBhSW6h4Q5j1p3/iVQw6HUTrouJDrcQYRFJoFWaU4hJ0i6ikrSJsCQDXyUqM14pim1zK4oVycR1MdFhZBGmykIWmzSpUJZTiMryJrKyKJSpjN6cJO/ihrZmZZkKZRPXxRwbGwNA08hUpjqFLeTuF24DmLv7DPy+La1gp1oEvpTDmKscAq0W0HyIIVUK7WJ70WngPqcJgLONCm3Cjxtg/Nq7B+xdUk8LwBlVYwrGyMaA/YgIWvOgTZuB+2wmALY2lSUdQjwTXA5qw5n1ZXo809Mej6eeoaF6SNKTCa4H6w4RTNdpBB0G7nOYKHK0JVly2HQSFzMdF88/aCfdGfd1Z0lm6esZ93VnFmZNv+0V93VFaSsbVNPxd73hhWdBPK0OsoFBa93ySurWwYG/HAqQnyW2sQAAAAAASUVORK5CYII=&apos;) top left no-repeat transparent;' title='Share on Tumblr'>Share on Tumblr</a>
                          </td>
                          <td>
                              <g:plusone size='medium'/>
                          </td>
                          <td>
                              <a class='twitter-share-button' data-count='horizontal' href='//twitter.com/share'/>
                          </td>
                          <td>
                              <iframe allowTransparency='true' expr:src='&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;data-send=false&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=20&amp;locale=en_US&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
                          </td>
                          <td>
                            <a class='pocket-btn' data-lang='en' data-pocket-count='horizontal' data-pocket-label='pocket'/>
                          </td>
                        </tr>
                      </table>

【Sepia】Social Bookmark 横並び

<div class='post-footer-line post-footer-line-2' style='margin-top: 10px;'>
           <b:if cond='data:blog.pageType != &quot;archive&quot;'>
           <b:if cond='data:blog.pageType != &quot;index&quot;'>
<br/><div class='ribbon-back0' style='background:#1d2b38;'>
<h4 class='ribbon01'>
Social Media :: Thank you for your visit to our site...<span class='triangle1-l'/><span class='triangle1-r'/></h4>
                            <div align='center'>
                              <table cellpadding='0' cellspacing='0'>
                                <tr>
                                  <td>
                                    <a expr:href='&quot;//www.facebook.com/sharer.php?u=&quot; + data:post.canonicalUrl + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='Facebook :: Share'>
                                      <span class='id142 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a expr:href='&quot;//del.icio.us/post?url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Del.icio.us :: Bookmarks'>
                                      <span class='id150 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a expr:href='&quot;//digg.com/submit?phase=2&amp;url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg :: Submit'>
                                      <span class='id156 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a href='#' onclick='Evernote.doClip({contentId:&quot;Blog1&quot;,providerName:&quot;Degustation?: Sepia&quot;}); return false;' title='Evernote :: Clip'>
                                      <span class='id154 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a href='//www.feedly.com/home#subscription/feed///feeds.feedburner.com/passer-by198-infinity' target='_blank' title='Feedly :: Reader'>
                                      <span class='id135 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a href='https://plus.google.com' target='_blank' title='Google :: Plus1'>
                                      <span class='id148 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a href='//www.tumblr.com/share' target='_blank' title='Tumblr :: Share'>
                                      <span class='id158 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a expr:href='&quot;//twitter.com/home?status=&quot; + data:post.canonicalUrl' target='_blank' title='Twitter :: Tweet'>
                                      <span class='id144 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a expr:href='&quot;//bookmarks.yahoo.co.jp/action/bookmark?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.canonicalUrl' target='_blank' title='Yahoo! :: Bookmarks'>
                                      <span class='id160 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a href='//b.hatena.ne.jp/entry/add///passer-by198.blogspot.com/' target='_blank' title='Hatena :: Bookmarks'>
                                      <span class='id146 flip'/>
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td colspan='10'>
                                    <div class='progressbar value1' style='margin-top:-3px;'/>
                                  </td>
                                </tr>
                              </table>
                            </div>
</div>
           </b:if>
           </b:if>
      </div>

【Sepia】Social Bookmark トップページ用

<b:widget id='HTML4' locked='false' title='TopPage Message' type='HTML'>
          <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <div class='widget-content'>
    <data:content/>
  </div>
<div class='ribbon-back0' style='background:#1d2b38; margin:2em auto -1em;'>
<h4 class='ribbon01'>
Social Media :: Thank you for your visit to our site...<span class='triangle1-l'/><span class='triangle1-r'/></h4>
                            <div align='center'>
                              <table cellpadding='0' cellspacing='0'>
                                <tr>
                                  <td>
                                    <a expr:href='&quot;//www.facebook.com/sharer.php?u=&quot; + data:post.canonicalUrl + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='Facebook :: Share'>
                                      <span class='id142 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a expr:href='&quot;//del.icio.us/post?url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Del.icio.us :: Bookmarks'>
                                      <span class='id150 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a expr:href='&quot;//digg.com/submit?phase=2&amp;url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg :: Submit'>
                                      <span class='id156 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a href='#' onclick='Evernote.doClip({contentId:&quot;Blog1&quot;,providerName:&quot;Degustation?: Sepia&quot;}); return false;' title='Evernote :: Clip'>
                                      <span class='id154 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a href='//www.feedly.com/home#subscription/feed///feeds.feedburner.com/passer-by198-infinity' target='_blank' title='Feedly :: Reader'>
                                      <span class='id135 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a href='https://plus.google.com' target='_blank' title='Google :: Plus1'>
                                      <span class='id148 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a href='//www.tumblr.com/share' target='_blank' title='Tumblr :: Share'>
                                      <span class='id158 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a expr:href='&quot;//twitter.com/home?status=&quot; + data:post.canonicalUrl' target='_blank' title='Twitter :: Tweet'>
                                      <span class='id144 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a expr:href='&quot;//bookmarks.yahoo.co.jp/action/bookmark?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.canonicalUrl' target='_blank' title='Yahoo! :: Bookmarks'>
                                      <span class='id160 flip'/>&#12288;
                                    </a>
                                  </td>
                                  <td>
                                    <a href='//b.hatena.ne.jp/entry/add///passer-by198.blogspot.com/' target='_blank' title='Hatena :: Bookmarks'>
                                      <span class='id146 flip'/>
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td colspan='10'>
                                    <div class='progressbar value1'/>
                                  </td>
                                </tr>
                              </table>
                            </div>
</div>

</b:if>
</b:includable>
        </b:widget>

【Sepia】JavaScript

<!-- asynchronous jQuery / Bookmarks -->
    <script type='text/javascript'>(function(c,h){c.___gcfg={lang:&quot;ja&quot;};var f,g=h.getElementsByTagName(&quot;script&quot;)[0],b=function(a,d){if(!h.getElementById(d)){f=h.createElement(&quot;script&quot;);f.src=a;if(d){f.id=d}g.parentNode.insertBefore(f,g)}};
                     b(&quot;https://googledrive.com/host/0B8PTt1UMHpdLa0VSdVBtaWxmTXc/&quot;);
                     b(&quot;//apis.google.com/js/plusone.js&quot;);
                     b(&quot;//platform.twitter.com/widgets.js&quot;);
                     b(&quot;//static.evernote.com/noteit.js&quot;);
                     b(&quot;//platform.tumblr.com/v1/share.js&quot;);
                     })(this,document);
      !function(d,i){if(!d.getElementById(i)){var j=d.createElement(&quot;script&quot;);j.id=i;j.src=&quot;//widgets.getpocket.com/v1/j/btn.js&quot;;var w=d.getElementById(i);d.body.appendChild(j);}}(document,&quot;pocket-btn-js&quot;);
</script>

「FeedBuner」Recent Posts

「FeedBuner」Recent Posts CSS

.feedburnerFeedBlock ul{list-style:none;margin:8px 0 0 -40px}.feedburnerFeedBlock li{background:url(リストマーク画像 URL) no-repeat;margin-top:3px;font-style:italic;line-height:1.1}.headline a{padding-left:35px;color:#9a9;font-size:11px;font-weight:normal}.headline a:hover{color:#1e90ff}.fbsubscribelink{margin:5px 10px 0 0;text-align:right}.fbsubscribelink a{color:#8ac75a;font-size:13px;font-weight:bold;font-style:italic}.fbsubscribelink a:hover{color:#1e90ff}#creditfooter{text-align:right;margin-top:10px}p.date{margin-left:1em;color:#4169E1;font-size:11px;display:inline}

「フィード」ガジェット

div#Feed1_feedItemListDisplay{margin-top:-31px}#Feed1 h2{position:relative;top:6px;left:10px}#Feed1_feedItemListDisplay ul{list-style:none;margin:35px 5px 10px -40px}#Feed1_feedItemListDisplay li{background:url(リストマーク画像 URL) no-repeat;margin-top:3px;line-height:1.1}#Feed1_feedItemListDisplay a{margin-left:40px;font-size:11px;font-style:italic}#Feed1_feedItemListDisplay a:hover{color:#1e90ff}

Current「Feed」Code / Depressing

<style>
img.label_thumb {
float:left;
margin-right:10px !important;
height:72px;
/* Thumbnail height */
width:72px;
list-style: none;
display: block;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 77px;
margin: 0 0 2px 5px;
padding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:77px;
margin-right:20px;
margin-bottom:0px;
border-bottom: 1px dotted #999999;
list-style: none;
display: block;
}
.label_with_thumbs li {
list-style: none;
padding-left:0px !important;
list-style: none;
display: block;
}
.label_with_thumbs a {
text-transform: none;
}
.label_with_thumbs strong {
padding-left:0px;
}
</style>

<script type="text/javascript">
function labelthumbs(json) {
    document.write('<ul class="label_with_thumbs">');
    for (var i = 0; i < numposts; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
            if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                var commenttext = entry.link[k].title;
                var commenturl = entry.link[k].href;
            }
            if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
            }
        }
        var thumburl;
        try {
            thumburl = entry.media$thumbnail.url;
        } catch (error) {
            s = entry.content.$t;
            a = s.indexOf("<img");
            b = s.indexOf("src=\"", a);
            c = s.indexOf("\"", b + 5);
            d = s.substr(b + 5, c - b - 5);
            if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
                thumburl = d;
            } else thumburl = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAASFBMVEX////h4eGwsLD09PSmpqaVlZWdnZ3+/v76+vr4+Pja2trv7++ioqK+vr7r6+uZmZm3t7fm5ubU1NSrq6uWlpbOzs7JycnExMTp0+MsAAAE7ElEQVRYw+2X2XLbMAxFzR1cwZ3//6cF3bpp1c5IHuupUz4ksTg8AQjcC+vxf11fxoK5kydGjg5u5OWgu563Ec2QpeSexV1ZA8+QePZ+wC3xGduC4xRfCf6O8FyFqJCLx6OEdAOvhgFFK16Ej018zPNT62pMDSo0Gar5vF9kQO0ob641r5/XxAWWImbzMKKUO7omIzMpZLD+nh40SzVWQyWltHpLD6amOi7XlMZQPq1HjVReX2NYredU9Ycl9llTbFSNErriWyXss35evC5UE6izObKHjVx8bQph3w4wLEiy9wFgJ9a0GvvFHHmL5c0LKFqX2kgmc7HadZBf9iqW5KhaeVciufBpZ1eyiNVyMhS1f7YSk9VWbOn6TIBExwGcrqSUyOhvu8NLXHpDwBmSyDzZwS7XFzEC2XRvJUf4eqyUTBuIK7f0sHmai/XVUvdsHywo1Ox1yLA4uGoUO8O+wYKPi7fHp3dBRQuV/+ovlHdpG2WjwpnSDOwSbkRZHrCJhYmDI5jUOiWbcscQwoRLxUWFw26fViHb47Ypm2jEbIFXe2l+hJhRD9LHQJ7MD4yA5y8wxhTeG2UgvD2piLU7vtiitRMpRjNevN0vOzvh1nLiGWNx9jTVOIF+dEWtYBd2OutfPM8VTqCnSnXuiahQ+lPedjsmpdKO+nii4i8efWoccTq5akTVvGEhsFMeYiWQF1kFIorQkvnaFWIghmgNVK0mMM7O7m+FoL7755MoWEy/H7EDVbRPlXBhvTmtLWO8v4hdt3UsIRG1nkQUUl6Z9duXfxK54unAM0ScGokIPF+0VsPadyLkI88yl8zOGmeq8vJkoRgVOgPCHXhihS4dbGLXcl73/meDjTzg9RmeYJgy8q43cXZZnrtvxPjL/ZXIvk/mAYmEzYwRa703SAzD9oveVNjE/czJTFnXZO0VirWvNCB+8SCSbCQDirCVvDxlLcu17weZrx8j0X7Vw9riUyaiMSkx0mPVrV7zvxBwy+2oxegf5juRnKwvH6OAE1QCyjdy5reXpsNURlXNi2hqxxacOfODrU0b9ngrQUU4BN6Khe1cmygihmnPeHr/y9S5eFY32KPfihntDyKIlOCMh31tFw64G9nycJQ8DN2zeE7jwNdpOQqvMRAKotJDGMv5MaPE2ya++vG8+Yydm+ibwjyW/MMyjRcu7HEPe/OEZn5Y3CamrFG3g4VAKcI8h3NOrJ7x/FiDJS9APGMUpbqDBdOGjmkTtZL8fB6hUqglz3NwTcQ/lp0ya8U3cfRwFh8srZXSqGj1rvAveiqyWocqk1bq6f09LKUb9WB15hZ2rM4c61V7tENSRZIr6YT3Yz5EEpIxIDwb83AERnW6pVYZCVJefZu16yVNY44JhCVYcVjMRHn95clGSUSAPy1WYtz9jk7E5Wn/DeJgix2fJlFGo2IsJblkb37LR+TpmC8XZAd1DxLU074FNBX5cV4OrauwK1siOvYej67pyDNOolJy1kOuV4HuiwceNpCiWrp3jct8+pYdYrE/0nYcVfAfAl1XOjthvguFLc4+fdVuqivk44fpgIAPgWaESZminMVaon6+vHSi6q56yDnaG4CwuI9trKDU9r8bViKlOYASbuI9TNYOdmsT757FQiGnFOlx17I8eiceN66qJU838gzDj+/vMEoa8W6NsJjHP7m+AYSiRX0xzGAjAAAAAElFTkSuQmCC';
        }
        var postdate = entry.published.$t;
        var cdyear = postdate.substring(0, 4);
        var cdmonth = postdate.substring(5, 7);
        var cdday = postdate.substring(8, 10);
        var monthnames = new Array();
        monthnames[1] = "Jan";
        monthnames[2] = "Feb";
        monthnames[3] = "Mar";
        monthnames[4] = "Apr";
        monthnames[5] = "May";
        monthnames[6] = "June";
        monthnames[7] = "July";
        monthnames[8] = "Aug";
        monthnames[9] = "Sept";
        monthnames[10] = "Oct";
        monthnames[11] = "Nov";
        monthnames[12] = "Dec";
        document.write('<li class="clearfix">');
        if (showpostthumbnails == true) document.write('<a href="' + posturl + '" target ="_top"><img class="label_thumb" src="' + thumburl + '"/></a>');
        document.write('<strong><a href="' + posturl + '" target ="_top">' + posttitle + '</a></strong><br>');
        if ("content" in entry) {
            var postcontent = entry.content.$t;
        } else if ("summary" in entry) {
            var postcontent = entry.summary.$t;
        } else var postcontent = "";
        var re = /<\S[^>]*>/g;
        postcontent = postcontent.replace(re, "");
        if (showpostsummary == true) {
            if (postcontent.length < numchars) {
                document.write('');
                document.write(postcontent);
                document.write('');
            } else {
                document.write('');
                postcontent = postcontent.substring(0, numchars);
                var quoteEnd = postcontent.lastIndexOf(" ");
                postcontent = postcontent.substring(0, quoteEnd);
                document.write(postcontent + '...');
                document.write('');
            }
        }
        var towrite = '';
        var flag = 0;
        document.write('<br>');
        if (showpostdate == true) {
            towrite = towrite + monthnames[parseInt(cdmonth, 10)] + '-' + cdday + ' - ' + cdyear;
            flag = 1;
        }
        if (showcommentnum == true) {
            if (flag == 1) {
                towrite = towrite + ' | ';
            }
            if (commenttext == '1 Comments') commenttext = '1 Comment';
            if (commenttext == '0 Comments') commenttext = 'No Comments';
            commenttext = '<a href="' + commenturl + '" target ="_top">' + commenttext + '</a>';
            towrite = towrite + commenttext;
            flag = 1;;
        }
        if (displaymore == true) {
            if (flag == 1) towrite = towrite + ' | ';
            towrite = towrite + '<a href="' + posturl + '" class="url" target ="_top">More ﾂｻ</a>';
            flag = 1;;
        }
        document.write(towrite);
        document.write('</li>');
        if (displayseparator == true) if (i != (numposts - 1)) document.write('');
    }
    document.write('</ul>');
}

var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
</script>

<script type="text/javascript" src="//passer-by198-depressing.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script>

「Search」Header

「Search」Header HTML

<div style="position:absolute;top:10px;left:330px;">
<form id="searchform" class="buttons button-set" action="/search" method="get" title="Search This Site : Please enter your search text..."><span class="id112" style="position:absolute;top:6px;left:5px;z-index:1;"></span>
<input id="s" style="font-size:85%;font-style:italic" value="Enter : Your Search Text..." name="q" size="30" type="text"  onclick="this.value=''" /> <input id="searchsubmit" style="color:#8AC75A;font-size:11px;font-style:italic" value="Search" type="submit" />
</form>
</div>

「Search」Header「Light」HTML

<div style="position:absolute;top:10px;left:330px;">
<span class="light light-w"><a style="margin:0 -10px;"><form id="searchform" action="/search" method="get" title="Search This Site : Please enter your search text..."><span class="id112"></span>
<input id="s"  style="background:transparent;color:#fff;font-size:90%; font-style:italic;border:none" value="Enter : Your Search Text..." name="q" size="40" type="text"  onclick="this.value=''" /> <input id="searchsubmit" style="background:transparent;color:#8AC75A;font-size:90%;font-style:italic;border:none" value="Search" type="submit" />
</form></a></span>
</div>

「Search」Sidebar

「Search」Sidebar HTML

<form id="searchform" class="button-set buttons" action="/search" method="get" align="center" title="Search This Site : Please enter your search text...">
<input id="s" style="font-size:85%;font-style:italic" value="Enter : Text..." name="q" size="13" type="text"  onclick="this.value=''" />  <input id="searchsubmit" style="color:#8AC75A;font-size:85%;font-style:italic" value="Search" type="submit" />
</form>

「Search」Sidebar「Light」HTML

<span class="light light-w"><a style="margin:0 -10px;"><form id="searchform" action="/search" method="get" align="center" title="Search This Site : Please enter your search text..."><span class="id112"></span>
<input id="s" style="background:transparent;color:#fff;font-size:85%;font-style:italic;border:none" value="Enter : Text..." name="q" size="17" type="text"  onclick="this.value=''" />  <input id="searchsubmit" style="background:transparent;color:#8AC75A;font-size:85%;font-style:italic;border:none" value="Search" type="submit" />
</form></a></span><br /><br />

Bread Crumb

「Bread Crumb」 HTML

<b:includable id='breadcrumb' var='posts'>
  <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <div class='button-set' id='breadcrumb'>
      <a class='east2' expr:href='data:blog.homepageUrl' rel='home'>
        <span class='id114' style='vertical-align:baseline;' title='Home'/>
      </a>
      <b:if cond='data:blog.homepageUrl == data:blog.url'>
        <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:loop values='data:posts' var='post'>
            <b:if cond='data:post.labels'>
              <b:loop values='data:post.labels' var='label'>
                <a class='east2' expr:href='data:label.url' rel='tag'>
                  <span style='color: #1E90FF;vertical-align:baseline;'>
                    <data:label.name/>
                  </span>
                </a>
                <b:if cond='data:label.isLast != &quot;true&quot;'>
                  ,
                </b:if>
              </b:loop>
              <b:else/>
              <a class='ui-state-hover'>
                Unlabeled
              </a>
            </b:if>
            <a class='ui-state-hover'>
              <span style='vertical-align:baseline;'>
                <data:post.title/>
              </span>
            </a>
          </b:loop>
          <b:else/>
          <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
            <a class='ui-state-hover'>
              <data:blog.pageName/>
            </a>
            <b:else/>
            <b:if cond='data:blog.pageType == &quot;archive&quot;'>
              <a class='ui-state-hover'>
                <data:blog.pageName/>
              </a>
              <b:else/>
              <b:if cond='data:blog.pageType == &quot;index&quot;'>
                <b:if cond='data:blog.pageName == &quot;&quot;'>
                  <a class='ui-state-hover'>
                    All Posts
                  </a>
                  <b:else/>
                  <a class='ui-state-hover'>
                    Search this site / <span style='color:#F15B55;'>Label</span> :: 
                    <data:blog.pageName/>
                  </a>
                </b:if>
              </b:if>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </div>
  </b:if>
</b:includable>

Bread Crumb「Light」HTML

<b:includable id='breadcrumb' var='posts'>
  <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <div id='breadcrumb'>
    <ul class='light bc-light'>
      <li class='light-r'><a expr:href='data:blog.homepageUrl' rel='home'>
        <span class='id114' style='vertical-align:baseline;' title='Home'/> <span class='id28' title='Next'/>
      </a></li>
      <b:if cond='data:blog.homepageUrl == data:blog.url'>
        <b:else/>
        <b:if cond='data:blog.pageType == "item"'>
          <b:loop values='data:posts' var='post'>
            <b:if cond='data:post.labels'>
              <b:loop values='data:post.labels' var='label'>
                <li class='light-w'><a expr:href='data:label.url' rel='tag'>
                  <span style='color: #1E90FF;vertical-align:baseline;'>
                    <data:label.name/> <span class='id28' title='Next'/>
                  </span>
                </a></li>
                <b:if cond='data:label.isLast != "true"'>
                  ,
                </b:if>
              </b:loop>
              <b:else/>
              <li class='light-w'><a>
                Unlabeled
              </a></li>
            </b:if>
            <li><a>
              <data:post.title/>
            </a></li>
          </b:loop>
          <b:else/>
          <b:if cond='data:blog.pageType == "static_page"'>
            <li><a>
              <data:blog.pageName/>
            </a></li>
            <b:else/>
            <b:if cond='data:blog.pageType == "archive"'>
              <li><a>
                <data:blog.pageName/>
              </a></li>
              <b:else/>
              <b:if cond='data:blog.pageType == "index"'>
                <b:if cond='data:blog.pageName == ""'>
                  <li><a>
                    All Posts
                  </a></li>
                  <b:else/>
                  <li><a>
                    <span style='color:#F15B55;vertical-align:baseline;'>Search this site :: </span>
                    <data:blog.pageName/>
                  </a></li>
                </b:if>
              </b:if>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </ul><br/><br/>
    </div>
  </b:if>
</b:includable>

【Infinity】 Tab Top

Infinity Tab Top 「CSS」

/* Fixed Navigation */ 
/* for Top */
.nav198{position:absolute;top:128px;left:190px;cursor:pointer;width:720px}.fixed{position:absolute;top:0}.navigation198 ul,.navigation198 li{margin:0;padding:0}.navigation198{width:720px;margin:-1px 0 0 -40px;line-height:1;position:relative;text-align:left}.navigation198 li{list-style:none;float:left;position:relative}.navigation198 ul{display:none;position:absolute;top:16px;left:0}.navigation198 ul{line-height:0}.navigation198 ul li{float:none}.navigation198 ul{width:130px}.navigation198 ul ul{top:5px;left:131px}.navigation198 ul a{display:block;width:120px;background:#1d2b38;padding:4px;color:#fff;font-weight:bold;border:1px solid #4169e1;opacity:.8;filter:alpha(opacity=80);line-height:1}.navigation198 ul a.hover{background:#476a8d}.navigation198 .first{font-size:11px}.navigation198 .child{background:#0aa;opacity:.8;filter:alpha(opacity=80)}

Infinity Tab 「JavaScript」

/* Dropdown Fixed Navigation */
$(function(){var b=$(".nav");var a=b.offset().top;$(window).scroll(function(){var c=$(this).scrollTop();if(c+120>=a){b.addClass("fixed").stop().animate({"top":"0px"},1000)}else{if(c+120<=a){b.removeClass("fixed").stop().animate({"top":"128px"},1000)}}})});
$.fn.dropdown198=function(a){a=$.extend({speed:250},a||{});this.each(function(){var c=this,g=100;function f(i){if(i.nodeName.toLowerCase()=="li"){var h=$("> ul",i);return h.length?h[0]:null}else{return i}}function d(h){if(h.nodeName.toLowerCase()=="ul"){return $(h).parents("li")[0]}else{return h}}function e(){var h=f(this);if(!h){return}$.data(h,"cancelHide",false);setTimeout(function(){if(!$.data(h,"cancelHide")){$(h).slideUp(a.speed)}},500)}function b(){var i=f(this);if(!i){return}$.data(i,"cancelHide",true);$(i).css({zIndex:g++}).slideDown(a.speed);if(this.nodeName.toLowerCase()=="ul"){var h=d(this);$(h).addClass("hover");$("> a",h).addClass("hover")}}$("ul, li",this).hover(b,e);$("li",this).hover(function(){$(this).addClass("hover");$("> a",this).addClass("hover")},function(){$(this).removeClass("hover");$("> a",this).removeClass("hover")})})};
$(function(){$(".navigation198").dropdown198()});
$(function(){$(".navigation198bottom").dropdown198()});

Infinity Tab HTML 「Home」

<div class="nav198 nav">
<div class="progressbar value2"></div>
<ul class="navigation198">
<li id="selected"><a href="//passer-by198-infinity.blogspot.com/"><span class="id175" title="Home"></span></a></li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog.html"><span class="id177" title="Blog"></span></a>
    <ul>
    <li><a class="first east2" href="//passer-by198-infinity.blogspot.com/2009/10/opinion-index.html">Opinion</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/opinion2014.html">2014</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/opinion2013.html">2013</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/opinion2012.html">2012</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/opinion2011.html">2011</a></li>
        </ul>
    </li>
    <li><a class="first east2" href="//passer-by198-infinity.blogspot.com/2009/10/depressing-index.html">Depressing</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/depressing2014.html">2014</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/depressing2013.html">2013</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/depressing2012.html">2012</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/depressing2011.html">2011</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/depressing-before2010.html">before :: 2010</a></li>
        </ul>
    </li>
    <li><a class="first east2" href="//passer-by198-infinity.blogspot.com/2009/10/blockquote-index.html">Blockquote</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blockquote2014.html">2014</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blockquote2013.html">2013</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blockquote2012.html">2012</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blockquote2011.html">2011</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blockquote-before2010.html">before :: 2010</a></li>
        </ul>
    </li>
    <li><a class="first east2" href="//passer-by198-infinity.blogspot.com/2009/10/pottering-index.html">Pottering</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/pottering2014.html">2014</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/pottering2013.html">2013</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/pottering2012.html">2012</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/pottering2011.html">2011</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/pottering-before2010.html">before :: 2010</a></li>
        </ul>
    </li>
    <li><a class="first east2" href="//passer-by198-infinity.blogspot.com/2009/10/blog-index.html">Blog</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog2014.html">2014</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog2013.html">2013</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog2012.html">2012</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog2011.html">2011</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blog-before2010.html">before :: 2010</a></li>
        </ul>
    </li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/labs.html"><span class="id179" title="Labs"></span></a>
    <ul>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/browser-index.html">Browser</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/laboratory-index.html">Laboratory</a></li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/blogger.html"><span class="id181" title="Blogger"></span></a>
    <ul>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blogger-tips-index.html">Tips</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/blogger-customize-index.html">Customize</a></li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/design.html"><span class="id183" title="Design"></span></a>
    <ul>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/design-index.html">Design</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/jquery-index.html">jQuery</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/javascript-index.html">JavaScript</a></li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/video.html"><span class="id185" title="Video"></span></a>
    <ul>
    <li><a class="first east2" href="//passer-by198-infinity.blogspot.com/2009/10/video-selection.html">Selection</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-selection-jpops-woman.html">J-Pops Woman</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-selection-jpops-man.html">J-Pops Man</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-selection-pops-woman.html">Pops Woman</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-selection-pops-man.html">Pops Man</a></li>
        </ul>
    </li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-jpops-woman.html">J-Pops Woman</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-jpops-man.html">J-Pops Man</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-pops-woman.html">Pops Woman</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-pops-man.html">Pops Man</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/video-others.html">Other Files</a></li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/music.html"><span class="id187" title="Music"></span></a>
    <ul>
    <li><a class=" first east2" href="//passer-by198-infinity.blogspot.com/2009/10/music-selection.html">Selection</a>
        <ul class="child">
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-selection-jpops-woman.html">J-Pops Woman</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-selection-jpops-man.html">J-Pops Man</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-selection-pops-woman.html">Pops Woman</a></li>
        <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-selection-pops-man.html">Pops Man</a></li>
        </ul>
    </li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-jpops-woman.html">J-Pops Woman</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-jpops-man.html">J-Pops Man</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-pops-woman.html">Pops Woman</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/music-pops-man.html">Pops Man</a></li>
    </ul>
</li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/omikuji.html"><span class="id189" title="Omikuji"></span></a></li>
<li><a href="//passer-by198-infinity.blogspot.com/2009/10/site-map.html"><span class="id191" title="Site Map"></span></a>
    <ul>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/sitemap-accordion.html">style-Accordion</a></li>
    <li><a href="//passer-by198-infinity.blogspot.com/2009/10/sitemap-blockquote.html">style-Blockquote</a></li>
    </ul>
</li>
</ul>
</div>

Tool Tip

ツールチップの「CSS」

p#tips{display:none;position:absolute;line-height:1; width:auto;padding:4px;color:#fff;font-size:10px;font-style:italic;background:#1d2b38;opacity:.8;filter:alpha(opacity=80);border:1px solid #56a;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 8px #58a;-webkit-box-shadow:0 0 8px #58a;box-shadow:0 0 8px #58a;z-index: 100}

ツールチップの「JavaScript」

this.tips=function(){this.xOffset=-10;this.yOffset=10;$(".tips").unbind().hover(function(a){this.t=this.title;this.title="";this.top=(a.pageY+yOffset);this.left=(a.pageX+xOffset);$("body").append('<p id="tips"><span class="id78"></span>&nbsp;'+this.t+'&nbsp;<span class="id78"></span></p>');$("p#tips").css("top",this.top+"px").css("left",this.left+"px").fadeIn("slow")},function(){this.title=this.t;$("p#tips").fadeOut("slow").remove()}).mousemove(function(a){this.top=(a.pageY+yOffset);this.left=(a.pageX+xOffset);$("p#tips").css("top",this.top+"px").css("left",this.left+"px")})};
$(function(a){tips()});

Date Header

「Date Header」の「HTML」

<b:if cond='data:post.dateHeader'>
  <h2 class='date-header'>
    <data:post.dateHeader/>&#12288;<span class='id105 flip' title='Posts / Date'/>
  </h2>
</b:if>

backlink & feed-links

backlink「HTML」

<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <span class='id170 flip' title='Delete'/>
    </a>
  </span>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/>
  <h4>
    <span class='id30' title='この投稿へのリンク'/>
    <button class='ui-button ui-state-hover ui-corner-all' style='cursor:text' title='この投稿へのリンク'>
      <span style='font-size:8px;'>
        　
        <i>
          Back Link to this Post
        </i>
        　
      </span>
    </button>
  </h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>
 
            </span>
            <a expr:href='data:backlink.url' rel='nofollow'>
            <data:backlink.title/>
            </a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'>
              <data:post.authorLabel/>
              <data:backlink.author/>
            </span>
            <span class='comment-timestamp'>
              <data:post.timestampLabel/>
              <data:backlink.timestamp/>
            </span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId +   "_backlinks-create-link"' target='_blank'>
      <span class='id172' title='この投稿へのバックリンクを作成'/>
    </a>
  </p>
</b:includable>

feed-links「HTML」

<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'>
    <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>
    <b:else/>
    <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
    <b:if cond='data:blog.pageType == "item"'>
      <span style='color:#4169E1;font-size:14px;font-weight:bold;font-style:italic;'>
        Register : 
      </span>
      <b:loop values='data:links' var='f'>
        <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' style='color:#4169E1;font-size:11px;' target='_blank' title='RSS Feed(Atom) に登録'>
          <span class='id73'/>
          (
          <data:f.feedType/>
          )
        </a>
      </b:loop>
    </b:if>
  </div>
</b:includable>

Ever Note / Tumblr

Ever Note「shareButtons」

<a class='share-inline-block share-button_passer-by198' href='#' onclick='Evernote.doClip({contentId:"Blog1",providerName:"Degustation?: Sepia"}); return false;'>
        <span class='id137' title='Evernote::Clip'/></a>

Ever Note「JavaScript」

/* Ever Note */
var Evernote=(typeof Evernote=="object"&&Evernote!=null)?Evernote:{};Evernote.logger={debug:function(a){if(typeof console=="object"&&console!=null&&typeof console.log=="function"){console.log(a)}},isDebugEnabled:function(){return false}};Evernote.detectCharacterEncoding=function(b){var c=(b)?b:document;var a=null;if(typeof c.characterSet=="string"){a=c.characterSet}else{if(typeof c.charset=="string"){a=c.charset}else{if(typeof c.inputEncoding=="string"){a=c.inputEncoding}else{if(typeof c.defaultCharset=="string"){a=c.defaultCharset}}}}return a};if(typeof Array.prototype.indexOf!="function"){Array.prototype.indexOf=function(b){for(var a=0;a<this.length;a++){if(this[a]==b){return a}}return -1}}Evernote.Config={insecureProto:"//",secureProto:"https://",serviceDomain:"www.evernote.com",clipPath:"/noteit.action",getClipUrl:function(){return this.secureProto+this.serviceDomain+this.clipPath}};Evernote.inherit=function(b,d,c){if(d.constructor==Function){b.prototype=new d;b.prototype.constructor=b;b.prototype.parent=d.prototype;b.constructor.parent=d}else{b.prototype=d;b.prototype.constructor=b;b.prototype.parent=d;b.constructor.parent=d}if(c){for(var a in d.prototype.constructor){if(a!="parent"&&a!="prototype"&&d.constructor[a]!=d.prototype.constructor[a]&&typeof b.prototype.constructor[a]=="undefined"){b.prototype.constructor[a]=d.prototype.constructor[a]}}}if(typeof b.handleInheritance=="function"){b.handleInheritance.apply(b,arguments)}return b};Evernote.inherits=function(a,b){return(typeof a.prototype.parent!="undefined"&&a.prototype.parent.constructor==b)};Evernote.isHtmlElement=function(a){if(typeof HTMLElement=="function"){return(a instanceof HTMLElement)}else{if(typeof Element=="function"){return(a instanceof Element)}else{if(a!=null){return(typeof a.nodeType!="undefined"&&a.nodeType==1)}}}return false};Evernote.trimString=function(a){if(typeof a=="string"){return a.replace(/^\s+/,"").replace(/\s+$/,"")}return a};Evernote.collapseString=function(a){if(typeof a=="string"){return a.replace(/[\s\t\n]+/g," ").replace(/^\s+/,"").replace(/\s+$/,"")}return a};Evernote.cleanArray=function(c,b){if(c instanceof Array&&typeof b=="function"){var a=0;while(a<c.length){if(b(c[a])){c.splice(a,1)}else{a+=1}}}};Evernote.findChildren=function(b,e,a){var d=new Array();if(typeof b=="object"&&b!=null&&typeof b.nodeType=="number"&&b.nodeType==1){var g=b.childNodes;for(var c=0;c<g.length;c++){if(typeof e=="function"&&e(g[c])){d.push(g[c])}else{if(typeof e!="function"){d.push(g[c])}}if(a&&g[c].childElementCount>0){var f=arguments.callee(g[c],e);if(f&&f.length>0){d=Evernote.concatArrays(d,f)}}}}return d};Evernote.findParent=function(a,b){if(typeof a=="object"&&a!=null&&typeof a.nodeType=="number"){if(a.nodeName=="BODY"){return a}else{if(a.parentNode=="BODY"){return a}else{var c=a;while(c.parentNode.nodeName!="BODY"){if(typeof b=="function"&&b(c.parentNode)){return c.parentNode}else{if(typeof b!="function"){return c.parentNode}}c=c.parentNode}}}}return null};Evernote.hasElementClass=function(c,d,a){if(!this.isHtmlElement(c)){return false}try{var b=c.getAttribute("class");if(typeof b!="string"){return false}if(!a){b=b.toLowerCase();d=d.toLowerCase()}var g=b.replace(/\s+/," ").split(" ");return g.indexOf(d)>=0}catch(f){}return false};Evernote.containsElementClass=function(c,d,a){if(!this.isHtmlElement(c)){return false}try{var b=c.getAttribute("class");if(typeof b!="string"){return false}if(!a){b=b.toLowerCase();d=d.toLowerCase()}return b.indexOf(d)>=0}catch(f){}return false};Evernote.hasElementId=function(b,f,a){if(!this.isHtmlElement(b)){return false}try{var d=b.getAttribute("id");if(typeof d!="string"){return false}if(!a){d=d.toLowerCase();f=f.toLowerCase()}return d==f}catch(c){}return false};Evernote.containsElementId=function(b,f,a){if(!this.isHtmlElement(b)){return false}try{var d=b.getAttribute("id");if(typeof d!="string"){return false}if(!a){d=d.toLowerCase();f=f.toLowerCase()}return d.indexOf(f)>=0}catch(c){}return false};Evernote.isElementVisible=function(a){if(!this.isHtmlElement(a)){return false}try{var b=a.ownerDocument.defaultView.getComputedStyle(a);if(b){if(b.getPropertyValue("display")!="none"&&b.getPropertyValue("visibility")!="none"){return true}}}catch(c){}return false};Evernote.getElementClassNames=function(a){if(!this.isHtmlElement(a)){return false}return a.getAttribute("class").replace(/\s+/," ").split(" ")};Evernote.getElementSortedClassName=function(a){if(!this.isHtmlElement(a)){return null}return Evernote.getElementClassNames().sort().join(" ")};Evernote.Clip=function(b,a){this.initialize(b,a)};Evernote.Clip.constants={isIE:(navigator.appVersion.indexOf("MSIE",0)!=-1),isSafari:(navigator.appVersion.indexOf("WebKit",0)!=-1),isFirefox:(navigator.userAgent.indexOf("Firefox",0)!=-1),isIpad:(navigator.userAgent.indexOf("WebKit")>0&&navigator.userAgent.indexOf("iPad")>0),isIphone:(navigator.userAgent.indexOf("WebKit")>0&&navigator.userAgent.indexOf("iPhone")>0)};Evernote.Clip.contentMarkers=["article","post","content","story","body"];Evernote.Clip.filterMarkers=["comment","feedback","breadcrumb","share","sharing","social","sociable","tools","links","extra","related","sponsor","ads","adsense","banner","chat","shout","module"];Evernote.Clip.NOKEEP_NODE_ATTRIBUTES={style:null,"class":null,id:null,onclick:null,onsubmit:null,onmouseover:null,onmouseout:null};Evernote.Clip.NOKEEP_NODE_NAMES={style:null,script:null,input:null,select:null,option:null,textarea:null};Evernote.Clip.SELF_CLOSING_NODE_NAMES={base:null,basefont:null,frame:null,link:null,meta:null,area:null,br:null,col:null,hr:null,img:null,input:null,param:null};Evernote.Clip.NODE_NAME_TRANSLATIONS={body:"div",form:"div"};Evernote.Clip.LIST_NODE_NAMES={ul:null,ol:null};Evernote.Clip.HTMLEncode=function(e){var b="";for(var d=0;d<e.length;d++){var c=e.charCodeAt(d);var a=e[d];if(c>127){b+="&#"+c+";"}else{if(a==">"){b+="&gt;"}else{if(a=="<"){b+="&lt;"}else{if(a=="&"){b+="&amp;"}else{b+=e.charAt(d)}}}}}return b};Evernote.Clip.unicodeEntities=function(d){var a="";if(typeof d=="string"){for(var b=0;b<d.length;b++){var e=d.charCodeAt(b);if(e>127){a+="&#"+e+";"}else{a+=d.charAt(b)}}}return a};Evernote.Clip.isHtmlElement=function(a){return Evernote.isHtmlElement(a)};Evernote.Clip.trimString=function(a){return Evernote.trimString(a)};Evernote.Clip.collapseString=function(a){return Evernote.collapseString(a)};Evernote.Clip.nodeFilter=null;Evernote.Clip.prototype.title=null;Evernote.Clip.prototype.location=null;Evernote.Clip.prototype.window=null;Evernote.Clip.prototype.selectionFinder=null;Evernote.Clip.prototype.deep=true;Evernote.Clip.prototype.content=null;Evernote.Clip.prototype.range=null;Evernote.Clip.prototype._stylingStrategy=null;Evernote.Clip.prototype._verboseLog=false;Evernote.Clip.prototype.initialize=function(b,a){this.title=(typeof b.document.title=="string")?b.document.title:"";this.title=Evernote.Clip.collapseString(this.title);this.location=b.location;this.window=b;this.selectionFinder=new Evernote.SelectionFinder(b.document);this.range=null;if(a){this.setStylingStrategy(a)}};Evernote.Clip.prototype.isFullPage=function(){return !this.hasSelection()};Evernote.Clip.prototype.hasSelection=function(){if(this.selectionFinder.hasSelection()){return true}else{this.findSelection();return this.selectionFinder.hasSelection()}};Evernote.Clip.prototype.findSelection=function(){this.selectionFinder.find(this.deep)};Evernote.Clip.prototype.getSelection=function(){if(this.hasSelection()){return this.selectionFinder.selection}return null};Evernote.Clip.prototype.getRange=function(){if(this.hasSelection()){return this.selectionFinder.getRange()}return null};Evernote.Clip.prototype.getBody=function(){return this.window.document.getElementsByTagName("body")[0]};Evernote.Clip.prototype.hasBody=function(){try{var a=this.getBody();return a?true:false}catch(b){return false}};Evernote.Clip.prototype.hasContentToClip=function(){return(this.hasBody()||this.hasSelection())};Evernote.Clip.prototype.clipBody=function(){if(!this.hasBody()){Evernote.logger.debug("Document has no body...");return false}return this.clipElement(this.getBody())};Evernote.Clip.prototype.clipElement=function(a){if(a&&Evernote.Clip.isHtmlElement(a)){var b=0;var c=0;if(this._verboseLog){Evernote.logger.debug("Getting element contents: "+this);b=new Date().getTime()}this.content=this.serializeDOMNode(a,null,true);if(this._verboseLog){c=new Date().getTime();Evernote.logger.debug("Clipped element contents in "+(c-b)+" seconds")}if(typeof this.content!="string"){return false}return true}else{Evernote.logger.debug("Nothing to clip...");return false}};Evernote.Clip.prototype.clipSelection=function(){if(!this.hasSelection()){Evernote.logger.debug("No selection to clip");return false}if(Evernote.Clip.constants.isIE){this.content=this.selectionFinder.selection.htmlText;return true}var a=0;var b=0;this.range=this.getRange();if(this.range){if(this._verboseLog){var a=new Date().getTime()}this.content=this.serializeDOMNode(this.range.commonAncestorContainer);if(this._verboseLog){var b=new Date().getTime()}this.range=null;if(this._verboseLog){Evernote.logger.debug("Success...");Evernote.logger.debug("Clipped selection in "+(b-a)+" seconds")}return true}this.range=null;Evernote.logger.debug("Failed to clip selection");return false};Evernote.Clip.prototype.clipLink=function(a,b){if(typeof a!="string"){a=this.window.document.location.href}if(typeof b!="string"){b=Evernote.Clip.collapseString(this.window.document.title)}this.content="<a href='"+a+"'>"+b+"</a>";return true};Evernote.Clip.prototype.rangeIntersectsNode=function(a){if(this.range){var c=a.ownerDocument.createRange();try{c.selectNode(a)}catch(b){c.selectNodeContents(a)}return this.range.compareBoundaryPoints(Range.START_TO_END,c)==1&&this.range.compareBoundaryPoints(Range.END_TO_START,c)==-1}return false};Evernote.Clip.prototype.serializeDOMNode=function(g,i,c){if(this._verboseLog){Evernote.logger.debug("Clip.serializeDOMNode")}var k="";if(!c){if(this.range&&!this.rangeIntersectsNode(g)){if(this._verboseLog){Evernote.logger.debug("Skipping serialization of node: "+g.nodeName+" cuz it's not in range...")}return k}if(!this.keepNode(g)){if(this._verboseLog){Evernote.logger.debug("Skipping seralization of node: "+g.nodeName+" cuz it's a no-keeper")}return k}}if(this._verboseLog){Evernote.logger.debug("SerializeDOMNode: "+g.nodeName)}if(g.nodeType==3){if(this._verboseLog){Evernote.logger.debug("Serializing text node...")}if(this.range){if(this.range.startContainer==g&&this.range.startContainer==this.range.endContainer){k+=this.constructor.HTMLEncode(g.nodeValue.substring(this.range.startOffset,this.range.endOffset))}else{if(this.range.startContainer==g){k+=this.constructor.HTMLEncode(g.nodeValue.substring(this.range.startOffset))}else{if(this.range.endContainer==g){k+=this.constructor.HTMLEncode(g.nodeValue.substring(0,this.range.endOffset))}else{if(this.range.commonAncestorContainer!=g){k+=this.constructor.HTMLEncode(g.nodeValue)}}}}}else{k+=this.constructor.HTMLEncode(g.nodeValue)}}else{if(g.nodeType==1){if(this.range&&this.range.commonAncestorContainer==g&&this.range.startContainer!=this.range.commonAncestorContainer&&!this.isListNode(g)){if(this._verboseLog){Evernote.logger.debug("Ignoring range ancestor: "+g.nodeName)}}else{if(this._verboseLog){Evernote.logger.debug("Serializing node: "+g.nodeName)}var d=this.translateNodeName(g);k+="<"+d;var b=this.nodeAttributesToString(g);if(b.length>0){k+=" "+b}if(this.getStylingStrategy()){if(this._verboseLog){Evernote.logger.debug("Styling node: "+g.nodeName)}var l=this.getStylingStrategy().styleForNode(g,i);if(this._verboseLog){Evernote.logger.debug(l)}if(l instanceof Evernote.ClipStyle&&l.length>0){k+=' style="'+l.toString()+'"'}else{if(this._verboseLog){Evernote.logger.debug("Empty style...")}}}if(!g.hasChildNodes()&&this.isSelfClosingNode(g)){if(this._verboseLog){Evernote.logger.debug("Closing self-closing tag: "+g.nodeName)}k+="/>"}else{k+=">"}}if(g.nodeName.toLowerCase()!="iframe"&&g.hasChildNodes()){var f=g.childNodes;for(var h=0;h<f.length;h++){var e=f[h];if(e!=null&&e.nodeType>0&&e.nodeName!="SCRIPT"&&e.nodeName!="IFRAME"){var a=this.serializeDOMNode(e,g);if(a&&a.length>0){k+=a}}}}if(this.range&&this.range.commonAncestorContainer==g&&!this.isListNode(g)){if(this._verboseLog){Evernote.logger.debug("Ignoring range ancestor: "+g.nodeName)}}else{if(g.hasChildNodes()||!this.isSelfClosingNode(g)){k+="</"+d+">"}}}}return k};Evernote.Clip.prototype.keepNodeAttr=function(a){return(typeof a=="string"&&typeof Evernote.Clip.NOKEEP_NODE_ATTRIBUTES[a.toLowerCase()]=="undefined")};Evernote.Clip.prototype.keepNode=function(a){if(a){if(a.nodeType==3){return true}else{if(a.nodeType==1){if(a.nodeName.indexOf("#")==0||!this.isNodeVisible(a)){return false}return(typeof Evernote.Clip.NOKEEP_NODE_NAMES[a.nodeName.toLowerCase()]=="undefined"&&this.nodeFilter(a))}}}return false};Evernote.Clip.prototype.nodeFilter=function(a){if(typeof Evernote.Clip.nodeFilter=="function"){return Evernote.Clip.nodeFilter(a)}return true};Evernote.Clip.prototype.isNodeVisible=function(a){var b=this.getNodeStylePropertyValue(a,"display");return(b&&b!="none")};Evernote.Clip.prototype.isSelfClosingNode=function(a){return(a&&typeof Evernote.Clip.SELF_CLOSING_NODE_NAMES[a.nodeName.toLowerCase()]!="undefined")};Evernote.Clip.prototype.isListNode=function(a){return(a&&a.nodeType==1&&typeof Evernote.Clip.LIST_NODE_NAMES[a.nodeName.toLowerCase()]!="undefined")};Evernote.Clip.prototype.nodeAttributesToString=function(f){var g="";var d=f.attributes;if(d!=null){for(var e=0;e<d.length;e++){var b=d[e].nodeName.toLowerCase();var c=d[e].nodeValue;if(b=="href"&&c.toLowerCase().indexOf("javascript:")==0){continue}if(this.keepNodeAttr(b)&&c!=null&&c.length>0){g+=b+'="'+c+'" '}}}return g.replace(/\s+$/,"")};Evernote.Clip.prototype.translateNodeName=function(a){if(typeof Evernote.Clip.NODE_NAME_TRANSLATIONS[a.nodeName.toLowerCase()]!="undefined"){return Evernote.Clip.NODE_NAME_TRANSLATIONS[a.nodeName.toLowerCase()]}return a.nodeName};Evernote.Clip.prototype.getNodeStyle=function(c,b,a){return Evernote.ClipStyle.getNodeStyle(c,b,a)};Evernote.Clip.prototype.getNodeStylePropertyValue=function(c,d){if(c&&typeof c.nodeType=="number"&&c.nodeType==1&&typeof d=="string"){var g=c.ownerDocument;var a=null;try{a=(g.defaultView)?g.defaultView:this.window}catch(f){if(this._verboseLog){Evernote.logger.debug("Could not obtain parent window. Using default.")}a=this.window}if(typeof a.getComputedStyle=="function"){var b=a.getComputedStyle(c,null);return b.getPropertyValue(d)}else{if(typeof c.currentStyle=="object"&&c.currentStyle!=null){return c.currentStyle[d]}}}return null};Evernote.Clip.prototype.setStylingStrategy=function(a){if(typeof a=="function"&&Evernote.inherits(a,Evernote.ClipStylingStrategy)){this._stylingStrategy=new a(this.window)}else{if(a instanceof Evernote.ClipStylingStrategy){this._stylingStrategy=a}else{if(a==null){this._stylingStrategy=null}}}};Evernote.Clip.prototype.getStylingStrategy=function(){return this._stylingStrategy};Evernote.Clip.prototype.toString=function(){return"Clip["+this.location+"] "+this.title};Evernote.Clip.prototype.getLength=function(){var b=0;var c=this.toDataObject();for(var a in c){b+=(""+c[a]).length+a.length+2}b-=1;return b};Evernote.Clip.prototype.toDataObject=function(){return{content:this.content,title:this.title,url:this.location.href,fullPage:this.isFullPage()}};Evernote.ClipStyle=function(a,b){this.initialize(a,b)};Evernote.ClipStyle.stylePrefix=function(b){if(typeof b=="string"){var a=0;if((a=b.indexOf("-"))>0){return b.substring(0,a)}}return b};Evernote.ClipStyle.prototype.length=0;Evernote.ClipStyle.prototype.filter=null;Evernote.ClipStyle.prototype._verboseLog=false;Evernote.ClipStyle.prototype.initialize=function(b,c){if(c){this.setFilter(c)}try{if(CSSRuleList&&b instanceof CSSRuleList){if(b.length>0){for(var a=0;a<b.length;a++){this.addStyle(b[a].style)}}}else{if(typeof CSSStyleRule!="undefined"&&b instanceof CSSStyleRule){this.addStyle(b.style)}else{if(typeof CSSStyleDeclaration!="undefined"&&b instanceof CSSStyleDeclaration){this.addStyle(b)}else{if(typeof CSSCurrentStyleDeclaration!="undefined"&&b instanceof CSSCurrentStyleDeclaration){this.addStyle(b)}}}}}catch(d){Evernote.logger.debug("Error initializing Evernote.ClipStyle: "+d)}};Evernote.ClipStyle.prototype.addStyle=function(b){if(typeof CSSStyleDeclaration!="undefined"&&b instanceof CSSStyleDeclaration&&b.length>0){for(var a=0;a<b.length;a++){var d=b[a];if(typeof this.filter=="function"&&!this.filter(d)){continue}var c=b.getPropertyValue(d);if(typeof this[d]=="undefined"){this.length++}this[d]=c}}else{if(typeof CSSCurrentStyleDeclaration!="undefined"&&b instanceof CSSCurrentStyleDeclaration){for(var d in b){if(typeof this.filter=="function"&&!this.filter(d)){continue}this[d]=b[d]}}else{if(b instanceof Evernote.ClipStyle){for(var d in b){if(typeof this.constructor.prototype[d]=="undefined"){if(typeof this.filter=="function"&&!this.filter(d)){continue}this[d]=b[d]}}}else{if(typeof b=="object"&&b!=null){for(var a in b){if(typeof this.filter=="function"&&!this.filter(a)){continue}if(typeof b[a]!="function"&&typeof this.constructor.prototype[a]=="undefined"){if(typeof this[a]=="undefined"){this.length++}this[a]=b[a]}}}}}}};Evernote.ClipStyle.prototype.removeStyle=function(d,c){var a=this;function f(h,g){if(typeof a[h]!="undefined"&&typeof a.constructor.prototype[h]=="undefined"&&(typeof c=="function"||a[h]==g)){if(typeof c!="function"||(typeof c=="function"&&c(h,a[h],g))){if(delete (a[h])){a.length--}}}}if(typeof CSSStyleDeclaration!="undefined"&&d instanceof CSSStyleDeclaration&&d.length>0){for(var b=0;b<d.length;b++){var e=d[b];f(e,d.getPropertyValue(e))}}else{if(d instanceof Evernote.ClipStyle&&d.length>0){for(var e in d){f(e,d[e])}}}};Evernote.ClipStyle.prototype.removeStyleIgnoreValue=function(a){this.removeStyle(a,function(d,c,b){return true})};Evernote.ClipStyle.styleInArray=function(c,b){if(typeof c!="string"||!(b instanceof Array)){return false}var a=-1;var c=c.toLowerCase();var d=((a=c.indexOf("-"))>0)?c.substring(0,a).toLowerCase():c.toLowerCase();for(var a=0;a<b.length;a++){if(b[a]==c||b[a]==d){return true}}return false};Evernote.ClipStyle.prototype.deriveStyle=function(c,a,b){this.removeStyle(c,function(f,e,d){if(b instanceof Array&&Evernote.ClipStyle.styleInArray(f,b)){return false}return(typeof a[f]=="undefined"&&e==d)})};Evernote.ClipStyle.prototype.setFilter=function(a){if(typeof a=="function"){this.filter=a}else{if(a==null){this.filter=null}}};Evernote.ClipStyle.prototype.getFilter=function(){return this.filter};Evernote.ClipStyle.prototype.mergeStyle=function(c,b){if(c instanceof Evernote.ClipStyle&&c.length==0){for(var a in c){if(typeof this.constructor.prototype[a]!="undefined"){continue}if(typeof this[a]=="undefined"||b){this[a]=c[a]}}}};Evernote.ClipStyle.prototype.clone=function(){var b=new Evernote.ClipStyle();for(var a in this){if(typeof this.constructor.prototype[a]=="undefined"){b[a]=this[a]}}b.length=this.length;return b};Evernote.ClipStyle.prototype.toString=function(){var b="";if(this.length>0){for(var a in this){if(typeof this[a]!="string"||typeof this.constructor.prototype[a]!="undefined"||this[a].length==0){continue}b+=a+":"+this[a]+";"}}return b};Evernote.ClipStyle.getNodeStyle=function(f,d,c){var b=new Evernote.ClipStyle();if(f&&typeof f.nodeType=="number"&&f.nodeType==1){var h=f.ownerDocument;var a=null;try{a=(h.defaultView)?h.defaultView:window}catch(g){Evernote.logger.debug("Could not obtain default view... using default window");a=window}if(d){if(typeof a.getComputedStyle=="function"){b=new Evernote.ClipStyle(a.getComputedStyle(f,null),c)}else{if(typeof f.currentStyle=="object"&&f.currentStyle!=null){b=new Evernote.ClipStyle(f.currentStyle,c)}}}else{if(typeof a.getMatchedCSSRules=="function"){b=new Evernote.ClipStyle(a.getMatchedCSSRules(f),c)}else{try{if(typeof CSSStyleDeclaration!="undefined"&&f.style instanceof CSSStyleDeclaration&&f.style.length>0){b=new Evernote.ClipStyle(f.style,c)}}catch(g){}}}}return b};Evernote.SelectionFinder=function(a){this.initDocument=a;this.document=a};Evernote.SelectionFinder.prototype.initDocument=null;Evernote.SelectionFinder.prototype.document=null;Evernote.SelectionFinder.prototype.selection=null;Evernote.SelectionFinder.prototype.findNestedDocuments=function(g){var c=new Array();var h=null;var f=null;try{h=g.getElementsByTagName("frame")}catch(d){Evernote.logger.debug("Could not get all the frames in the document")}if(h.length>0){for(var b=0;b<h.length;b++){c.push(h[b].contentDocument)}}try{f=g.getElementsByTagName("iframe")}catch(d){Evernote.logger.debug("Could not get all iframes in document")}try{if(f.length>0){for(var b=0;b<f.length;b++){var a=f[b].contentDocument;if(a){c.push(a)}}}}catch(d){}return c};Evernote.SelectionFinder.prototype.reset=function(){this.document=this.initDocument;this.selection=null};Evernote.SelectionFinder.prototype.hasSelection=function(){if(Evernote.Clip.constants.isIE){return(this.selection&&this.selection.htmlText&&this.selection.htmlText.length>0)}var a=this.getRange();if(a&&(a.startContainer!=a.endContainer||(a.startContainer==a.endContainer&&a.startOffset!=a.endOffset))){return true}return false};Evernote.SelectionFinder.prototype.find=function(a){var b=this._findSelectionInDocument(this.document,a);this.document=b.document;this.selection=b.selection};Evernote.SelectionFinder.prototype.getRange=function(){if(!this.selection||this.selection.rangeCount==0){return null}if(typeof this.selection.getRangeAt=="function"){return this.selection.getRangeAt(0)}else{var a=this.document.createRange();a.setStart(this.selection.anchorNode,this.selection.anchorOffset);a.setEnd(this.selection.focusNode,this.selection.focusOffset);return a}return null};Evernote.SelectionFinder.prototype._findSelectionInDocument=function(j,k){var b=null;var h=false;var f=null;try{f=(j.defaultView)?j.defaultView:window}catch(g){Evernote.logger.debug("Could not retrieve default view... using default window");f=window}if(typeof f.getSelection=="function"){b=f.getSelection();if(b&&typeof b.rangeCount!="undefined"&&b.rangeCount>0){h=true}}else{if(f.selection&&typeof f.selection.createRange=="function"){b=f.selection.createRange();if(typeof f.selection.type=="Text"&&typeof b.htmlText=="string"&&b.htmlText.length>0){h=true}}else{if(j.selection&&j.selection.createRange){b=j.selection.createRange();if(typeof j.selection.type=="Text"&&typeof b.htmlText=="string"&&b.htmlText.length>0){h=true}}}}if(b&&!h&&k){Evernote.logger.debug("Empty range, trying frames");var c=this.findNestedDocuments(j);Evernote.logger.debug("# of nested docs: "+c.length);if(c.length>0){for(var d=0;d<c.length;d++){if(c[d]){Evernote.logger.debug("Trying nested doc: "+c[d]);var a=this._findSelectionInDocument(c[d],k);if(a&&a.selection&&a.selection.rangeCount>0){return a}}}}}return{document:j,selection:b}};Evernote.ClipStylingStrategy=function(a){this.initialize(a)};Evernote.ClipStylingStrategy.prototype._verboseLog=false;Evernote.ClipStylingStrategy.prototype.initialize=function(a){this.window=a};Evernote.ClipStylingStrategy.prototype.styleForNode=function(b,a){return null};Evernote.ClipStylingStrategy.prototype.getNodeStyle=function(c,b,a){return Evernote.ClipStyle.getNodeStyle(c,b,a)};Evernote.ClipTextStylingStrategy=function(a){this.initialize(a)};Evernote.inherit(Evernote.ClipTextStylingStrategy,Evernote.ClipStylingStrategy);Evernote.ClipTextStylingStrategy.FORMAT_NODE_NAMES={b:null,big:null,em:null,i:null,small:null,strong:null,sub:null,sup:null,ins:null,del:null,s:null,strike:null,u:null,code:null,kbd:null,samp:null,tt:null,"var":null,pre:null,listing:null,plaintext:null,xmp:null,abbr:null,acronym:null,address:null,bdo:null,blockquote:null,q:null,cite:null,dfn:null};Evernote.ClipTextStylingStrategy.STYLE_ATTRS={font:null,text:null,color:null};Evernote.ClipTextStylingStrategy.prototype.isFormatNode=function(a){return(a&&a.nodeType==1&&typeof Evernote.ClipTextStylingStrategy.FORMAT_NODE_NAMES[a.nodeName.toLowerCase()]!="undefined")};Evernote.ClipTextStylingStrategy.prototype.hasTextNodes=function(b){if(b&&b.nodeType==1&&b.childNodes.length>0){for(var a=0;a<b.childNodes.length;a++){if(b.childNodes[a].nodeType==3){if(this._verboseLog){Evernote.logger.debug("Node "+b.nodeName+" has text nodes")}return true}}}return false};Evernote.ClipTextStylingStrategy.prototype.styleFilter=function(b){var a=Evernote.ClipStyle.stylePrefix(b.toLowerCase());if(typeof Evernote.ClipTextStylingStrategy.STYLE_ATTRS[a]!="undefined"){return true}else{if(this._verboseLog){Evernote.logger.debug("Filter excluding: "+b)}}};Evernote.ClipTextStylingStrategy.prototype.styleForNode=function(c,a){var b=null;if(this.isFormatNode(c)||this.hasTextNodes(c)){b=this.getNodeStyle(c,true,this.styleFilter)}return b};Evernote.ClipFullStylingStrategy=function(a){this.initialize(a)};Evernote.inherit(Evernote.ClipFullStylingStrategy,Evernote.ClipStylingStrategy);Evernote.ClipFullStylingStrategy.ALWAYS_KEEP={"*":["font","text","color","margin","padding"],img:["width","height","border"],li:["list","margin","padding"],ul:["list","margin","padding"],dl:["margin","padding"],dt:["margin","padding"],h1:["margin","padding"],h2:["margin","padding"],h3:["margin","padding"],h4:["margin","padding"],h5:["margin","padding"],h6:["margin","padding"],h7:["margin","padding"],h8:["margin","padding"],h9:["margin","padding"],form:["height","width","margin","padding"]};Evernote.ClipFullStylingStrategy.prototype.styleForNode=function(f,a){var b=null;if(f&&f.nodeType==1){b=this.getNodeStyle(f,true);if(a){if(this._verboseLog){Evernote.logger.debug("Deriving style...")}var e=this.getNodeStyle(f,false);var d=this.getNodeStyle(a,true);var c=(typeof Evernote.ClipFullStylingStrategy.ALWAYS_KEEP[f.nodeName.toLowerCase()]!="undefined")?Evernote.ClipFullStylingStrategy.ALWAYS_KEEP[f.nodeName.toLowerCase()]:Evernote.ClipFullStylingStrategy.ALWAYS_KEEP["*"];b.deriveStyle(d,e,c)}}return b};Evernote.CSSSelector=function(a){this.initialize(a)};Evernote.CSSSelector.P_TAGNAME=1;Evernote.CSSSelector.P_TAGTYPE=2;Evernote.CSSSelector.P_ID=3;Evernote.CSSSelector.P_CLASS=4;Evernote.CSSSelector.P_START_ATTR=5;Evernote.CSSSelector.P_ATTR_KVSEP=6;Evernote.CSSSelector.P_END_ATTR=7;Evernote.CSSSelector.P_MODIFIER=8;Evernote.CSSSelector.fromString=function(a){return new Evernote.CSSSelector(a)};Evernote.CSSSelector.fromElement=function(f){var g=new Evernote.CSSSelector();if(typeof f.nodeName=="string"){g.tagName=f.nodeName.toLowerCase()}try{var b=f.attributes;for(var d=0;d<b.length;d++){var a=b[d];var c=a.name.toLowerCase();if(c=="id"&&a.value){g.id=a.value}else{if(c=="class"&&a.value){g.classes=a.value.replace(/\s+/," ").split(" ")}else{if(g.attributes instanceof Array){g.attributes.push({name:c,value:a.value})}else{g.attributes=[{name:c,value:a.value}]}}}}}catch(h){}return g};Evernote.CSSSelector.prototype.tagName=null;Evernote.CSSSelector.prototype.tagType=null;Evernote.CSSSelector.prototype.id=null;Evernote.CSSSelector.prototype.classes=null;Evernote.CSSSelector.prototype.attributes=null;Evernote.CSSSelector.prototype.modifier=null;Evernote.CSSSelector.prototype.initialize=function(a){if(typeof a=="string"){this.parse(a)}};Evernote.CSSSelector.prototype.reset=function(){this.tagName=null;this.tagType=null;this.id=null;this.classes=null;this.attributes=null;this.modifier=null};Evernote.CSSSelector.prototype.parse=function(e){var a=0;var d=Evernote.CSSSelector.P_TAGNAME;e=Evernote.trim(e);this.reset();while(a<e.length){var f=e.charAt(a);if(f==":"){d=(a==0)?Evernote.CSSSelector.P_TAGTYPE:Evernote.CSSSelector.P_MODIFIER}else{if(f=="#"){d=Evernote.CSSSelector.P_ID}else{if(f=="."){d=Evernote.CSSSelector.P_CLASS;if(!this.classes){this.classes=new Array()}this.classes.push("")}else{if(f=="["){d=Evernote.CSSSelector.P_START_ATTR;if(!this.attributes){this.attributes=new Array()}this.attributes.push({name:"",value:null})}else{if(f=="="&&d==Evernote.CSSSelector.P_START_ATTR){d=Evernote.CSSSelector.P_ATTR_KVSEP}else{if(f=="]"){d=Evernote.CSSSelector.P_END_ATTR}else{if(d==Evernote.CSSSelector.P_TAGTYPE){this.tagType=(this.tagType)?this.tagType+f:f}else{if(d==Evernote.CSSSelector.P_TAGNAME&&f!="*"){this.tagName=(this.tagName)?this.tagName+f.toLowerCase():f.toLowerCase()}else{if(d==Evernote.CSSSelector.P_ID){this.id=(this.id)?this.id+f:f}else{if(d==Evernote.CSSSelector.P_CLASS){this.classes[this.classes.length-1]+=f}else{if(d==Evernote.CSSSelector.P_START_ATTR){var b=this.attributes[this.attributes.length-1];b.name+=f.toLowerCase()}else{if(d==Evernote.CSSSelector.P_ATTR_KVSEP){var b=this.attributes[this.attributes.length-1];b.value=(b.value)?b.value+f:f}else{if(d==Evernote.CSSSelector.P_MODIFIER){this.modifier=(this.modifier)?this.modifier+f:f}}}}}}}}}}}}}a+=1}this.update()};Evernote.CSSSelector.prototype.update=function(){if(this.classes){Evernote.cleanArray(this.classes,function(a){return(typeof a!="string"||Evernote.trim(a).length==0)});if(this.classes.length==0){this.classes=null}else{this.classes.sort()}}if(this.attributes){Evernote.cleanArray(this.attributes,function(a){return(typeof a.name!="string"||Evernote.trim(a.name).length==0)});if(this.attributes.length==0){this.attributes=null}else{this.attributes.sort(function(d,c){return d.name>c.name})}}};Evernote.CSSSelector.prototype.getAttributeMap=function(){var a={};if(this.attributes){for(var b=0;b<this.attributes.length;b++){a[this.attributes[b].name]=this.attributes[b].value}}return a};Evernote.CSSSelector.prototype.appliesTo=function(a){var c=null;if(a instanceof Evernote.CSSSelector){c=a}else{if(typeof a=="string"){c=Evernote.CSSSelector.fromString(a)}else{if(typeof a=="object"&&a!=null&&typeof a.nodeName=="string"){c=Evernote.CSSSelector.fromElement(a)}else{c=new Evernote.CSSSelector()}}}if(this.tagName&&this.tagName!=c.tagName){return false}if(this.tagType!=c.tagType){return false}if(this.id&&(this.id!=c.id)){return false}if(this.classes&&c.classes){for(var b=0;b<this.classes.length;b++){if(c.classes.indexOf(this.classes[b])<0){return false}}}else{if(this.classes&&!c.classes){return false}}if(this.attributes&&c.attributes){var d=c.getAttributeMap();for(var b=0;b<this.attributes.length;b++){if(typeof d[this.attributes[b].name]=="undefined"){return false}}}else{if(this.attributes&&!c.attributes){return false}}if(this.modifier&&this.modifier!=c.modifier){return false}return true};Evernote.CSSSelector.prototype.toString=function(){var b="";if(this.tagType){b+=":"+this.tagType}else{if(this.tagName){b+=this.tagName}}if(this.id){b+="#"+this.id}if(this.classes&&this.classes.length>0){b+="."+this.classes.join(".")}if(this.attributes&&this.attributes.length>0){for(var a=0;a<this.attributes.length;a++){b+="["+this.attributes[a].name+"="+this.attributes[a].value+"]"}}if(this.modifier){b+=":"+this.modifier}return b};Evernote.Ajax={options:{async:true,type:"GET",data:null,success:null,error:null,context:null,complete:null,timeout:10000},getXhr:function(){if(window.XMLHttpRequest&&(window.location.protocol!=="file:"||!window.ActiveXObject)){return new window.XMLHttpRequest()}else{try{return new window.ActiveXObject("Microsoft.XMLHTTP")}catch(a){}}return null},doRequest:function(c){var d=Evernote.extend(true,{},this.options,((typeof c=="object"&&c!=null)?c:{}));var h=this.getXhr();h.open(d.type,d.url,d.async);d.context=(d.context)?d.context:this;var g=function(e,i,j){if(typeof d.success=="function"){d.success.apply(d.context,[e,i,j])}};var b=function(j,i,e){if(typeof d.error=="function"){d.error.apply(d.context,[j,i,e])}};var a=(typeof d.complete=="function")?d.complete:function(e,i){if(e.status==200){g(e.responseText,i,e)}else{b(e,i,null)}};if(d.async){h.onreadystatechange=function(){if(h.readyState==4){a(h,h.statusText)}}}if(d.timeout){setTimeout(function(){if(h&&h.readyState<4){h.abort();b(h,h.statusText,"timeout")}},d.timeout)}if(!d.async){try{h.send(d.data);a(h,h.statusText)}catch(f){b(h,h.statusText,f)}}else{try{h.send(d.data)}catch(f){b(h,h.statusText,f)}}},get:function(a){var b=(typeof a=="object"&&a!=null)?a:{};b.type="GET";this.doRequest(a)}};Evernote.CLIP_OPTIONS={url:null,title:null,signature:null,header:null,footer:null,content:null,contentId:null,contentUrl:null,filter:null,suggestTags:null,suggestNotebook:null,providerName:null,code:null,latitude:null,longitude:null,styling:Evernote.ClipTextStylingStrategy};Evernote.CLIP_WINDOW_ATTRIBUTES={windowUrl:"",windowName:"evernoteClipWindow",windowOptions:"width=500,height=480,scrollbars=yes,resizable=yes"};Evernote.CLIP_FORM_ATTRIBUTES={action:Evernote.Config.getClipUrl(),method:"post",enctype:"multipart/form-data",encoding:"multipart/form-data","accept-charset":"UTF-8",id:"evernoteClipForm",target:Evernote.CLIP_WINDOW_ATTRIBUTES.windowName};Evernote.extend=function(){var b=arguments;var d=false;var f=0;if(typeof b[0]=="boolean"){d=b[0];f=1}var e=b[f];for(var c=(f+1);c<b.length;c++){if(typeof b[c]=="object"&&b[c]!=null){for(var a in b[c]){if(typeof b[c][a]=="object"&&b[c][a]!=null&&d){Evernote.extend(true,(typeof e[a]!="undefined")?e[a]:{},b[c][a])}else{e[a]=b[c][a]}}}}return e};Evernote.trim=function(a){if(typeof a=="string"){return a.replace(/^[\s\t]+/,"").replace(/[\s\t]+$/,"")}return a};Evernote.cleanString=function(a){if(typeof a=="string"){return Evernote.trim(a)}return""};Evernote.concatArrays=function(){if(arguments.length<=1){return arguments[0]}var c=new Array();for(var d=0;d<arguments.length;d++){c.push(arguments[d])}if(typeof Array.prototype.concat=="function"){return c[0].concat.apply(c[0],c.slice(1))}else{for(var d=1;d<c.length;d++){var b=c[d];for(var e=0;e<b.length;e++){c[0].push(b[e])}}return c[0]}};Evernote.createClipForm=function(h,p){var b=Evernote.extend({},Evernote.CLIP_OPTIONS,(typeof p=="object"&&p!=null)?p:{});var f=document.createElement("form");for(var o in Evernote.CLIP_FORM_ATTRIBUTES){if(typeof Evernote.CLIP_FORM_ATTRIBUTES[o]=="function"){f.setAttribute(o,Evernote.CLIP_FORM_ATTRIBUTES[o]())}else{if(Evernote.CLIP_FORM_ATTRIBUTES[o]!=null){f.setAttribute(o,Evernote.CLIP_FORM_ATTRIBUTES[o])}}}f.style.display="none";var d=(b.url)?b.url:h.location.href;if(!d){d=document.location.href}var n=(b.title)?b.title:h.title;if(!n){n=document.title}var g={title:Evernote.cleanString(n),htmlTitle:Evernote.Clip.unicodeEntities(Evernote.cleanString(n)),url:Evernote.cleanString(d),suggestTags:Evernote.cleanString(b.suggestTags),suggestNotebook:Evernote.cleanString(b.suggestNotebook),code:Evernote.cleanString(b.code),providerName:Evernote.cleanString(b.providerName)};if(Evernote.Clip.constants.isIE){var k=["title","suggestTags","suggestNotebook","providerName"];for(var j=0;j<k.length;j++){g[k[j]]=Evernote.Clip.unicodeEntities(g[k[j]])}g.charset="htmlentities"}var m=parseFloat(b.latitude);var c=parseFloat(b.longitude);if(typeof m=="number"&&!isNaN(m)&&m>=-90&&m<=90&&typeof c=="number"&&!isNaN(c)&&c>=-180&&c<=180){g.latitude=m;g.longitude=c}if(h&&h instanceof Evernote.Clip){g.content=h.content}for(var j in g){var l=document.createElement("input");l.setAttribute("type","hidden");l.setAttribute("name",j);l.value=g[j];Evernote.logger.debug(l);f.appendChild(l)}return f};Evernote.createClip=function(options){var opts=Evernote.extend({},Evernote.CLIP_OPTIONS,(typeof options=="object"&&options!=null)?options:{});if(typeof opts.styling=="string"){switch(opts.styling.toLowerCase()){case"none":opts.styling=null;break;case"text":opts.styling=Evernote.ClipTextStylingStrategy;break;case"full":opts.styling=Evernote.ClipFullStylingStrategy;break;default:opts.styling=Evernote.ClipTextStylingStrategy}}var clip=new Evernote.Clip(window,opts.styling);if(typeof opts.filter=="function"){clip.nodeFilter=opts.filter}else{if(typeof opts.filter=="string"){try{var _noteit_temp_F=undefined;eval("var _noteit_temp_F = "+opts.filter);if(typeof _noteit_temp_F=="function"){clip.nodeFilter=_noteit_temp_F}}catch(e){}}}var contentElement=null;if(typeof opts.content=="string"){clip.content=opts.content}else{if(Evernote.Clip.isHtmlElement(opts.content)){clip.clipElement(opts.content)}else{if(typeof opts.contentId=="string"&&(contentElement=window.document.getElementById(opts.contentId))){clip.clipElement(contentElement)}else{if(typeof opts.contentUrl=="string"){Evernote.Ajax.get({url:opts.contentUrl,async:false,success:function(data,status,xhr){clip.content=data},error:function(xhr,status,error){alert("Error retrieving clip content!");clip.content=""}})}else{contentElement=document.getElementsByTagName("BODY")[0];if(contentElement){clip.clipElement(contentElement)}else{clip.clipLink(opts.url,opts.title)}}}}}if(opts.signature){if(typeof opts.signature=="string"){clip.content+="<hr/>"+opts.signature}else{if(Evernote.Clip.isHtmlElement(opts.signature)){var signatureClip=new Evernote.Clip(window,opts.styling);signatureClip.clipElement(opts.signature);if(signatureClip.content){clip.content+="<hr/>"+signatureClip.content}}}}if(opts.header){if(typeof opts.header=="string"){clip.content=opts.header+clip.content}else{if(Evernote.Clip.isHtmlElement(opts.header)){var headerClip=new Evernote.Clip(window,opts.styling);headerClip.clipElement(opts.header);if(headerClip.content){clip.content=headerClip.content+clip.content}}}}if(opts.footer){if(typeof opts.header=="string"){clip.content+=opts.footer}else{if(Evernote.Clip.isHtmlElement(opts.footer)){var footerClip=new Evernote.Clip(window,opts.styling);footerClip.clipElement(opts.footer);if(footerClip.content){clip.content+=footerClip.content}}}}return clip};Evernote.doClip=function(m){var b=(typeof m=="object"&&m!=null)?m:{};if(typeof b.content=="undefined"&&typeof b.contentId=="undefined"&&typeof b.contentUrl=="undefined"){if(typeof b.filter!="function"){b.filter=function(n){if(typeof event=="object"&&event!=null&&event.target&&n==event.target){return false}for(var e=0;e<Evernote.Clip.filterMarkers.length;e++){if(Evernote.containsElementId(n,Evernote.Clip.filterMarkers[e])||Evernote.containsElementClass(n,Evernote.Clip.filterMarkers[e])){return false}}return true}}var l=[];b.content=(typeof event=="object"&&event!=null&&event.target)?Evernote.findParent(event.target,function(n){if(!Evernote.isHtmlElement(n)){return false}for(var e=0;e<Evernote.Clip.contentMarkers.length;e++){if(Evernote.isElementVisible(n)&&b.filter(n)){if(Evernote.containsElementClass(n,Evernote.Clip.contentMarkers[e])){l.push(n)}if(Evernote.containsElementId(n,Evernote.Clip.contentMarkers[e])||Evernote.hasElementClass(n,Evernote.Clip.contentMarkers[e])){b.styling="full";return true}}}return false}):document.getElementsByTagName("BODY")[0];if(!b.content&&l.length>0){b.content=l[l.length-1]}else{if(l.length>0){var h=l[l.length-1];var d=Evernote.getElementClassNames(h);var j=Evernote.findChildren(b.content,function(n){for(var e=0;e<d.length;e++){if(Evernote.hasElementClass(n,d[e])){return true}}return false},true);if(j.length>1){b.content=h}}}}var g=Evernote.createClip(b);var f=document.getElementById(Evernote.CLIP_FORM_ATTRIBUTES.id);if(f){f.parentNode.removeChild(f)}var c=Evernote.createClipForm(g,b);var i=document.getElementsByTagName("body")[0];var a=window.open(Evernote.CLIP_WINDOW_ATTRIBUTES.windowUrl,Evernote.CLIP_WINDOW_ATTRIBUTES.windowName,Evernote.CLIP_WINDOW_ATTRIBUTES.windowOptions);if(i){var f=document.getElementById(Evernote.CLIP_FORM_ATTRIBUTES.id);if(typeof f=="object"&&f!=null&&typeof f.parentNode=="object"&&typeof f.parentNode!=null){f.parentNode.removeChild(f)}i.appendChild(c);c.submit();try{a.window.focus()}catch(k){}}};

Tumblr「shareButtons」

<a class='share-inline-block share-button_passer-by198' href='//www.tumblr.com/share' target='_blank'>
        <span class='id133' title='Tumblr::Share'/></a>

Tumblr「JavaScript」

var Tumblr=window.Tumblr||{};(function(){Tumblr.share_on_tumblr=function(anchor){var advanced=anchor.href.match(/(www.)?tumblr(\.com)?(\:\d{2,4})?\/share(.+)?/i);advanced=(advanced[4]!==undefined&&advanced[4].length>1);var d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f="//www.tumblr.com/share",l=d.location,e=encodeURIComponent,p="?v=3&u="+e(l.href)+"&t="+e(d.title)+"&s="+e(s),u=f+p;if(advanced){u=anchor.href}try{if(!/^(.*\.)?tumblr[^.]*$/.test(l.host)){throw (0)}tstbklt()}catch(z){a=function(){if(!w.open(u,"t","toolbar=0,resizable=0,status=1,width=450,height=430")){l.href=u}};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}}void (0)};Tumblr.activate_share_on_tumblr_buttons=function(){var anchors=document.getElementsByTagName("a"),anchors_length=anchors.length,match=false,old_onclick;for(var i=0;i<anchors_length;i++){match=anchors[i].href.match(/(www.)?tumblr(\.com)?(\:\d{2,4})?\/share(.+)?/i);if(match){old_onclick=anchors[i].onclick;anchors[i].onclick=function(e){Tumblr.share_on_tumblr(this);if(old_onclick){old_onclick()}old_onclick=false;e.preventDefault()}}}};(function(i){var u=navigator.userAgent;var e=
/*@cc_on!@*/
false;var st=setTimeout;if(/webkit/i.test(u)){st(function(){var dr=document.readyState;if(dr=="loaded"||dr=="complete"){i()}else{st(arguments.callee,10)}},10)}else{if((/mozilla/i.test(u)&&!/(compati)/.test(u))||(/opera/i.test(u))){document.addEventListener("DOMContentLoaded",i,false)}else{if(e){(function(){var t=document.createElement("doc:rdy");try{t.doScroll("left");i();t=null}catch(e){st(arguments.callee,0)}})()}else{window.onload=i}}}})(Tumblr.activate_share_on_tumblr_buttons)}());

Pig image

時間帯別ぶた画像「JavaScript」

<script type="text/javascript">
var msg1='<h4 class="ribbon06 degrees" style="font-weight:900;position:absolute;top:-1px;right:-44px;width:80px;text-align:center">Midnight<span class="degrees" style="width:0;height:0;line-height:0;border-left:10px solid transparent;border-bottom:10px solid #9595ea;bottom:-7px;left:1px;position:absolute"></span><span class="degrees" style="width:0;height:0;line-height:0;border-left:10px solid transparent;border-bottom:10px solid #9595ea;bottom:-7px;right:1px;position:absolute"></span></h4><img alt="sleep" width="64" height="64" style="position:absolute;top:13px;left:660px;" src="URL" />';var msg2='<h4 class="ribbon04 degrees" style="font-weight:900;position:absolute;top:-1px;right:-44px;width:80px;text-align:center">Morning<span class="degrees" style="width:0;height:0;line-height:0;border-left:10px solid transparent;border-bottom:10px solid #eaea95;bottom:-7px;left:1px;position:absolute"></span><span class="degrees" style="width:0;height:0;line-height:0;border-left:10px solid transparent;border-bottom:10px solid #eaea95;bottom:-7px;right:1px;position:absolute"></span></h4><img alt="wakeup" width="64" height="64" style="position:absolute;top:13px;left:660px;" src="URL" />';var msg3='<h4 class="ribbon03 degrees" style="font-weight:900;position:absolute;top:-1px;right:-44px;width:80px;text-align:center">9-5 Working<span class="degrees" style="width:0;height:0;line-height:0;border-left:10px solid transparent;border-bottom:10px solid #ea9595;bottom:-7px;left:1px;position:absolute"></span><span class="degrees" style="width:0;height:0;line-height:0;border-left:10px solid transparent;border-bottom:10px solid #ea9595;bottom:-7px;right:1px;position:absolute"></span></h4><img alt="working" width="64" height="64" style="position:absolute;top:13px;left:660px;" src="URL" />';var msg4='<h4 class="ribbon05 degrees" style="font-weight:900;position:absolute;top:-1px;right:-44px;width:80px;text-align:center">Twilight<span class="degrees" style="width:0;height:0;line-height:0;border-left:10px solid transparent;border-bottom:10px solid #95ea95;bottom:-7px;left:1px;position:absolute"></span><span class="degrees" style="width:0;height:0;line-height:0;border-left:10px solid transparent;border-bottom:10px solid #95ea95;bottom:-7px;right:1px;position:absolute"></span></h4><img alt="twilight" width="64" height="64" style="position:absolute;top:13px;left:660px;" src="URL" />';var msg5='<h4 class="ribbon02 degrees" style="font-weight:900;position:absolute;top:-1px;right:-44px;width:80px;text-align:center">Prime Time<span class="degrees" style="width:0;height:0;line-height:0;border-left:10px solid transparent;border-bottom:10px solid #95bfea;bottom:-7px;left:1px;position:absolute"></span><span class="degrees" style="width:0;height:0;line-height:0;border-left:10px solid transparent;border-bottom:10px solid #95bfea;bottom:-7px;right:1px;position:absolute"></span></h4><img alt="primetime" width="64" height="64" style="position:absolute;top:13px;left:660px;" src="URL" />';var now=new Date();var hour=now.getHours();if(hour>=0&&hour<=3){document.write(msg1)}if(hour>=4&&hour<=8){document.write(msg2)}if(hour>=9&&hour<=16){document.write(msg3)}if(hour>=17&&hour<=18){document.write(msg4)}if(hour>=19&&hour<=23){document.write(msg5)};
</script>

PopUp「About Me」

PopUp「About Me」/「HTML」

<div class="dialog09" title="About Me / passer-by198">
<span class="id138 flip" title="日の丸"></span> 北海道旭川在住<br />
<br />
元…音楽系サイトの管理人でオヤヂな暇人…<span class="id164 flip" title="微笑み"></span><br />
<br />
イマジンを…<br />
聴いて育って…<br />
今、暇人…<br />
<br />
…お粗末ｯ<span class="id51 flip" title="！"></span>…(￣ー￣) 邪笑®<br />
<br />
<br />
<span class="id101 flip" title="Pin"></span>  <span class="color-sg font16"><b>運営サイト</b></span>  <span class="id102 flip" title="Pin"></span><br />
<br />
<span class="light light-b"><a href="//passer-by198.blogspot.com/" target="_blank"><span class="id112 flip" title="Sepia Icon"></span> Dégustation? : Sepia Memories on YouTube  <span class="id30" title="別窓で開きます"></span></a></span>
<br />
<span class="light light-r"><a href="//passer-by198-infinity.blogspot.com/" target="_blank"><span class="id15 flip" title="Infinity Icon"></span> Dégustation? : Time goes by...INFINITY  <span class="id30" title="別窓で開きます"></span></a></span>
<br />
<span class="light light-g"><a href="//passer-by198-depressing.blogspot.com/" target="_blank"><span class="id76 flip" title="Depressing Icon"></span> Dégustation? : Depressing News  <span class="id30" title="別窓で開きます"></span></a></span>
</div>
<img alt="About Me" class="show-dialog09" title="About Me" width="140" height="50" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAyCAMAAAC53sMJAAABXFBMVEUAAAAAlP8AlP8AlP8mIiMAlP8AlP8JBQYTDw8BAACrra8AlP8AlP8AlP8AlP8eN08AlP/n5+gAlP8AlP8AlP8AlP8XExPg4OEjHyAAk/8Agv8Ak/8AlP+pq60AAABnZ2kiICEAk/8CAgIAk/8AAAAAAAB3d3nW19nZ2doAXv+ZmZsAk/+MjI8Ak/8Ak/+mp6gAk/8AXv8AXv8AXv8AXv8AXv8AXv8/Pj8Ak/8Ak//AwcIAk/8Ak/8AXv+5urwAXv/Oz9DHyMnOztDIycv/y5gAlP8AAAAAk///////mJjLmGX7+/z19fY+PT/y8vNCQkTL///j5ORlZWf4+PkAXv+3t7iyf0xjY2X/5bLIx8jv7/A2NDYwLjC6u7yymEz/mLI5ODpubm8qJyjq6+sfHR69vb6vr69UU1T/5ZhKSUpdXF2XlpeJiImRkJF7envBwcGpqKihoKHQ0NH/f5gkFr5qAAAARHRSTlMAvf3VUnbpFwoxsDBYEzwDIv6qSpZnEf4HhBziha0icEmzOmUcKHrw/G6XbofP8aSgMuyas0bPVmxSzcgMWcGD3dDh1c7nv68AAAaYSURBVFjD1Jbba+JAFId9KKh9EV+iFBpFvK0U+lR26cOylxJPTTIhpqnNRZubprkYL///w86Y2GyV7caiLPuBh8lvhPk84+jk/idK1QKVPwCKqpZyp6FUyNON+tkB1Bt0vnASnRJF13vfu2JCeQcxpbKl87N3RlOlU7i0ah1OkiQ2AXaJY2kDl4A67dYJbAp0zZYkiBdjX4ktUo9UBSHEsRwqt+nC0RuT/9zFqyzN0ZAQ1+1whF+4xOkoZRiUcW/q+dKxG9O65iRkajyvgMnzPAT8Lu6MVAUCUrqbSPMrnNprHbs1VL3DwVwXhAggFAQTTGEXcUoqQIBn0SzOdJO0hjr2LrXLku0ZPC9OyUcPQAHciBWCqceH4OFYBJKMSGcUBUW8KYLi8caas2tH3qdq88pmu5phBOAqimEoyAvBXyHfE2cGDlyIhjA0DCMKIHABz7loRuZ0WbLb+WqOwBA2NR18qDNEpqLpAlpp466mwVzDi6OlpimKAKEWgTsHQdO01bw7Xooh0rAPntOsKZEpbVTuCcxdQvLIfOgwiRw7cpZA0Ecw101wcdVFOQJPX4q6LOoYJVJEiGRFnwNGsQQbiZttwmvvyxA+YEMVbzl27UNoWdgiBNlYLyxRtiLwl2CYsLQqCwsDfggVSw3xuwTLcpwZq942qNz7MsyGQ740NRuBWnYcxwV/sVjAQne8NVRMx1fVFfjODCqO44Frgomr48wBZi52sWvNau7VhplsZSZJgImDxIfJ1JprDoG0lgnjV6YbyEgey7soNqui8yKVi2We7xniktrg6JlhBmlEzLLYVPONS1XiIDPkXwIh9Ws9HzdmwjwzE+KS2pBowAyefsvIIctkU2x/s1UUw+2Dtqhb7PKPq8b2XL8MmMnL3RteJtiEdCaFybhRVYpu1K7PYy4J5wnpKE0IvVqDphIXvNDj3Q4kenpi3uRM5tsV1WwVs9OimxS+WyUyf+RwmfTieQBVYvJ3mcHbx9yJIS5HaE1GHh4+/SOZm5u9qN+/yCCTaZ8eD7L50t+LLvo4e4/0R/YwmV/VV01r3DAQlRHWxZZrZPuwiS8hpxJa0g8KpS29dCyaUw7Lsrdc997/D31vZNVLlhCHJIc+2NFotJp5mhkpm02M8R3Gz7EsoFxh6s4Q711SIlGZzWzW9aqLYQ2Z6fb2diKjxEnlaQffLGwuIvHFmPcc32x0es5CEJs0mj6br1R5Hy+PeufTdntKRrkQyy+JGfsHySD4V3NFbzh5S1mZKkb9mGuGD/FsMb+J8ZoCNuLDdvvBmI/bjw+ROWXD4LsHyNh4oSNDteR2Dj13xFcscrKYa86YnhV3G2Qym+mIzM29xPAP6L9rUec2tZDnMcF8H1k2VMNjspgtCkdu1+vInGZmtzvp6R3IZjI+Kd9iqWS6bC+/6+JlDIsZCrmD5KNk/rGZ7oj5t8R9Kjo77P9Mc9AN4m2rOUVFjLT1jRaH4gKBIdQcQBlKj5Z5jMvNtN/vbyYAgvKQuGBYsN/jW5D7X9PRZXKsRuochU8jbTptKUnhMtsVP7ZbvVGfT7jcHcABbAAIgBFB7nCYa7XbqXmaIDBdrjbb9C38Eh1v8FkybyJsPyNlNqu95EtA8E7r9T4lc5cjHQPmA1no/y3HMK+KiQgy3cfvQ4rte5GiNUmxnXl9iLSnJEV6jFYAmxWpzGujEnff1BSIjItSI34r0phGpPNOSrMShQyFOGayDSKunH26GspgRWxFC5ZChVGKmicmail6/VohDaZOGoR2mq4gI82lKcUmZSWEoAuflA4RFQ1cKbzpdHRgJ5ZHV/R54yiDUjNDqJmuObyDqLCOT7c62TIwfI2Izns3H6e1toTPkbno4Lf3DekFioRsHMyQQtcpXUHJBFhpJmOsrASznjOpSk03tmRvsjaDN0wMpAOPI8ctjbqxkQA3bk7XQKc5yfXT+ndUGhayLYvCcafncei0KpZyqQYCqT4avsgbobmZpdPI3GFRoZbkRxx3JTQn7PwKG6ua0TAfXFKqURCpZNylCFZYgZ7GVo8tkhOjbHNL2dS/9LkSIta3VtzcKYgQ0Av00BbMDmN2COkDlB4kMiyNhThVc5k7pT2I8x2rVELxVsL6xyJVAB4UZS74mK9Ltzxddmlfnzem3hJ/VPRWiJ7K2p7Jie+c2CY93H3gKTo7vzel07c8rRVopqOEdzI2uhEoeQYis4VLp5YKrsKT+veZYJWZmOeDr+czka7eS+AFzuRYpP8MfwEL5/f5lY6tBwAAAABJRU5ErkJggg==" />

Remove「inline css」

「Header1」の「HTML」

<b:widget id='Header1' locked='true' title='Dégustation?: Sepia (Header)' type='Header'>
  <b:includable id='main'>
    <b:if cond='data:useImage'>
      <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
        <!--
Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth vs scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-widths worth of pixels being cropped. If the user is not using shrink to fit then we expand the header.
-->
        <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
          <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl +   &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        +   data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                          + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                          + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
        <b:else/>
        <!--Show the image only-->
        <div id='header-inner'>
          <a expr:href='data:blog.homepageUrl' style='display: block'>
            <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId +   &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
          </a>
          <!--Show the description-->
          <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
            <b:include name='description'/>
          </b:if>
        </div>
      </b:if>
      <b:else/>
      <!--No header image -->
      <div id='header-inner'>
        <div class='titlewrapper'>
          <h1 class='title'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  </b:includable>
  <b:includable id='description'>
    <div class='descriptionwrapper'>
      <p class='description'>
        <span>
          <data:description/>
        </span>
      </p>
    </div>
  </b:includable>
  <b:includable id='title'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <data:title/>
      <b:else/>
      <a expr:href='data:blog.homepageUrl'>
        <data:title/>
      </a>
    </b:if>
  </b:includable>
</b:widget>

「Popular Posts」の「HTML」

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
  <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='side-r'>
        <span class='light light-r'>
          <a title='人気の投稿'>
            Popular Posts
          </a>
        </span>
      </h2>
      <br class='clear'/>
    </b:if>
    <div class='widget-content popular-posts ui-corner-bottom'>
      <ul>
        <b:loop values='data:posts' var='post'>
          <li>
            <b:if cond='data:showThumbnails == &quot;false&quot;'>
              <b:if cond='data:showSnippets == &quot;false&quot;'>
                <!-- (1) No snippet/thumbnail -->
                <a expr:href='data:post.href'>
                  <data:post.title/>
                </a>
                <b:else/>
                <!-- (2) Show only snippets -->
                <div class='item-title'>
                  <a expr:href='data:post.href'>
                    <data:post.title/>
                  </a>
                </div>
                <div class='item-snippet'>
                  <data:post.snippet/>
                </div>
              </b:if>
              <b:else/>
              <b:if cond='data:showSnippets == &quot;false&quot;'>
                <!-- (3) Show only thumbnails -->
                <div class='item-thumbnail-only'>
                  <b:if cond='data:post.thumbnail'>
                    <div class='item-thumbnail'>
                      <a expr:href='data:post.href' target='_blank'>
                        <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                      </a>
                    </div>
                  </b:if>
                  <div class='item-title'>
                    <a expr:href='data:post.href'>
                      <data:post.title/>
                    </a>
                  </div>
                </div>
                <div class='clear'/>
                <b:else/>
                <!-- (4) Show snippets and thumbnails -->
                <div class='item-content'>
                  <b:if cond='data:post.thumbnail'>
                    <div class='item-thumbnail'>
                      <a expr:href='data:post.href' target='_blank'>
                        <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                      </a>
                    </div>
                  </b:if>
                  <div class='item-title'>
                    <a expr:href='data:post.href'>
                      <data:post.title/>
                    </a>
                  </div>
                  <div class='item-snippet'>
                    <data:post.snippet/>
                  </div>
                </div>
                <div class='clear'/>
              </b:if>
            </b:if>
          </li>
        </b:loop>
      </ul>
    </div>
  </b:includable>
</b:widget>

Related Posts

Related Posts「CSS」

#related-posts{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAAtJREFUCNdjoDIAAABQAAGAw7uHAAAAAElFTkSuQmCC) repeat;border-top:1px solid #555;border-right:2px solid #999;border-bottom:2px solid #999;border-left:1px solid #555}
#related-posts h2{margin:7px 0 0 5px;color:#77f;font:14px bold italic}
#related-posts ul{padding:0 5px 0 35px}
#related-posts ul li{list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAMAAADTRh9nAAAAVFBMVEUAAAAudKfz8/MudKcudKcudKfz8/MudKcudKfz8/Pz8/Pz8/MudKfz8/Pz8/Pz8/Pz8/MudKcudKeWt8/z8/Pz8/MudKfz8/PW4ehDgrCHrcmOssxyCvxxAAAAFnRSTlMAKYD46AWoMczoHZofSEHEiXxcPhppnqVptwAAAF9JREFUGNNlylcShDAMBNHZJdnkKNL97wm4SiNCf75qaO1sgf2/+OtvqhZJl/snZpGI7Ha65DQJbURxSbCgRHGirQvxZQ3RLEVFNANqYjz40wpcETPkXs3OEuMEoql2ACksEjtckjIRAAAAAElFTkSuQmCC);font-size:11px;font-weight:normal;font-style:italic}
#related-posts ul li a{color:#9a9;position:relative;top:-3px}
#related-posts ul li a:hover{color:#f15b55}
#related-posts span{vertical-align:top}

Related Posts「JavaScript」

/* Related Posts */
function RelatedPostsInfinity(a){(function(e){var f={blogURL:"",maxPosts:15,maxTags:2,maxPostsPerTag:10,containerSelector:"#footer-wrapper-left",tags:null,loadingText:"Loading...",loadingClass:"",relevantTip:"",relatedTitle:"<span class='id113 tips' title='Related Posts'></span>",recentTitle:"<span class='id77 tips' title='Recent Posts'></span>",postScoreClass:"",onLoad:false,post_page_only:1};f=e.extend({},f,a);var k=0,b=null,g=null;if(!f.containerSelector){document.write('<div id="related-posts" class="ui-corner-all"></div>');f.containerSelector="#related-posts .ui-corner-all"}var c=function(p,l){k++;if(p.feed.entry){for(var o=0;o<p.feed.entry.length;o++){var q=p.feed.entry[o];var n="";for(var m=0;m<q.link.length;m++){if(q.link[m].rel=="alternate"){n=q.link[m].href;break}}var r=q.title.$t;if(location.href.toLowerCase()!=n.toLowerCase()){i(n,r)}}}if(k>=f.tags.length){g.attr("class","");e("#related-posts-loadingtext",b).remove();if(f.maxPosts>0){e("li:gt("+(f.maxPosts-1)+")",g).remove()}}};var i=function(o,s){var q=e("li",g);for(var p=0;p<q.length;p++){var l=e("a",q.eq(p));var r=j(l);if(l.attr("href")==o){h(l,++r);for(var n=p-1;n>=0;n--){var m=e("a",q.eq(n));if(j(m)>r){if(p-n>1){q.eq(n).after(q.eq(p))}return}}if(p>0){q.eq(0).before(q.eq(p))}return}}g.append('<li><a href="'+o+'" title="'+(f.relevantTip?f.relevantTip.replace("\d",1):"")+'">'+s+"</a></li>")};var j=function(l){var m=parseInt(l.attr("score"));return m>0?m:1};var h=function(l,m){l.attr("score",m);if(f.relevantTip){l.attr("title",f.relevantTip.replace("\d",m))}if(f.postScoreClass){l.attr("class",f.postScoreClass+m)}};var d=function(){if(f.containerSelector!="#related-posts .ui-corner-all"){var l=e(f.containerSelector);if(l.length!=1){return}b=e('<div id="related-posts" class="ui-corner-all"></div>').appendTo(l)}else{b=e(f.containerSelector)}if(!f.tags){f.tags=[];e('a[rel="tag"]:lt('+f.maxTags+")").each(function(){var n=e.trim(e(this).text().replace(/\n/g,""));if(e.inArray(n,f.tags)==-1){f.tags[f.tags.length]=n}})}if(f.tags.length==0&&!f.recentTitle){return}if(f.tags.length==0){e("<h2>"+f.recentTitle+"</h2>").appendTo(b)}else{if(f.relatedTitle){e("<h2>"+f.relatedTitle+"</h2>").appendTo(b)}}if(f.loadingText){e('<div id="related-posts-loadingtext">'+f.loadingText+"</div>").appendTo(b)}g=e("<ul "+(f.loadingClass?'class="'+f.loadingClass+'"':"")+"></ul>").appendTo(b);if(f.tags.length==0){e.ajax({url:f.blogURL+"/feeds/posts/summary/",data:{"max-results":f.maxPostsPerTag,alt:"json-in-script"},success:c,dataType:"jsonp",cache:true})}else{for(var m=0;m<f.tags.length;m++){e.ajax({url:f.blogURL+"/feeds/posts/summary/",data:{category:f.tags[m],"max-results":f.maxPostsPerTag,alt:"json-in-script"},success:c,dataType:"jsonp",cache:true})}}};if(f.onLoad){e(window).load(d)}else{e(document).ready(d)}})(jQuery)}RelatedPostsInfinity();

Tips Header Sidebar Main Footer Current-Label : Universal