tidiochat

<b></b>

<![CDATA[/*

Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Date: 23 Feb 2004
Updated by: Blogger Team
———————————————– */

/* Variable definitions
====================

*/

/* Primary layout */

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
background: #692 url(https://resources.blogblog.com/blogblog/data/moto_son/outerwrap.gif) top center repeat-y;
font-size: small;
}

img {
border: 0;
display: block;
}

.clear {
clear: both;
}
/* Wrapper */

#outer-wrapper {
margin: 0 auto;
border: 0;
width: 692px;
text-align: $startSide;
background: $mainBgColor url(https://resources.blogblog.com/blogblog/data/moto_son/innerwrap.gif) top $endSide repeat-y;
font: $bodyFont;
}

/* Header */

#header-wrapper {
background: #8b2 url(https://resources.blogblog.com/blogblog/data/moto_son/headbotborder.gif) bottom $startSide repeat-x;
margin: 0 auto;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: 15px;
padding-$startSide: 0;
border: 0;
}

#header h1 {
text-align: $startSide;
font-size: 200%;
color: $pageHeaderColor;
margin: 0;
padding-top: 15px;
padding-$endSide: 20px;
padding-bottom: 0;
padding-$startSide: 20px;
background-image: url(https://resources.blogblog.com/blogblog/data/moto_son/topper.gif);
background-repeat: repeat-x;
background-position: top $startSide;
}

h1 a, h1 a:link, h1 a:visited {
color: $pageHeaderColor;
}

#header .description {
font-size: 110%;
text-align: $startSide;
padding-top: 3px;
padding-$endSide: 20px;
padding-bottom: 10px;
padding-$startSide: 23px;
margin: 0;
line-height:140%;
color: $blogDescriptionColor;
}

/* Inner layout */

#content-wrapper {
padding: 0 16px;
}

#main {
width: 400px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE /
overflow: hidden; / fix for long non-text content breaking IE sidebar float */
}

#sidebar {
width: 226px;
float: $endSide;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE /
overflow: hidden; / fix for long non-text content breaking IE sidebar float */
}

/* Bottom layout */

#footer {
clear: $startSide;
margin: 0;
padding: 0 20px;
border: 0;
text-align: $startSide;
border-top: 1px solid #f9f9f9;
}

#footer .widget {
text-align: $startSide;
margin: 0;
padding: 10px 0;
background-color: transparent;
}

/* Default links */

a:link, a:visited {
font-weight: bold;
text-decoration: none;
color: $linkColor;
background: transparent;
}

a:hover {
font-weight: bold;
text-decoration: underline;
color: $hoverLinkColor;
background: transparent;
}

a:active {
font-weight : bold;
text-decoration : none;
color: $hoverLinkColor;
background: transparent;
}

/* Typography */

.main p, .sidebar p, .post-body {
line-height: 140%;
margin-top: 5px;
margin-bottom: 1em;
}

.post-body blockquote {
line-height:1.3em;
}

h2, h3, h4, h5 {
margin: 0;
padding: 0;
}

h2 {
font-size: 130%;
}

h2.date-header {
color: $dateHeaderColor;
}

.post h3 {
margin-top: 5px;
font-size: 120%;
}

.post-footer {
font-style: italic;
}

.sidebar h2 {
color: $sidebarHeaderColor;
}

.sidebar .widget {
margin-top: 12px;
margin-$endSide: 0;
margin-bottom: 13px;
margin-$startSide: 0;
padding: 0;
}

.main .widget {
margin-top: 12px;
margin-$endSide: 0;
margin-bottom: 0;
margin-$startSide: 0;
}

li {
line-height: 160%;
}

.sidebar ul {
margin-$startSide: 0;
margin-top: 0;
padding-$startSide: 0;
}

.sidebar ul li {
list-style: disc url(https://resources.blogblog.com/blogblog/data/moto_son/diamond.gif) inside;
vertical-align: top;
padding: 0;
margin: 0;
}

.widget-content {
margin-top: 0.5em;
}

/* Profile
———————————————– */

.profile-datablock {
margin-top: 3px;
margin-$endSide: 0;
margin-bottom: 5px;
margin-$startSide: 0;
line-height: 140%;
}
.profile-textblock {
margin-$startSide: 0;
}

.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border:4px solid #8b2;

}

#comments {
border: 0;
border-top: 1px dashed #eed;
margin-top: 10px;
margin-$endSide: 0;
margin-bottom: 0;
margin-$startSide: 0;
padding: 0;
}

#comments h4 {
margin-top: 10px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
letter-spacing: 1px;
}

#comments dl dt {
font-weight: bold;
font-style: italic;
margin-top: 35px;
padding-top: 1px;
padding-$endSide: 0;
padding-bottom: 0;
padding-$startSide: 18px;
background: transparent url(https://resources.blogblog.com/blogblog/data/moto_son/commentbug.gif) top $startSide no-repeat;
}

#comments dl dd {
padding: 0;
margin: 0;
}

.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

/** Page structure tweaks for layout editor wireframe */

body#layout #outer-wrapper {
padding-top: 0;
}
body#layout #header,
body#layout #content-wrapper,
body#layout #footer {
padding: 0;
}
]]>

Open chat!

document.tidioIdentify = {
distinct_id: '1',
email: 'example@mail.com',
first_name: 'John',
last_name: 'Doe'
};

function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}

https://apis.google.com/js/plusone.js

  gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
    if (gapi.iframes && gapi.iframes.getContext) {
      gapi.iframes.getContext().openChild({
          url: 'https://draft.blogger.com/navbar.g?targetBlogID\x3d7703991002488766492\x26blogName\x3d%E8%9B%8B%E9%BB%83%E6%B2%B9%E5%8D%B5%E7%A3%B7%E8%84%82%E5%8D%B5%E6%B2%B9\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://haonature.blogspot.com/search\x26blogLocale\x3dzh_TW\x26v\x3d2\x26homepageUrl\x3dhttps://haonature.blogspot.com/\x26vt\x3d3885411683356126812',
          where: document.getElementById("navbar-iframe-container"),
          id: "navbar-iframe"
      });
    }
  });

(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();

skip to main |
skip to sidebar

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbca8P1lZygSrL5En1KKiJqddRg4yRVwoTXhtsOWmLiBMseKYqbX0be_7P94Wr_FIqPiLwSspaRi7S9uCe1XqYccP48VTrPcUY0asdUKTjWz8smMnhkZXrqf7vkEqWbmcP8o17uACtuaw/s1600/27459731_1763874537010479_7708145788157803620_n.jpg
160
684
true
false
BEHIND
160

true
#555544
false
true
#555544
true
#669922
TextAndImage
#ffffff
false
1×1
true
true
true
1
false
#ffffff
false
false

</div></div>

 

        <b id='feedLinks'>

        <b id='feedLinksBody'>

()

</b><b>
  <a></a>
</b>


        <b id='mobile-index-post'>









›









  <b></b>

  <b>
    </b><b>
      <b></b>
    </b>
  <b></b>
    <b>
      <b></b>
    </b>
  </div></b>

        <b id='mobile-nextprev'>

          <span class='post-timestamp'>
            <b>

              </b><b>

                <a class='timestamp-link' rel='bookmark' title='permanent link'><abbr class='published'></abbr></a>
              </b>

          </span>

          <span class='post-comment-link'>
            <b></b>
          </span>


        

</b> <b>

</b> </div> <b></b> <b id='nextprev'>














  <span class='post-timestamp'>
    <b>

      </b><b>

        <a class='timestamp-link' rel='bookmark' title='permanent link'><abbr class='published'></abbr></a>
      </b>

  </span>

  <span class='reaction-buttons'>
    <b>
      <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
        <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
          <span class='reactions-label'>
          </span> </td>
        <td></td>
       </tr></table>
    </b>
  </span>

  <span class='post-comment-link'>
    <b></b>
  </span>

   <!-- backlinks -->
   <span class='post-backlinks post-comment-link'>
     <b>
       <a class='comment-link'></a>
     </b>
   </span>

  <span class='post-icons'>
    <!-- email post links -->
    <b>
      <span class='item-action'>
      <a>
        <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18' />
      </a>
      </span>
    </b>

    <!-- quickedit pencil -->
    <b></b>
  </span>

  <!-- share buttons -->
  

 
  <b>
    

<span></span> </div> </b> <b id='postQuickEdit'>









        <b id='shareButtons'>

        <b id='status-message'>

        <b id='threaded-comment-form'>

BLOG_CMT_createIframe('');

(function() {
  var items = ;
  var msgs = ;
  var config = ;

// 0) {
cursor = parseInt(items[items.length – 1].timestamp) + 1;
}

  var bodyFromEntry = function(entry) {
    var text = (entry &&
                ((entry.content && entry.content.$t) ||
                 (entry.summary && entry.summary.$t))) ||
        '';
    if (entry && entry.gd$extendedProperty) {
      for (var k in entry.gd$extendedProperty) {
        if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
          return '<span class="deleted-comment">' + text + '</span>';
        }
      }
    }
    return text;
  }

  var parse = function(data) {
    cursor = null;
    var comments = [];
    if (data &amp;&amp; data.feed &amp;&amp; data.feed.entry) {
      for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
        var comment = {};
        // comment ID, parsed out of the original id format
        var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
        comment.id = id ? id[2] : null;
        comment.body = bodyFromEntry(entry);
        comment.timestamp = Date.parse(entry.published.$t) + '';
        if (entry.author &amp;&amp; entry.author.constructor === Array) {
          var auth = entry.author[0];
          if (auth) {
            comment.author = {
              name: (auth.name ? auth.name.$t : undefined),
              profileUrl: (auth.uri ? auth.uri.$t : undefined),
              avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
            };
          }
        }
        if (entry.link) {
          if (entry.link[2]) {
            comment.link = comment.permalink = entry.link[2].href;
          }
          if (entry.link[3]) {
            var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
            if (pid &amp;&amp; pid[1]) {
              comment.parentId = pid[1];
            }
          }
        }
        comment.deleteclass = 'item-control blog-admin';
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
              comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
            } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
              comment.displayTime = entry.gd$extendedProperty[k].value;
            }
          }
        }
        comments.push(comment);
      }
    }
    return comments;
  };

  var paginator = function(callback) {
    if (hasMore()) {
      var url = config.feed + '?alt=json&amp;v=2&amp;orderby=published&amp;reverse=false&amp;max-results=50';
      if (cursor) {
        url += '&amp;published-min=' + new Date(cursor).toISOString();
      }
      window.bloggercomments = function(data) {
        var parsed = parse(data);
        cursor = parsed.length 

true true #000000 #000000 #555544 #555544 #FFFFFF #000000 #000000





      
        
          HIERARCHY
          yyyy
          true
          MMMM
          MMM dd
          MM/dd
          false
          true
          MONTHLY

        

• 
  
  
• ()

• 
  
  
  

  
  ()
  
  

        



   ()



        

▼ 

◄ 

► 

      
        
          true
          false

        

  

</b> </dt> <b> <dd class='profile-data'></dd> </b> <b><dd class='profile-textblock'></dd></b> </dl> <a class='profile-link' rel='author'></a> <b></b> </div> </div> <!-- spacer for skins that want sidebar and main to be the same height-->

 

<!-- end content-wrapper -->