API tools faq
paste
Advertisement
nghia95vp

Untitled

nghia95vp
Apr 28th, 2016
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 254.87 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' expr:class='&quot;v2 &quot; + data:blog.mobileClass' expr:dir='data:blog.languageDirection' id='mkrflathtml' itemscope='' itemtype='http://schema.org/Article' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>
  4. <head>
  5. <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  6. <b:include data='blog' name='all-head-content'/>
  7. <title>
  8. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  9. <data:blog.pageTitle/>
  10. <b:else/>
  11. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  12. <data:blog.pageName/> | <data:blog.title/>
  13. <b:else/>
  14. 404 | <data:blog.title/>
  15. </b:if>
  16. </b:if>
  17. </title>
  18. <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  19. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  20. <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
  21. <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  22. </b:if>
  23. <b:if cond='data:blog.postImageUrl'>
  24. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  25. <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
  26. <meta expr:content='data:blog.postImageUrl' itemprop='image'/>
  27. <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'>
  28. <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
  29. <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
  30. <meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
  31. </b:if></b:if>
  32. <!-- Metadata Facebook -->
  33. <meta expr:content='data:blog.title' property='og:site_name'/>
  34. <meta expr:content='data:blog.pageTitle' property='og:title'/>
  35. <meta content='article' property='og:type'/>
  36. <meta expr:content='data:blog.url' property='og:url'/>
  37. <meta content='218168578325095' property='fb:app_id'/>
  38. <meta content='100002549773049' property='fb:admins'/>
  39. <!-- Metadata Twitter -->
  40. <meta name='twitter:card' value='summary'/>
  41. <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  42. <meta content='@publisher_handle' name='twitter:site'/>
  43. <meta content='@author_handle' name='twitter:creator'/>
  44. <!-- Google Authorship and Publisher Markup -->
  45. <link href='https://plus.google.com/[Google+_Profile]/posts' rel='author'/>
  46. <link href='https://plus.google.com/[Google+_Page_Profile]' rel='publisher'/>
  47. <!-- Schema.org markup for Google+ -->
  48. <meta expr:content='data:blog.pageTitle' itemprop='name'/>
  49. <!--[if lt IE 9]>
  50. <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  51. <![endif]-->
  52. <style scope='' type='text/css'>
  53. <!--
  54. @font-face {
  55. font-family: 'Oswald';
  56. font-style: normal;
  57. font-weight: 400;
  58. src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
  59. }
  60. /*!
  61. * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
  62. * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  63. */
  64. @font-face{font-family:'FontAwesome';src:url('http://netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.eot?v=4.0.3');src:url('http://netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('http://netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('http://netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('http://netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa,#searchnya button:before,.comments .comments-content .icon.blog-author:before,#searchsubmit:before,.indexsocial > a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}
  65. -->
  66. </style>
  67.  
  68. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  69. <b:template-skin>
  70. <![CDATA[
  71. body#layout #topnav{background-color:#65D2E7;}
  72. body#layout #socialnav{background-color:#E7DD65;}
  73. body#layout #headads{background-color:#0E60B9;}
  74. body#layout #midnav{background-color:#3AC926;}
  75. body#layout .maintopslide.row,body#layout .homepost{background-color:#E9D06A;}
  76. body#layout #mainmtop-autoslide{background-color:#DF4B91;}
  77. body#layout #sidebar-wrapper{background-color:#4EE4F1;}
  78. body#layout .footer-wrap{background-color:#C9EBAF;}
  79. body#layout #mainmidatas,body#layout #mainmtop-autoslide,body#layout #sidebar-wrapper,body#layout .footer-wrap{padding-top:10px;}
  80. body#layout #mainmtop-autoslide,body#layout #sidebar-wrapper{margin:10px 0;}
  81. body#layout #topnav,body#layout #socialnav,body#layout #headads,body#layout #midnav,body#layout .maintopslide.row{padding:5px 0;}
  82. ]]>
  83. </b:template-skin>
  84. </b:if>
  85.  
  86. <b:skin><![CDATA[/*
  87. -----------------------------------------------
  88. Blogger Template Style
  89. Name: MKRflat News
  90. Version: 1.0
  91. - Support Image from third party
  92. - Support Youtube Video Thumbnail
  93. Design by: MKRdezign
  94. ThemeForest URL:http://themeforest.net/user/MKRdezign
  95. ----------------------------------------------- */
  96.  
  97. /* Variable definitions
  98. ====================
  99. <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
  100. <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
  101.  
  102. <Group description="Main Color" selector="body">
  103. <Variable name="body.background.color" description="Body Color" type="color" default="#B3B3B3" value="#B3B3B3"/>
  104. <Variable name="header.background.color" description="Header Area" type="color" default="transparent" value="transparent"/>
  105. <Variable name="outer.background.color" description="Outer Area" type="color" default="#F7F7F7" value="#F7F7F7"/>
  106. <Variable name="footer.background.color" description="Footer Area" type="color" default="#303030" value="#303030"/>
  107. </Group>
  108.  
  109. <Group description="Backgrounds" selector="body">
  110. <Variable name="keycolor" description="Primary Color" type="color" default="#0EB975" value="#0EB975"/>
  111. <Variable name="body.background" description="Background" type="background" color="$(body.background.color)" default="$(color) url() repeat fixed top center fixed" value="$(color) url() repeat fixed top center"/>
  112. </Group>
  113.  
  114. <Group description="Links" selector="body">
  115. <Variable name="link.visited.color" description="Visited Color" type="color" default="#B2CCC2" value="#B2CCC2"/>
  116. <Variable name="link.hover.color" description="Hover Color" type="color" default="#25352F" value="#25352F"/>
  117. </Group>
  118.  
  119. <Group description="Page Text" selector="body">
  120. <Variable name="main.body.font" description="Body Font" type="font" default="normal normal 12px Tahoma, Helvetica, Arial, sans-serif" value="normal normal 12px Tahoma, Helvetica, Arial, sans-serif"/>
  121. <Variable name="main.heading.font" description="Heading Font" type="font" default="normal normal 12px Oswald,'Bebas Neue',Bebas,'Arial Narrow',Sans-Serif" value="normal normal 12px Oswald,'Bebas Neue',Bebas,'Arial Narrow',Sans-Serif"/>
  122. <Variable name="main.text.color" description="Text Color" type="color" default="#333333" value="#333333"/>
  123. </Group>
  124.  
  125. <Group description="Header" selector="#header">
  126. <Variable name="headerhead.font" description="Blog Title Font" type="font" default="normal normal 30px Oswald,'Bebas Neue',Bebas,'Arial Narrow',Sans-Serif" value="normal normal 30px Oswald,'Bebas Neue',Bebas,'Arial Narrow',Sans-Serif"/>
  127. <Variable name="headerdesc.font" description="Blog Description Font" type="font" default="normal normal 14px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 14px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"/>
  128. <Variable name="headerdesc.text.color" description="Blog Description Color" type="color" default="#333333" value="#333333"/>
  129. </Group>
  130.  
  131. <Group description="Navigation" selector=".naviqx">
  132. <Variable name="nav.background.color" description="Background Color" type="color" default="#303030" value="#303030"/>
  133. <Variable name="nav.text.color" description="Text Color" type="color" default="#FFFFFF" value="#FFFFFF"/>
  134. <Variable name="navsubsub.background.color" description="Sub Sub Menu Color" type="color" default="#07A264" value="#07A264"/>
  135. </Group>
  136.  
  137. <Group description="Widget Area" selector="#content-wrapper .widget">
  138. <Variable name="post.background.color" description="Background Color" type="color" default="#FFFFFF" value="#FFFFFF"/>
  139. <Variable name="post.border.color" description="Border Color" type="color" default="#E6E6E6" value="#E6E6E6"/>
  140. <Variable name="posthead.text.color" description="Header Text Color" type="color" default="#FFFFFF" value="#FFFFFF"/>
  141. <Variable name="side.text.color" description="Sidebar Text Color" type="color" default="#666666" value="#666666"/>
  142. </Group>
  143.  
  144. <Group description="Other" selector="body">
  145. <Variable name="but.background.color" description="Button Background" type="color" default="#202020" value="#202020"/>
  146. <Variable name="title.text.color" description="Post Title Color" type="color" default="#2C2C2C" value="#2C2C2C"/>
  147. <Variable name="comment.background.color" description="Comment Area" type="color" default="#FCFCFC" value="#FCFCFC"/>
  148. <Variable name="news.background.color" description="Newsticker Color" type="color" default="#303030" value="#303030"/>
  149. </Group>
  150.  
  151. <Group description="Other 2" selector="body">
  152. <Variable name="title.border.color" description="Title Border Color" type="color" default="#D6D6D6" value="#D6D6D6"/>
  153. <Variable name="post.shadow.color" description="Post Shadow Color" type="color" default="#d3d0cb" value="#d3d0cb"/>
  154. </Group>
  155.  
  156. <Group description="Footer Area" selector=".footer .widget">
  157. <Variable name="foot.text.color" description="Text Color" type="color" default="#E0E0E0" value="#E0E0E0"/>
  158. <Variable name="footwidget.background.color" description="Widget Color" type="color" default="#202020" value="#202020"/>
  159. <Variable name="foot.linkhov.color" description="Link Hover Color" type="color" default="#FFFFFF" value="#FFFFFF"/>
  160. <Variable name="foottitle.border.color" description="Title Border Color" type="color" default="#757575" value="#757575"/>
  161. </Group>
  162.  
  163. */
  164.  
  165.  
  166.  
  167. #navbar-iframe, #navbar1 {display:none !important;}
  168.  
  169. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
  170. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
  171. body{line-height:1;}
  172. ol,ul{list-style:none;}
  173. blockquote,q{quotes:none;}
  174. blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
  175. table{border-collapse:collapse;border-spacing:0;}
  176. body{font:normal normal .8125em/1.4 Arial,Sans-Serif;background-color:white;color:$(main.text.color);}
  177. strong,b{font-weight:bold;}
  178. cite,em,i{font-style:italic;}
  179. *{position:relative;word-wrap:break-word;}
  180. a{color:$(keycolor);text-decoration:none;}
  181. a:visited{color:$(link.visited.color);text-decoration:none;}
  182. a:hover{color:$(link.hover.color);text-decoration:none;}
  183. a img{border:none;}
  184. abbr,acronym{border-bottom:1px dotted;cursor:help;}
  185. sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
  186. sub{top:.4em;}
  187. small{font-size:86%;}
  188. kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;}
  189. mark{background-color:$(keycolor);color:black;}
  190. p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
  191. hr{height:1px;border:none;background-color:$(side.text.color);}
  192. h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:1.5em 0 0;}
  193. h1,h2,h3,h4,h5,h6{font:$(main.heading.font);text-transform:none;}
  194. h1{font-size:200%;}
  195. h2{font-size:180%;}
  196. h3{font-size:160%;}
  197. h4{font-size:140%;}
  198. h5{font-size:120%;}
  199. h6{font-size:100%;}
  200. ol,ul,dl{margin-$startSide:3em;}
  201. ol{list-style:decimal outside;}
  202. ul{list-style:disc outside;}
  203. li{margin:.5em 0;}
  204. dt{font-weight:bold;}
  205. dd{margin:0 0 .5em 2em;}
  206. input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;}
  207. textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  208. pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;}
  209. pre{white-space:pre;word-wrap:normal;overflow:auto;}
  210. blockquote{margin-$startSide:2em;margin-$endSide:2em;border-$startSide:4px solid $(post.border.color);padding-$startSide:1em;font-style:italic;}
  211. .hidden,.post-feeds{display:none;}
  212. .invisible{visibility:hidden;}
  213. .visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0px 0 0 0);height:1px;width:1px;margin:-1px 0 0;padding:0;border:0;}
  214. .clear{display:block;clear:both;height:0;}
  215. .clearfix:before,.clearfix:after{content:"";display:table;}
  216. .clearfix:after{clear:both;}
  217. .clearfix{*zoom:1;}
  218. .pull-left{float:left;}
  219. .pull-right{float:right;}
  220. .centered{clear:both;display:block;text-align:center;margin-left:auto;margin-right:auto;}
  221. .text-center{text-align:center;}
  222. .text-left{text-align:left;}
  223. .text-right{text-align:right;}
  224. .text-justify{text-align:justify;}
  225. .btn{color:$(post.background.color);background-color:$(but.background.color);}
  226. .btn:hover{background-color:$(keycolor);}
  227. .btn:active{top:1px;}
  228. .row{overflow:hidden;}
  229. .col1{width:100%;}
  230. .col2{width:50%;}
  231. .col3{width:33.3%;}
  232. .col4{width:25%;}
  233. .col5{width:75%;}
  234. body{background:$(body.background);margin:0;padding:0;color:$(main.text.color);font:x-small Georgia Serif;font-size/* */:/**/small;font-size:/**/small;text-align:center;}
  235. img{max-width:100%;height:auto;width:auto\9;}
  236. .hide,.navbutton{display:none;}
  237. ::selection{background:$(keycolor);color:$(post.background.color);text-shadow:none;}
  238. ::-moz-selection{background:$(keycolor);color:$(post.background.color);text-shadow:none;}
  239. .widget,.mobile .widget{margin:0;}
  240. /* Layout */
  241. body#layout #navtop div.section,body#layout #header-wrapper div.section{width:50%;}
  242. body#layout #navtop{margin-top:50px;}
  243. body#layout .navtab{display:none;}
  244. body#layout .sidebarmd-widget{width:33.3%;float:$startSide;}
  245. body#layout .hide{display:block;}
  246. body#layout .Label.widget{visibility:visible;}
  247. body#layout .row{overflow:visible;}
  248. /*-- Menu --*/
  249. .navi ul,.navi li,.navisoc ul,.navisoc li{padding:0;margin:0;list-style:none;}
  250. .section{margin:0;}
  251. .navi.left,.header.left{float:$startSide;}
  252. .navisoc.right,#searchnya,.head.right{float:$endSide;}
  253. .navi .widget > h2,.navisoc .widget > h2{position:absolute;$startSide:-99999px;}
  254. #navtop{background-color:$(nav.background.color);height:35px;}
  255. .navi li,.navisoc li{float:$startSide;white-space:nowrap;*white-space:normal;z-index:1;}
  256. .navi li ul{position:absolute;top:100%;$startSide:-9px;z-index:99;opacity:0;visibility:hidden;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)";-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);}
  257. .navi li ul ul{top:0;$startSide:100%;}
  258. .navi li ul{min-width:12em;*width:12em;}
  259. .navi li a{display:block;padding:0 12px;height:35px;line-height:35px;text-decoration:none;zoom:1;}
  260. .navi li ul a{font-weight:normal;height:28px;line-height:28px;}
  261. .navi li:hover > ul{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
  262. .navi li li{float:none;}
  263. #navtop a{color:$(nav.text.color);}
  264. #midnav .widget-content > ul{height:45px;float:$startSide;margin-$startSide:9px;}
  265. #nav{background-color:$(nav.background.color);height:45px;}
  266. #ajax-search-form{margin:0;}
  267. #midnav .widget-content > ul > li > a{height:45px;line-height:45px;}
  268. .navi .widget-content > ul > li > a{color:$(keycolor);}
  269. .navi .widget-content > ul li a.home,.navi .widget-content > ul > li:hover > a{color:$(nav.text.color);background-color:$(keycolor);}
  270. .navi li a.home:before,.navi li a.home:after,.navi .widget-content > ul > li:hover > a:before,.navi .widget-content > ul > li:hover > a:after{content:"";position:absolute;border-width:45px 9px;border-style:solid;z-index:-1;}
  271. .navi.navitop .widget-content > ul > li:hover > a:before,.navi.navitop .widget-content > ul > li:hover > a:after{border-width:35px 9px;}
  272. .navi li a.home:before,.navi .widget-content > ul > li:hover > a:before{$startSide:-9px;border-color:transparent transparent $(keycolor) transparent;bottom:0;}
  273. .navi li a.home:after,.navi .widget-content > ul > li:hover > a:after{top:0;$endSide:-9px;border-color:$(keycolor) transparent transparent transparent;}
  274. .navi li ul{background-color:$(keycolor);}
  275. .navi li ul ul{background-color:$(navsubsub.background.color);}
  276. .navi li ul a{color:$(nav.text.color);}
  277. .navi li ul a,.navi ul,.latestimg img,.Label li:before,.Label li a,.rcentpost .rcpstimage img,.socialpostshare a,.flex-direction-nav a{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
  278. .navi li ul a:hover{padding-$startSide:16px;}
  279. .navitop{z-index:2;}
  280. .navi li.submenu > a{padding-$endSide:2em;}
  281. .navi li.submenu:after{content:'';position:absolute;top:50%;right:0.85em;margin-top:-2px;height:0;width:0;border:4px solid transparent;border-top-color:$(nav.text.color);}
  282. #midnav li.submenu:after{border-top-color:$(keycolor);}
  283. #midnav .submenu .submenu:after,#midnav .submenu .submenu:hover:after{border-top-color:transparent;border-$startSide-color:$(nav.text.color);margin-top:-3px;}
  284. #midnav li.submenu:hover:after{border-top-color:$(nav.text.color);}
  285. .navisoc ul{overflow:hidden;margin-top:3px;}
  286. .navi .widget-content > ul li a.home .fa {font-size: 28px;height: 45px;display: block;line-height: 45px;position: absolute;top: 0;text-indent:0;}
  287. .navi .widget-content > ul li a.home {padding: 0 8px;text-indent: -9999px;width: 28px;}
  288. #socialnav li{float:$startSide;}
  289. #socialnav li a{display:block;width:0;height:29px;text-align:$startSide;padding-$startSide:26px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;color:$(nav.text.color);text-decoration:none;overflow:hidden;text-indent:-9999px;line-height:29px;margin-$endSide:2px;background-color:rgba(0,0,0,0.3);}
  290. #socialnav li a:hover{text-indent:0;}
  291. #socialnav a:before{content:"";position:absolute;$startSide:0;top:0;width:25px;height:25px;background-image:url(http://4.bp.blogspot.com/-yv5OxRitVAQ/Uz1cgd6dDpI/AAAAAAAAJbE/8PS_aU1Rxkw/h25/team-socialicons.png);background-repeat:no-repeat;}
  292. #socialnav .sotwitter a:before{background-position:1px 2px;}
  293. #socialnav .sofacebook a:before{background-position:-24px 2px;}
  294. #socialnav .sogoogle a:before{background-position:-49px 2px;}
  295. #socialnav .sorss a:before{background-position:-74px 2px;}
  296. #socialnav .solinkedin a:before{background-position:-99px 2px;}
  297. #socialnav .sodribbble a:before{background-position:-125px 2px;}
  298. #socialnav .sopinterest a:before{background-position:-150px 2px;}
  299. #socialnav .soyoutube a:before{background-position:-577px 2px;}
  300. #socialnav .sovimeo a:before{background-position:-225px 2px;}
  301. #socialnav .soskype a:before{background-position:-175px 2px;}
  302. #socialnav .sodeviantart a:before{background-position:-324px 2px;}
  303. #socialnav .soflickr a:before{background-position:-300px 2px;}
  304. #socialnav .sostumbleupon a:before{background-position:-374px 2px;}
  305. #socialnav .somyspace a:before{background-position:-773px 2px;}
  306. #socialnav .sotumblr a:before{background-position:-500px 2px;}
  307. #socialnav .sodelicious a:before{background-position:-602px 2px;}
  308. #socialnav .soblogger a:before{background-position:-525px 2px;}
  309. #socialnav .sodigg a:before{background-position:-349px 2px;}
  310. #socialnav .sotechnorati a:before{background-position:-751px 2px;}
  311. #socialnav .solastfm a:before{background-position:-727px 2px;}
  312. #socialnav .sowordpress a:before{background-position:-869px 2px;}
  313. #socialnav .soinstagram a:before{background-position:-274px 2px;}
  314. #socialnav .soapple a:before{background-position:-702px 2px;}
  315. #socialnav .sodropbox a:before{background-position:-425px 2px;}
  316. #socialnav .sobehance a:before{background-position:-549px 2px;}
  317. #socialnav .soevernote a:before{background-position:-450px 2px;}
  318. #socialnav .soforrst a:before{background-position:-200px 2px;}
  319. #socialnav .sopicasa a:before{background-position:-475px 2px;}
  320. #socialnav .soreddit a:before{background-position:-400px 2px;}
  321. #socialnav .sotwitter a:hover{background-color:#2DAAE1;width:48px;}
  322. #socialnav .sofacebook a:hover{background-color:#3C5B9B;width:60px;}
  323. #socialnav .sogoogle a:hover{background-color:#F63E28;width:52px;}
  324. #socialnav .sorss a:hover{background-color:#FA8C27;width:28px;}
  325. #socialnav .solinkedin a:hover{background-color:#0173B2;width:51px;}
  326. #socialnav .sodribbble a:hover{background-color:#F9538F;width:54px;}
  327. #socialnav .sopinterest a:hover{background-color:#CB2027;width:58px;}
  328. #socialnav .soyoutube a:hover{background-color:#CD332D;width:56px;}
  329. #socialnav .sovimeo a:hover{background-color:#44BBFF;width:41px;}
  330. #socialnav .soskype a:hover{background-color:#00AFF0;width:41px;}
  331. #socialnav .sodeviantart a:hover{background-color:#4B5D50;width:63px;}
  332. #socialnav .soflickr a:hover{background-color:#0063DB;width:28px;}
  333. #socialnav .sostumbleupon a:hover{background-color:#EB4924;width:80px;}
  334. #socialnav .somyspace a:hover{background-color:#008DDE;width:55px;}
  335. #socialnav .sotumblr a:hover{background-color:#2C4762;width:48px;}
  336. #socialnav .sodelicious a:hover{background-color:#3274D1;width:54px;}
  337. #socialnav .soblogger a:hover{background-color:#F57D00;width:48px;}
  338. #socialnav .sodigg a:hover{background-color:#14589E;width:34px;}
  339. #socialnav .sotechnorati a:hover{background-color:#14B81B;width:68px;}
  340. #socialnav .solastfm a:hover{background-color:#D51007;width:46px;}
  341. #socialnav .sowordpress a:hover{background-color:#21759B;width:68px;}
  342. #socialnav .soinstagram a:hover{background-color:#3F729B;width:62px;}
  343. #socialnav .soapple a:hover{background-color:#B9BFC1;width:40px;}
  344. #socialnav .sodropbox a:hover{background-color:#2281CF;width:54px;}
  345. #socialnav .sobehance a:hover{background-color:#1769ff;width:54px;}
  346. #socialnav .soevernote a:hover{background-color:#6BB130;width:56px;}
  347. #socialnav .soforrst a:hover{background-color:#5B9A68;width:40px;}
  348. #socialnav .sopicasa a:hover{background-color:#4B5D5F;width:40px;}
  349. #socialnav .soreddit a:hover{background-color:#FF4500;width:41px;}
  350. /*-- Header --*/
  351. #header-wrapper{margin:0 auto;padding:15px 0;background-color:$(header.background.color);color:$(keycolor);}
  352. #header{margin:0;float:$startSide;max-width:350px;}
  353. #header h1,#header p{margin-top:5px;margin-$startSide:5px;margin-$endSide:0;margin-bottom:0;padding:0;text-transform:uppercase;font:$(headerhead.font);}
  354. #header a{color:$(keycolor);text-decoration:none;}
  355. #header a:hover{color:$(keycolor);}
  356. #header .description{margin-top:0;margin-bottom:5px;padding-bottom:10px;text-transform:capitalize;line-height:1.4em;font:$(headerdesc.font);color:$(headerdesc.text.color);}
  357. #header img{margin-$startSide:0;margin-$endSide:auto;}
  358. #headads{float:$endSide;max-width:730px;}
  359. #headads .widget{margin-top:4px;}
  360. #headads .widget-content{padding:0;border:0;}
  361. #header .imageheader{position:absolute;$startSide:-99999px;}
  362. /*-- Navigation --*/
  363. .navbutton{cursor:pointer;width:45px;text-align:center;height:45px;background-color:$(keycolor);line-height:45px;}
  364. .navbutton .fa{font-size:28px;}
  365. .topmenux .navbutton{height:35px;width:40px;line-height:30px;}
  366. .topmenux .navbutton .fa{font-size:24px;}
  367. .navbutton.active{color:$(nav.background.color);}
  368. /*-- Outer-Wrapper --*/
  369. #outer-wrapper-mkrflat{width:100%;background-color:$(outer.background.color);margin:0 auto;padding:0;text-align:$startSide;font:normal normal 12px Tahoma,Helvetica,Arial,sans-serif;}
  370. #outer-wrapper-mkrflat .isiwrap{margin:0 auto;width:97%;max-width:1180px;}
  371. #main-wrapper{width:68%;padding:0;float:$startSide;overflow:hidden;}
  372. #sidebar-wrapper{width:32%;padding:0;float:$endSide;overflow:hidden;}
  373. #content-wrapper{padding-top:20px;z-index:0;}
  374. /*-- Posts --*/
  375. .index .post-title,.archive .post-title,.index .post-title,#headads .widget > h2{position:absolute;$startSide:-99999px;}
  376. .index .post-outer-mkrflat,.homeq .post-outer-mkrflat,.archive .post-outer-mkrflat{width:50%;float:$startSide;z-index:0;}
  377. .index .post-mkrflat,.homeq .post-mkrflat,.archive .post-mkrflat{margin-$endSide:20px;}
  378. .index .post-body,.archive .post-body{background-color:$(post.background.color);height:410px;}
  379. .latestimg{height:220px;z-index:1;overflow:hidden;}
  380. .thumbimage a.thumbimgx{overflow:hidden;display:block;height:100%;}
  381. .thumbimage img{min-height:100%;min-width:100%;}
  382. .post-summary strong,.rcentpost > .a0 strong,.featuredpost strong{font-size:150%;font-weight:bold;display:block;overflow:hidden;max-height:50px;line-height:1.4em;}
  383. .post-summary strong a,.rcentpost strong a,.rcommentarea .judulx,.post-mkrflat .post-title a,.relatedinner strong a,.pager-isi a,.error-custom h2{color:$(title.text.color);}
  384. .blog-feeds{display:none;}
  385. .latestimg img{min-height:180px;}
  386. .latestimg a:hover img,.rcentpost .rcpstimage a:hover img,.featuredpost .feathumb:hover img{-webkit-transform:rotate(-5deg) scale(1.1);-moz-transform:rotate(-5deg) scale(1.1);-o-transform:rotate(-5deg) scale(1.1);-ms-transform:rotate(-5deg) scale(1.1);transform:rotate(-5deg) scale(1.1);}
  387. .thumbimage a.commentnum{position:absolute;top:5px;right:5px;background-color:$(but.background.color);color:$(post.background.color);padding:0 8px;height:24px;line-height:24px;overflow:visible;z-index:3;}
  388. .thumbimage a.commentnum:after{content:"";width:0;height:0;border-width:3px 3px;border-style:solid;border-color:$(but.background.color) $(but.background.color) transparent transparent;position:absolute;top:100%;right:0;}
  389. .post-outer-mkrflat{margin-bottom:15px;}
  390. .topmetainfo i{font-size:14px;}
  391. .fa{display:inline;}
  392. .topmetainfo a{color:$(but.background.color);}
  393. .topmetainfo{position:absolute;z-index:1;top:200px;$startSide:20px;}
  394. .topmetainfo .isiinfo{display:block;float:$startSide;width:29px;margin-$endSide:5px;height:26px;line-height:26px;text-align:center;background-color:$(post.background.color);}
  395. .infometa{position:absolute;background-color:$(post.background.color);padding:0 10px;$startSide:7px;top:-40px;white-space:nowrap;opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)";display:none;}
  396. .labelsinfo{padding:0 20px;height:35px;overflow:hidden;line-height:35px;color:$(post.background.color);background-color:$(news.background.color);position:absolute;$startSide:0;$endSide:0;bottom:0;}
  397. .post-mkrflat:hover .labelsinfo{background-color:$(keycolor);}
  398. .labelsinfo a{color:$(post.background.color);}
  399. .labelsinfo a:hover,.recntright .info,.postinfo span,.flex-direction-nav a,.info-mobile,.simple .topmetainfo,.rcommentarea .date,.linkgrey,.itemtopmetainfo{opacity:0.7;filter:"alpha(opacity=70)";-ms-filter:"alpha(opacity=70)";}
  400. .isiinfo:hover .infometa,.rcbytag:hover .flex-direction-nav a,.simple .infometa{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}
  401. .isiinfo:hover .infometa{display:block;}
  402. .infometa:before{content:"";width:0;height:0;border-width:5px 7px;border-style:solid;border-color:transparent;border-top-color:$(post.background.color);position:absolute;top:100%;$startSide:0;}
  403. .topmetainfo abbr{border-bottom:0;}
  404. .layer-gradient{display:block;height:100%;width:100%;position:absolute;top:15%;z-index:2;background:-moz-linear-gradient(top,rgba(0,0,0,0) 45%,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(45%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 45%,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 45%,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 45%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 45%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#000000',GradientType=0 );}
  405. .post-mkrflat:hover .layer-gradient{background:-moz-linear-gradient(top,rgba(0,0,0,0) 45%,$(keycolor) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(45%,rgba(0,0,0,0)),color-stop(100%,$(keycolor)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 45%,$(keycolor) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 45%,$(keycolor) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 45%,$(keycolor) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 45%,$(keycolor) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='$(keycolor)',GradientType=0 );}
  406. .post-mkrflat:hover .post-summary strong a{color:$(keycolor);}
  407. .post-mkrflat:hover .thumbimage a.commentnum{background-color:$(keycolor);}
  408. .post-mkrflat:hover .thumbimage a.commentnum:after{border-color:$(keycolor) $(keycolor) transparent transparent;}
  409. .post-content{padding:20px;}
  410. .post-content p,.rcentpost > .a0 p{margin:10px 0 0;padding:10px 0;border-top:1px dashed $(title.border.color);line-height:1.7em;height:65px;}
  411. .post-content:before,.post-content:after{position:absolute;content:"";z-index:-2;}
  412. .post-content:before{top:10px;bottom:10px;-moz-box-shadow:20px 0 10px $(post.shadow.color);-webkit-box-shadow:20px 0 10px $(post.shadow.color);box-shadow:20px 0 10px $(post.shadow.color);left:12px;right:15px;-moz-border-radius:10px / 100px;border-radius:20px / 100px;}
  413. .post-mkrflat:hover .topmetainfo i{color:$(keycolor);}
  414. .youtubeplay{position:absolute;$startSide:50%;top:50%;width:60px;margin-$startSide:-30px;margin-top:-25px;line-height:50px;height:50px;font-size:60px;text-align:center;color:$(keycolor);}
  415. .youtubeplay i{font-size:60px;}
  416. .infosearch{position:absolute;z-index:2;top:50%;left:0;right:0;font-size:20px;height:20px;text-align:center;line-height:20px;margin-top:-12px;}
  417. .addthis_default_style .addthis_counter{display:inline-block!important;float:none;}
  418. .latestimg .addthis_counter.addthis_pill_style a.addthis_button_expanded,.latestimg .addthis_counter.addthis_pill_style.addthis_nonzero a.addthis_button_expanded{display:none!important;}
  419. .infosearchicon > a{background-color:$(but.background.color);color:$(post.background.color);}
  420. .infosearchicon > a,.infosearchicon .addthis_counter.addthis_pill_style,.latestimg .addthis_counter.addthis_pill_style a.atc_s{display:inline-block;width:32px;height:32px;line-height:32px;}
  421. .latestimg .addthis_counter.addthis_pill_style a.atc_s{background:none;}
  422. .index #at15s.atm,.archive #at15s.atm{display:none;}
  423. .infosearchicon > a,.socialpostshare{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)";}
  424. .infosearchicon > a{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;top:-100px;}
  425. .infosearchicon.post-more-link > a,.socialpostshare,.flex-control-paging li a,.featuredpost .feathumb img{-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;}
  426. .latestimg:hover .infosearchicon > a{top:0;}
  427. .latestimg:hover .infosearchicon > a,.rcentpost li:hover .socialpostshare,.rltdimg:hover .socialpostshare{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}
  428. .latestimg:hover .infosearchicon.post-more-link > a{top:-7px;}
  429. .infosearchicon > a:hover{background-color:$(keycolor);}
  430. .indexsocial > a:before{content:"\f1e1";position:absolute;$startSide:5px;top:3px;font-size:26px;}
  431. .homeq #main{display:none;}
  432. .mobile .homeq #main{display:block;}
  433. .status-msg-wrap-mkrflat{margin-$endSide:20px;margin-bottom:15px;line-height:30px;height:30px;text-align:center;background-color:$(keycolor);color:$(post.background.color);font-size:110%;}
  434. .status-msg-wrap-mkrflat a{color:$(but.background.color);font-weight:bold;}
  435. .status-msg-wrap-mkrflat a:hover{text-decoration:underline;}
  436. .item .post-body,.static_page .post-body,.error-body{line-height:1.6em;}
  437. .item .post-mkrflat,.static_page .post-mkrflat,.comment-box,.error-custom,.post-mkrflat-mobile,#blog-pager-mobile{margin-$endSide:15px;}
  438. .post-mkrflat .post-title,.error-custom h2{margin:3px 0 7px;border-bottom:1px dashed $(title.border.color);}
  439. .itemtopmetainfo{margin:5px 0 10px;text-align:$endSide;}
  440. .itemtopmetainfo a{color:$(main.text.color);}
  441. .itemtopmetainfo a:hover{color:$(keycolor);}
  442. .zoomingtext{margin-$startSide:15px;}
  443. a.zoom-text{padding:0 2px;width:17px;display:inline-block;text-align:center;background-color:rgba(51,51,51,0.35);}
  444. .zoomingtext a:hover{background-color:$(keycolor);color:$(post.background.color);}
  445. .post-more-link i{font-size:21px;}
  446. .labelsinfo a.labelqi,.cloud-label-widget-content .label-size span:first-child{font-weight:bold;}
  447. .itemtags .labtn{float:$startSide;height:20px;line-height:20px;}
  448. .itemtags span.labtn,.itemtags .fa-tags{margin-$endSide:5px;margin-$startSide:2px;}
  449. .itemtags a,.itemtags .fa-tags{color:$(keycolor);}
  450. .itemtags a:hover{text-decoration:underline;}
  451. .itemtags{overflow:hidden;background-color:rgba(0,0,0,0.05);padding:2px 5px;padding-$endSide:180px;max-height:20px;}
  452. .itemtopmetainfo abbr{border-bottom:0;}
  453. .addthis_share{position:absolute;$endSide:15px;top:18px;}
  454. .addthis_share span{margin-$endSide:0;}
  455. .widget .simpleTab .tab-wrapper{padding:0;margin:0;list-style:none;}
  456. .widget .simpleTab .tab-wrapper{overflow:hidden;line-height:30px;border-bottom:3px solid $(keycolor);}
  457. .widget .simpleTab li{float:$startSide;margin:0;}
  458. .widget .simpleTab .tab-wrapper a{display:block;padding:0 10px;background-color:$(post.border.color);margin-top:5px;height:30px;}
  459. .widget .simpleTab .tab-wrapper .activeTab{background-color:$(keycolor);color:$(post.background.color);font-weight:bold;margin-top:0;height:35px;line-height:35px;}
  460. .simpleTab .tab-content{padding:5px;border:1px solid $(post.border.color);border-top:0;display:none;}
  461. /*-- Mobile -- */
  462. .post-summary-mobile{overflow:hidden;margin-bottom:10px;}
  463. .thumbimgx-mobile{display:block;float:$startSide;width:80px;height:80px;margin-$endSide:10px;margin-bottom:5px;}
  464. .thumbimgx-mobile img{display:block;width:100%;height:100%;}
  465. .info-mobile a{color:$(main.text.color);display:inline-block;line-height:18px;}
  466. .post-summary-mobile strong{font-size:120%;margin-top:8px;display:block;}
  467. .post-summary-mobile strong a{color:$(main.text.color);line-height:1.6em;}
  468. .post-content-mobile{margin:10px 0;}
  469. .mobile .index .post-body,.mobile .archive .post-body{height:auto;background-color:transparent;}
  470. .index .post-mkrflat-mobile,.archive .post-mkrflat-mobile{padding:0;border:0;background-color:transparent;}
  471. .post-mkrflat-mobile .post-title{margin:0 0 7px;border-bottom:1px dashed $(title.border.color);}
  472. .post-body h1,.post-body h2{margin:1.5em 0 1em;}
  473. .post-body h3,.post-body h4{margin:1.2em 0 0.8em;}
  474. .post-body h5,.post-body h6{margin:1.0em 0 0.6em;}
  475. .mobile .itemtags{padding-$endSide:5px;margin-top:20px;}
  476. .mobile-desktop-link-mkrflat,#blog-pager-older-link-mkrflat{float:$endSide;}
  477. #blog-pager-home-link-mkrflat,#blog-pager-newer-link-mkrflat{float:$startSide;}
  478. #blog-pager-mobile{overflow:hidden;padding:20px 0;font-size:110%;}
  479. #blog-pager-mobile a{display:block;padding:5px 10px;color:$(post.background.color);background-color:$(keycolor);margin-bottom:10px;}
  480. #blog-pager-mobile a:hover{background-color:$(but.background.color);}
  481. #blog-pager-mobile a.nextprev-button{font-size:25px;height:18px;line-height:16px;}
  482. .item-info-mobile{margin-bottom:20px;}
  483. /*-- error page -- */
  484. #searchform{margin:10px 0;overflow:hidden;}
  485. #searchform #s{border:1px solid $(post.border.color);padding:8px 10px;width:200px;outline:0;float:$startSide;margin:0;margin-$endSide:5px;}
  486. /*-- Comments -- */
  487. .comments .comments-content .comment-thread ol{margin:0;}
  488. .comments .comments-content .comment:first-child{padding:0;}
  489. .comment-box{line-height:1.6em;}
  490. .comments .comments-content .comment-content{padding:10px;margin-$startSide:5px;margin-bottom:0;}
  491. .comments .comments-content .comment-content,.comments .continue a{background-color:$(comment.background.color);border:1px solid $(post.border.color);}
  492. .comments .comments-content .comment-header{margin-bottom:0;position:absolute;$startSide:5px;top:3px;padding:0 10px;background-color:$(keycolor);color:$(post.background.color);line-height:19px;height:19px;z-index:9;}
  493. .comments .comment-block:hover .comment-header{background-color:$(but.background.color);}
  494. .comments .avatar-image-container{float:$startSide;max-height:40px;height:40px;width:40px;margin-top:18px;}
  495. .comments .avatar-image-container img{max-width:40px;width:100%;height:100%;}
  496. .comments .comments-content .comment-content:before,.comments .comments-content .comment-content:after{content:'';position:absolute;top:8px;$startSide:-20px;height:0;width:0;}
  497. .comments-content .comment-content:after{border:10px solid transparent;border-$endSide-color:$(post.border.color);}
  498. .comments .comments-content .comment-content:before{border:9px solid transparent;border-$endSide-color:$(comment.background.color);z-index:2;$startSide:-18px;top:9px;}
  499. .comments .comment-block{padding-bottom:22px;padding-top:22px;margin-$startSide:50px;}
  500. .comments .comment .comment-actions{position:absolute;$endSide:0;bottom:0;}
  501. .comments .comment .comment-actions a{padding:5px 10px;background-color:$(keycolor);color:$(post.background.color);margin-$startSide:2px;}
  502. .comments .comments-content .comment-header a{color:$(post.background.color);}
  503. .comments .comments-content .icon.blog-author:before{content:"\f007";}
  504. .comments .comments-content .icon.blog-author{display:inline-block;height:18px;margin:0;margin-$startSide:3px;width:18px;text-align:center;font-weight:normal;}
  505. #comment-post-picker{position:absolute;$endSide:15px;z-index:2;top:0;}
  506. #comment-post-picker a{display:block;float:$startSide;line-height:13px;height:13px;margin-top:3px;padding:3px 10px;color:$(post.background.color);background-color:$(but.background.color);}
  507. #comment-post-picker .active{background-color:$(keycolor);margin-top:0;line-height:16px;height:16px;font-weight:bold;}
  508. .comments .comments-content .loadmore a{color:$(post.background.color);background-color:$(keycolor);padding:8px 16px;font-weight:bold;}
  509. .comments .comments-content .loadmore a:hover{background-color:$(but.background.color);}
  510. /*-- Sidebar Content --*/
  511. .sidebar{color:$(side.text.color);line-height:1.5em;}
  512. .sidebar ul,.footer ul{list-style:none;margin:0 0 0;padding:0 0 0;}
  513. .sidebar li,.footer li{margin:0;padding-top:0;padding-$endSide:0;padding-bottom:.25em;padding-$startSide:15px;line-height:1.5em;}
  514. .sidebar .widget > h2,#related_posts > h4,.comments > h4,.footer .widget > h2{margin:0;position:absolute;z-index:999;font-size:150%;line-height:30px;color:$(posthead.text.color);background-color:$(keycolor);padding:0 10px;$startSide:0;top:0;}
  515. .sidebar .widget > h2 i{font-size:20px;}
  516. .sidebar .widget > h2:after,#related_posts > h4:after,.comments > h4:after,.footer .widget > h2:after{content:"";position:absolute;border-width:15px 4px;border-style:solid;z-index:-1;}
  517. .sidebar .widget > h2:after,#related_posts > h4:after,.comments > h4:after,.footer .widget > h2:after{$endSide:-8px;border-color:$(keycolor) transparent transparent $(keycolor);top:0;}
  518. .sidebar .widget-content,.sidebar .contact-form-widget,.mkrflats #uds-searchControl .gsc-results,.list-tabwrap,.post-summary-mobile,.item .post-mkrflat,.static_page .post-mkrflat,.comment-box,.error-custom,.post-mkrflat-mobile{padding:15px 10px;border:1px solid $(post.border.color);background-color:$(post.background.color);}
  519. .contact-form-widget{max-width:100%;width:auto;}
  520. .sidebar .widget,.comments{padding-top:20px;}
  521. #sidebar-tengah,.sidebar .widget{margin-bottom:20px;}
  522. .navtab,.navtab li{margin:0;padding:0;list-style:none;}
  523. .navtab li{width:33.3%;float:$startSide;text-align:center;}
  524. .list-tabwrap .section .widget:first-child > h2{display:none;}
  525. .navtab{margin:0 8px;overflow:hidden;}
  526. .navtab a{display:block;height:32px;line-height:32px;background-color:$(post.background.color);margin-top:8px;color:$(keycolor);}
  527. .navtab a.current{background-color:$(keycolor);color:$(post.background.color);font-weight:700;height:40px;line-height:40px;margin-top:0;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.49);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.49);box-shadow:0 2px 2px rgba(0,0,0,0.49);z-index:2;}
  528. .list-tabwrap .widget{padding-top:0;}
  529. .list-tabwrap .widget-content{background-color:transparent;border:0;padding:0;}
  530. .list-tabwrap{border-top:3px solid $(keycolor);}
  531. .sidebar.col5{width:68%;}
  532. .sidebar.col4{width:32%;}
  533. /*-- Widgets -- */
  534. .FollowByEmail .follow-by-email-inner form,.FollowByEmail .follow-by-email-inner table{margin:0;}
  535. .sidebar .FollowByEmail .widget-content{padding:25px 15px 20px;}
  536. .PopularPosts .item-thumbnail{float:$startSide;z-index:2;margin-$endSide:10px;height:60px;width:60px;}
  537. .PopularPosts .item-thumbnail img{padding:0;height:60px;width:60px;}
  538. .PopularPosts .item-title a{color:$(title.text.color);font-weight:bold;}
  539. .Label li{padding:3px 7px;overflow:hidden;}
  540. .Label ul li:nth-child(odd){background-color:rgba(0,0,0,0.06);}
  541. .Label li span:last-child{float:$endSide;background-color:$(keycolor);color:$(post.background.color);padding:0 3px;display:block;}
  542. .Label li a{display:block;float:$startSide;color:$(keycolor);}
  543. .Label li:hover a{color:$(post.background.color);}
  544. .Label li:hover span:last-child{background-color:$(but.background.color);background-color:rgba(48,48,48,0.50);}
  545. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;}
  546. .cloud-label-widget-content{text-align:$startSide;overflow:hidden;}
  547. .Label li:before{content:"";width:100%;height:100%;background-color:$(keycolor);position:absolute;$startSide:100%;top:0;}
  548. .Label li:hover:before{$startSide:0;}
  549. .cloud-label-widget-content .label-size{float:$startSide;display:block;padding:5px 5px;margin-$startSide:20px;margin-bottom:5px;background-color:$(keycolor);color:$(post.background.color);}
  550. .cloud-label-widget-content .label-size a{color:$(post.background.color);}
  551. .cloud-label-widget-content .label-size:hover{background-color:$(but.background.color);}
  552. .cloud-label-widget-content .label-size:active{top:1px;}
  553. .contact-form-widget{max-width:100%;}
  554. .cloud-label-widget-content .label-size:before{content:"";position:absolute;border-width:12px 14px;border-style:solid;z-index:0;$startSide:-28px;border-color:transparent;border-$endSide-color:$(keycolor);top:0;}
  555. .cloud-label-widget-content .label-size:hover:before{border-$endSide-color:$(but.background.color);}
  556. .cloud-label-widget-content .label-size:after{content:"";width:5px;position:absolute;height:5px;background-color:$(post.background.color);display:block;z-index:1;$startSide:-5px;top:50%;margin-top:-2.5px;-moz-border-radius:5000px;-webkit-border-radius:5000px;border-radius:5000px;}
  557. .contact-form-widget .form form,.contact-form-widget .form p{margin:0;overflow:hidden;}
  558. .contact-form-name,.contact-form-email,.contact-form-email-message{max-width:100%;}
  559. .contact-form-button-submit{margin-top:10px;height:28px;line-height:28px;min-width:60px;text-transform:uppercase;}
  560. .contact-form-button-submit{float:$endSide;}
  561. .wikipedia-search-main-container{max-width:100%;padding:10px 0;}
  562. .wikipedia-search-form{padding:0 10px;}
  563. .contact-form-email:focus,.contact-form-name:focus,.contact-form-email-message:focus,.wikipedia-search-input:focus{border:1px solid $(keycolor);}
  564. .wikipedia-searchtable{overflow:hidden;$endSide:0;$startSide:0;}
  565. .wikipedia-searchtable > span{float:$startSide;display:block;width:15%;text-align:center;}
  566. .wikipedia-searchtable > .wikipedia-search-bar{width:85%;}
  567. .wikipedia-search-input{width:70%;}
  568. .wikipedia-search-button{width:auto;}
  569. .wikipedia-search-results{padding:0 10px;}
  570. .wikipedia-search-results-header{padding:0 10px 5px;border-bottom:1px solid rgba(0,0,0,0.1);}
  571. #Wikipedia1_wikipedia-search-more{padding:0 10px;text-align:$endSide;}
  572. .contact-form-button-submit,.wikipedia-search-button,.FollowByEmail .follow-by-email-inner .follow-by-email-submit,.btn,.emobutton,.error-custom #searchsubmit,input.gsc-search-button,#searchnya button{border:0;background-color:$(keycolor);background-image:none;outline:0;cursor:pointer;}
  573. .contact-form-button-submit:hover,.wikipedia-search-button:hover,.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,.btn:hover,.emobutton:hover,.emobutton.active,.error-custom #searchsubmit:hover,input.gsc-search-button:hover{border:0;background-color:$(but.background.color);background-image:none;}
  574. .contact-form-button-submit:active,.wikipedia-search-button:active,.FollowByEmail .follow-by-email-inner .follow-by-email-submit:active,.btn:active,#blog-pager a:active,input.gsc-search-button:active,#searchnya button:active{top:1px;}
  575. .contact-form-button-submit:focus:hover,.contact-form-button-submit.focus:hover,.wikipedia-search-button:focus{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
  576. .wikipedia-search-button,.wikipedia-search-button:hover{background-image:url('http://www.blogger.com/img/widgets/icon_wikipedia_search.png');background-position:50% 50%;background-repeat:no-repeat;}
  577. .mkrflats #uds-searchControl{position:relative;margin-$endSide:20px;}
  578. .mkrflats #uds-searchControl .gs-result .gs-snippet{line-height:1.5em;}
  579. .mkrflats #uds-searchControl .gs-result .gs-title,.mkrflats #uds-searchControl .gs-result .gs-title *,.mkrflats #uds-searchControl .gsc-results .gsc-trailing-more-results,.mkrflats #uds-searchControl .gsc-results .gsc-trailing-more-results *{font-weight:700;font-size:110%;color:$(but.background.color);}
  580. .mkrflats .gsc-result .gs-title{height:1.5em;}
  581. .mkrflats #uds-searchControl .gs-result a.gs-visibleUrl,.mkrflats #uds-searchControl .gs-result .gs-visibleUrl{color:$(keycolor);}
  582. .mkrflats .gsc-table-result,.mkrflats .gs-promotion-table,.mkrflats .gsc-above-wrapper-area-container{margin:0;}
  583. .mkrflats .gsc-control .gsc-result-info{position:absolute;background-color:$(but.background.color);color:$(post.background.color);$endSide:0;margin:0;padding:3px 5px;}
  584. input.gsc-search-button,#searchnya button,.error-custom #searchsubmit{color:$(post.background.color);}
  585. #searchnya button,.error-custom #searchsubmit{display:block;float:$endSide;width:32px;height:32px;margin-top:6px;text-indent:-9999px;}
  586. #searchnya input{float:$startSide;width:150px;height:32px;padding:0 5px;border:0;margin-top:6px;outline:0;display:block;color:$(keycolor);}
  587. #searchnya{overflow:hidden;width:192px;}
  588. .error-custom #searchsubmit{display:block;margin-top:0;float:$startSide;}
  589. #searchnya button:before,.error-custom #searchsubmit:before{content:"\f002";text-indent:0;position:absolute;$startSide:5px;font-size:24px;top:4px;}
  590. .mkrflats #uds-searchControl .gsc-tabsArea{margin:0;}
  591. .mkrflats #uds-searchControl .gsc-tabhActive{border-top-color:$(keycolor);}
  592. .mkrflats .gsc-above-wrapper-area{border-bottom:0;}
  593. #outer-wrapper-mkrflat input.gsc-search-button{margin-$startSide:6px;height:26px;}
  594. #outer-wrapper-mkrflat input.gsc-input{height:24px;}
  595. #outer-wrapper-mkrflat input.gsc-input:focus,.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{outline:1px solid $(keycolor);}
  596. .mkrflats .gsc-webResult .gsc-result{border-bottom:0;}
  597. .sidebar .cloud-label-widget-content{padding-top:20px;}
  598. .Label.widget{visibility:hidden;}
  599. .list-tabwrap .sidebar .cloud-label-widget-content,.footer .cloud-label-widget-content{padding-top:0;}
  600. .sidebar .widget > h2 .iconhref{color:$(posthead.text.color);padding-$endSide:8px;}
  601. .rcbytag ul,.rcbytag li{padding:0;margin:0;list-style:none;}
  602. .thumbimage{overflow:hidden;}
  603. .rcpstimage .thumbxtag,.rltdimg .thumbxrlted{display:block;overflow:hidden;width:100%;height:100%;}
  604. .recntright .rcpstimage,.simple .rcentpost > .a0 .rcpstimage{float:$startSide;width:60px;height:60px;margin-$endSide:10px;}
  605. .recntright li{overflow:hidden;padding:0 15px 10px;}
  606. .recntright li .inner,.simple .rcentpost > .a0 .inner{border-bottom:1px dashed $(title.border.color);overflow:hidden;padding-bottom:10px;}
  607. .recntright p,.recntright .authorinfo,.rcentpost > .a0 .comnum,.rcbytag .com0,.vertical2 .rcentpost > .a0 p,.vertical2 .recntright .rcpstimage,.vertical2 .recntright .info,.vertical2 .recntright .socialpostshare,.slider1 .rcentpost p,.slider1 .rcentpost > .a0 p,.slider1 .rcentpost .comnum,.gallery3 .rcentpost .info,.gallery3 .rcentpost > .a0 p,.gallery3 .morepostag,.ht .morepostag,.gallery1 .rcentpost li strong,.gallery1 .rcentpost li .info,.gallery1 .morepostag,.gallery1 .rcentpost li p,.gallery2 .rcentpost li .info,.gallery2 .morepostag,.gallery2 .rcentpost li p,.gallery2 .rcentpost li strong,.noimage .morepostag,.noimage .rcentpost li p,.noimage .rcentpost li .info,.noimage .rcentpost .socialpostshare,.simple .rcentpost > .a0 p,.simple .rcentpost .info .author,.morepostag.rect,.simple .infometa:before,.simple .rcentpost > .a0 .comnum.com0,.simple .thumbimage a.commentnum,.relatedinner .com0{display:none;}
  608. .vertical2 .recntright li .inner,.gallery1 .recntright li .inner,.gallery3 .recntright .inner,.ht .recntright .inner,.gallery2 .recntright .inner,.noimage .recntright li .inner{border-bottom:0;padding-bottom:0;}
  609. .mkrecentpost .widget-content,.combine .recntright li,.gallery3 .recntright li,.footer .mkrecentpost .widget-content{padding:0;}
  610. .rcentpost > .a0 .rcpstimage{height:220px;}
  611. .rcentpost > .a0 p,.rcentpost > .a0 strong{margin:0 15px;display:block;}
  612. .rcentpost > .a0 p{margin-top:10px;}
  613. .rcentpost > .a0 .info{z-index:2;}
  614. .rcentpost > .a0 strong{margin-top:20px;max-height:none;}
  615. .morepostag a{text-align:center;display:block;height:28px;line-height:28px;margin:5px;background-color:$(keycolor);color:$(post.background.color);}
  616. .morepostag a:hover{background-color:$(but.background.color);}
  617. .morepostag a:active{top:1px;}
  618. .col2 .widget{margin-$endSide:15px;}
  619. .sidebar .widget.mkrecentpost,.footer .widget.mkrecentpost{padding-top:0;}
  620. .socialpostshare{position:absolute;top:-40px;z-index:99;text-align:center;$startSide:3px;}
  621. .socialpostshare a,.simple .rcentpost li .socialpostshare a{display:inline-block;width:16px;height:16px;line-height:16px;color:$(post.background.color);background-color:$(but.background.color);margin:0 1px;}
  622. .socialpostshare .facebook:hover{background-color:#3081D8;}
  623. .socialpostshare .twitter:hover{background-color:#2DAAE1;}
  624. .socialpostshare .google-plus:hover{background-color:#F63E28;}
  625. .rcentpost > .a0 .socialpostshare,.ht .recntright .socialpostshare,.gallery1 .recntright .socialpostshare,.gallery2 li .socialpostshare{$startSide:0;$endSide:0;}
  626. .rcentpost > .a0 .socialpostshare a,.ht .recntright .socialpostshare a{width:32px;height:32px;line-height:32px;font-size:16px;}
  627. .rcentpost > .a0:hover .socialpostshare{top:50%;margin-top:-16px;}
  628. .recntright li:hover .socialpostshare{top:30px;margin-top:-8px;}
  629. .recntright li .comnum,.simple .rcentpost > .a0 .comnum{margin-$startSide:5px;}
  630. .recntright li .comnum a{color:$(main.text.color);}
  631. .fa{font-size:14px;}
  632. .col3 .widget{margin-$endSide:15px;}
  633. .vertical2 .rcentpost > .a0 strong,.slider1 .rcentpost strong,.relatedinner strong{font-size:120%;margin:20px 10px 10px;padding-$startSide:8px;overflow:hidden;max-height:55px;}
  634. .vertical2 .recntright li,.noimage .rcentpost li{border-top:1px dashed $(title.border.color);padding:5px 0;margin:0 10px;padding-$startSide:10px;}
  635. .vertical2 .rcentpost > .a0 strong:before,.vertical2 .recntright li:before,.slider1 .rcentpost strong:before,.noimage .rcentpost li:before,.relatedinner strong:before{content:"";position:absolute;$startSide:0;background-color:$(keycolor);}
  636. .vertical2 .rcentpost > .a0 strong:before,.slider1 .rcentpost strong:before,.relatedinner strong:before{width:3px;height:17px;top:1px;}
  637. .vertical2 .recntright li:before,.noimage .rcentpost li:before{width:4px;height:4px;top:13px;}
  638. .slider1 .rcentpost strong:before,.relatedinner strong:before{height:15px;top:2px;}
  639. .col3 .rcentpost > .a0 .rcpstimage{height:180px;}
  640. .col3 .topmetainfo{top:160px;}
  641. .rcbytag.s .rcentpost li{width:200px;}
  642. .rcbytag.s li .inner,.relatedinner .inner{margin-$endSide:15px;background-color:$(post.background.color);}
  643. .rcbytag.s .rcentpost .rcpstimage,.relatedinner .rltdimg{height:150px;}
  644. .homepost .sidebar .widget{margin-$endSide:15px;margin-bottom:15px;}
  645. .homepost #middle-atas .widget{margin-bottom:15px;}
  646. .slider1 .widget-content{background-color:transparent;border:0;}
  647. .slider1 .post-content,.relatedinner .post-content{padding:20px 8px;height:150px;}
  648. .slider1 .topmetainfo,.relatedinner .topmetainfo{top:130px;z-index:9;}
  649. .rcbytag.s ul{overflow:hidden;}
  650. .rcbytag.s .rcentpost{width:2000%;}
  651. .slider1 .rcentpost > .a0 strong,.slider1 .rcentpost strong,.relatedinner strong{margin:0;font-size:110%;display:block;}
  652. .slider1 .rcentpost .socialpostshare a,.rltdimg .socialpostshare a{width:24px;height:24px;line-height:24px;}
  653. .gallery2 .rcentpost li .socialpostshare a{width:18px;height:18px;line-height:18px;font-size:11px;}
  654. .slider1 .rcentpost .socialpostshare,.rltdimg .socialpostshare{$startSide:auto;$endSide:10px;top:80px;margin-top:0;}
  655. .slider1 .rcentpost li:hover .socialpostshare,.rltdimg:hover .socialpostshare{top:128px;margin-top:0;}
  656. .recntright strong a:hover{text-decoration:underline;}
  657. .homepost .widget.slider1{margin-$endSide:0;}
  658. .flex-control-paging{margin:0;text-align:center;}
  659. .flex-control-paging li{display:inline;}
  660. .flex-control-paging li a{width:12px;height:12px;margin:10px 4px;text-indent:-9999px;cursor:pointer;display:inline-block;background-color:$(but.background.color);}
  661. .flex-control-paging li .flex-active{background-color:$(keycolor);}
  662. .flex-direction-nav,.flex-direction-nav li{position:static;}
  663. .flex-direction-nav a{position:absolute;top:55px;width:24px;height:41px;text-indent:-9999px;background-color:$(post.background.color);z-index:9;}
  664. .flex-direction-nav .flex-prev{$startSide:0;}
  665. .flex-direction-nav .flex-next{$endSide:15px;}
  666. .flex-direction-nav .flex-prev:active{$startSide:-2px;}
  667. .flex-direction-nav .flex-next:active{$endSide:13px;}
  668. .flex-direction-nav a:before,.pager-isi a:before,.linkgrey:before{content:"";position:absolute;top:50%;margin-top:-7px;height:0;width:0;border:8px solid transparent;}
  669. .flex-direction-nav a.flex-next:before,.pager-isi a.blog-pager-older-link-item:before{$startSide:8px;border-$startSide-color:$(keycolor);}
  670. .flex-direction-nav a.flex-prev:before,.pager-isi a.blog-pager-newer-link-item:before{$endSide:8px;border-$endSide-color:$(keycolor);}
  671. .slider1 .youtubeplay i{font-size:40px;}
  672. .recntright .youtubeplay i,.gallery2 .youtubeplay i,.gallery1 .recntright .youtubeplay i,.simple .youtubeplay i{font-size:30px;}
  673. .recntright .youtubeplay,.gallery2 .youtubeplay,.gallery1 .recntright .youtubeplay,.simple .youtubeplay{width:50px;height:30px;margin-$startSide:-25px;margin-top:-15px;line-height:30px;font-size:30px;}
  674. .horizontal .rcentpost > .a0,.horizontal .recntright,.ht .rcentpost > .a0,.ht .recntright,.gallery1 .rcentpost > .a0,.gallery1 .recntright,.combine .recntright li,.combine .rcentpost > .a0 .rcpstimage,.gallery3 .recntright li{width:50%;float:$startSide;}
  675. .rcentpost,.morepostag{overflow:hidden;}
  676. .sidebar.col5 .widget{margin-$endSide:15px;}
  677. .horizontal .recntright,.vertical1 .recntright{background-color:$(post.border.color);background-color:rgba(0,0,0,0.03);}
  678. .horizontal .recntright ul,.vertical1 .recntright ul{padding-top:10px;}
  679. .loadingxx{background-image:url(http://4.bp.blogspot.com/-TnSE_uBapbc/UXVKY6X6faI/AAAAAAAAI_s/rTt1Js3H8s0/s1600/progress_ani.gif);background-repeat:no-repeat;background-position:50% 50%;min-height:200px;}
  680. .featured .rcbytag.s li .inner{margin-$endSide:0;background-color:transparent;}
  681. .featured .flex-control-paging li{width:20px;display:block;float:$startSide;}
  682. .featured .flex-control-paging{position:absolute;$endSide:5px;top:0;z-index:99;padding-top:5px;padding-$endSide:0;}
  683. .featured .flex-control-paging li a{width:90%;margin:0 auto 2px;height:14px;display:block;background-color:$(post.border.color);}
  684. .featured .flex-control-paging li a:hover{background-color:$(but.background.color);}
  685. .featured .flex-control-paging li .flex-active{background-color:$(keycolor);}
  686. .featured .flex-control-paging:hover li a{height:17px;}
  687. .featuredpost .feathumb{width:100%;display:block;height:400px;overflow:hidden;}
  688. .featuredpost .feathumb img,.postinfo img{height:100%;width:100%;}
  689. .featured .rcbytag.s .rcentpost{width:100%;}
  690. .featured .flex-direction-nav a{top:50%;margin-top:-20px;}
  691. .featured .flex-direction-nav .flex-next{$endSide:10px;}
  692. .featured .flex-direction-nav .flex-prev{$startSide:10px;}
  693. .featinfo{position:absolute;bottom:0;color:$(post.background.color);z-index:9;padding:10px 20px;$startSide:0;$endSide:0;}
  694. .featinfo .comnum{margin-$startSide:8px;}
  695. .featured .widget-content,.gallery3 .widget-content{border:0;background-color:transparent;}
  696. .featuredpost strong a,.featinfo a,.gallery3 strong a,.ht .rcentpost p{color:$(post.background.color);}
  697. .featuredpost p{margin:5px 0;}
  698. .featuredpost strong a,.gallery3 strong a{text-shadow:0 1px 1px $(title.text.color);}
  699. .gallery3 .recntright .rcpstimage,.ht .recntright .rcpstimage{width:auto;float:none;margin-$endSide:0;height:150px;}
  700. .gallery3 .rcentpost li strong{margin:0;position:absolute;z-index:2;bottom:5px;left:10px;right:10px;font-size:110%;}
  701. .gallery3 .rcentpost > .a0{margin-bottom:15px;}
  702. .gallery3 .rcentpost > .a0 .rcpstimage{height:235px;}
  703. .gallery3 .recntright .a1 .inner{margin-$endSide:7px;}
  704. .gallery3 .recntright .a2 .inner{margin-$startSide:7px;}
  705. .gallery3 .recntright li:hover .socialpostshare{top:12px;}
  706. .ht .rcentpost,.ht .topmetainfo .isiinfo,.ht .infometa{background-color:$(keycolor);}
  707. .ht .recntright{background-color:$(post.background.color);}
  708. .ht .topmetainfo .isiinfo,.ht .rcentpost > .a0 strong a{color:$(post.background.color);}
  709. .ht .infometa:before{border-top-color:$(keycolor);}
  710. .ht .recntright .info{background-color:$(post.border.color);padding:4px 6px;}
  711. .ht .recntright strong,.gallery3 .rcentpost > .a0 strong{font-size:120%;margin-top:5px;display:block;}
  712. .ht .recntright li .comnum{float:$endSide;}
  713. .ht .recntright li{padding:10px;}
  714. .ht .rcentpost > .a0 .rcpstimage{height:280px;}
  715. .ht .topmetainfo{top:260px;}
  716. .gallery1 .recntright .rcpstimage,.gallery2 .rcentpost li .rcpstimage{float:none;width:auto;margin-right:0;height:80px;}
  717. .gallery1 .recntright li,.gallery2 .rcentpost li{float:$startSide;width:33.3%;padding:0;}
  718. .gallery1 .recntright .inner{padding:5px;}
  719. .postinfo{display:none;position:absolute;background-color:$(post.background.color);border:1px solid $(post.border.color);max-width:320px;text-align:$startSide;z-index:999;font:normal normal 12px Tahoma,Helvetica,Arial,sans-serif;}
  720. .postinfo .inner{padding:10px;}
  721. .postinfo a{display:block;width:100%;height:160px;overflow:hidden;margin-bottom:5px;}
  722. .postinfo strong{display:block;font-size:120%;line-height:1.6em;margin-bottom:5px;}
  723. .postinfo p{margin:10px 0;line-height:1.6em;}
  724. .postinfo i,.rcommentarea i{font-size:14px;}
  725. .gallery1 .rcentpost > .a0 .rcpstimage{height:260px;}
  726. .gallery2 .rcentpost .inner{padding:5px 4px;}
  727. .gallery2 .rcentpost{padding:2px 4px;}
  728. .sidebar .widget.gallery2,.sidebar .widget.noimage,.sidebar .widget.simple{padding-top:20px;}
  729. .noimage .rcentpost > .a0 strong,.simple .rcentpost > .a0 strong{font-size:100%;margin:0;}
  730. .noimage .rcentpost li.a0{border-top:0;}
  731. .noimage .rcentpost{padding:12px 0 8px;}
  732. .combine .recntright .inner{margin:0 10px 10px;}
  733. .combine .rcentpost > .a0 .rcpstimage{margin-$endSide:15px;}
  734. .combine .rcentpost > .a0{padding-bottom:20px;}
  735. .combine .rcentpost > .a0 p,.combine .recntright ul,.combine .rcentpost > .a0{overflow:hidden;}
  736. .combine .rcentpost > .a0 strong{margin-top:0;padding-top:10px;}
  737. .combine .recntright{background-color:$(post.border.color);background-color:rgba(0,0,0,0.03);padding:10px 0 0;}
  738. .section:last-child .widget:last-child{margin-bottom:15px;}
  739. .ht .recntright li:hover .socialpostshare,.gallery1 .recntright li:hover .socialpostshare,.gallery2 .rcentpost li:hover .socialpostshare{top:50%;margin-top:-16px;}
  740. .gallery1 .recntright li:hover .socialpostshare,.gallery2 .rcentpost li:hover .socialpostshare{margin-top:-9px;}
  741. .simple .rcentpost > .a0 strong a:hover,.noimagez .rcentpost > .a0 strong a:hover{text-decoration:underline;}
  742. .simple .rcentpost > .a0{overflow:hidden;padding:10px 15px;}
  743. .simple .topmetainfo{position:static;}
  744. .simple .topmetainfo .isiinfo,.simple .infometa,.simple .isiinfo:hover .infometa,.simple .rcentpost > .a0 .comnum{display:inline;}
  745. .simple .topmetainfo .isiinfo{float:none;width:auto;margin-$endSide:0;text-align:$startSide;}
  746. .simple .infometa{position:static;padding:0;}
  747. .simple .rcentpost{padding-top:10px;}
  748. .simple .rcentpost > .a0 .socialpostshare a{font-size:11px;}
  749. .simple .rcentpost > .a0:hover .socialpostshare{top:50%;margin-top:-8px;}
  750. #main-top-slide3 .slider1{margin-$endSide:-15px;}
  751. .ticknews{overflow:hidden;background-color:$(news.background.color);width:100%;margin-top:15px;}
  752. .newstitle{display:block;position:absolute;background-color:$(keycolor);color:$(post.background.color);padding:0 10px;height:49px;line-height:49px;$startSide:0;top:0;z-index:999;margin-top:0;font-size:150%;}
  753. .newstickarea{height:49px;overflow:hidden;margin-$startSide:130px;padding-$endSide:130px;}
  754. .newstickarea a{color:$(post.background.color);}
  755. .newstickarea ul,.newstickarea li{margin:0;padding:0;list-style:none;z-index:0;}
  756. .newstickimg{float:$startSide;width:39px;height:39px;margin-$endSide:5px;margin-$startSide:10px;margin-top:5px;}
  757. .newstickerimg{display:block;width:100%;height:100%;}
  758. .ticknews h4{margin:0;display:block;font-size:15px;margin-$endSide:15px;line-height:49px;}
  759. .ticknews h4 a{text-decoration:none;}
  760. .newstickarea li{line-height:49px;}
  761. .newstick .youtubeplay{width:20px;height:20px;margin-left:-10px;margin-top:-10px;line-height:20px;font-size:18px;}
  762. .newstick .youtubeplay i{font-size:18px;}
  763. .newstickarea .flex-direction-nav a{top:4px;background-color:$(but.background.color);}
  764. .newstickarea .flex-direction-nav .flex-next{$endSide:5px;}
  765. .newstickarea .flex-direction-nav .flex-prev{$endSide:32px;$startSide:auto;}
  766. .rcomnetxx,.rcomnetxx li{margin:0;padding:0;}
  767. .rcomnetxx li{overflow:hidden;float:$startSide;}
  768. .rcomnetxx .kmtimg{display:block;position:absolute;width:40px;height:40px;overflow:hidden;-moz-border-radius:5000px;-webkit-border-radius:5000px;border-radius:5000px;$endSide:0;bottom:0;z-index:9;}
  769. .rcomnetxx .kmtimg img{display:block;width:100%;height:100%;}
  770. .rcommentarea{padding:10px;border:1px solid $(post.border.color);margin-bottom:10px;margin-$endSide:10px;margin-$startSide:1px;}
  771. .rcommentarea p{margin:10px 0;}
  772. .rcommentmkrflat{padding-top:15px;}
  773. .rcommentmkrflat .flex-control-paging{position:absolute;top:-5px;$endSide:0;}
  774. .rcommentmkrflat .flex-control-paging li{padding:0;}
  775. .rcommentmkrflat .flex-control-paging a{margin:0 2px;width:10px;height:10px;}
  776. .rcommentarea .judulx{font-weight:bold;}
  777. #dsq-recentcoment li.dsq-widget-item{padding:5px 0;margin:0;}
  778. #dsq-recentcoment img.dsq-widget-avatar{width:50px;height:50px;margin-$endSide:5px;padding:3px;float:$startSide;}
  779. #dsq-recentcoment ul.dsq-widget-list{text-align:$startSide;}
  780. .relatedinner ul,.relatedinner li{padding:0;margin:0;list-style:none;}
  781. .relatedinner .rltcaraousel{width:1600%;}
  782. .relatedinner .rltcaraousel li{float:$startSide;width:210px;}
  783. .relatedinner .rltdimg img{max-height:120%;}
  784. .relatedinner strong{line-height:1.5em;}
  785. .slider1 .rcentpost li .post-content p{display:block;}
  786. /*-- PageNavigation -- */
  787. #blog-pagerindex{display:none;overflow:hidden;padding-bottom:5px;}
  788. #blog-pagerindex > span,.mkrflats #uds-searchControl .gsc-cursor-page{display:block;float:$startSide;}
  789. .showpagePoint,.showpageNum a,.mkrflats #uds-searchControl .gsc-cursor-page,.showpage a{display:block;width:32px;height:32px;text-align:center;line-height:32px;margin-$endSide:2px;background-color:$(but.background.color);color:$(post.background.color);}
  790. .showpagePoint,.showpageNum a:hover,.showpage a:hover,.mkrflats #uds-searchControl .gsc-cursor-current-page{background-color:$(keycolor);}
  791. .showpageNum a:active,.mkrflats #uds-searchControl .gsc-cursor-page:active,.showpage a:active{top:1px;}
  792. .gsc-results .gsc-cursor-box{overflow:hidden;padding-bottom:2px;}
  793. .mkrflats #uds-searchControl .gsc-cursor-page{width:24px;height:24px;line-height:24px;text-decoration:none;position:relative;outline:0;}
  794. .pager-isi{overflow:hidden;padding:15px 0;margin-$endSide:15px;}
  795. .pager-isi h5,.pager-isi h6{margin:0;}
  796. .pager-isi a,.linkgrey{display:block;width:50%;}
  797. .blog-pager-newer-link-item,.linkgrey.left{float:$startSide;text-align:$startSide;}
  798. .blog-pager-older-link-item,.linkgrey.right{float:$endSide;text-align:$endSide;}
  799. .pager-isi h6{font-size:150%;}
  800. .pager-isi h5{font-size:120%;color:$(keycolor);}
  801. .blog-pager-older-link-item h5,.blog-pager-older-link-item h6,.linkgrey.right h5,.linkgrey.right h6{padding-$endSide:20px;}
  802. .blog-pager-newer-link-item h5,.blog-pager-newer-link-item h6,.linkgrey.left h5,.linkgrey.left h6{padding-$startSide:20px;}
  803. .pager-isi a.blog-pager-older-link-item:before,.linkgrey.right:before{$startSide:auto;$endSide:-5px;}
  804. .pager-isi a.blog-pager-newer-link-item:before,.linkgrey.left:before{$endSide:auto;$startSide:-5px;}
  805. .linkgrey.left:before{border-$endSide-color:$(main.text.color);}
  806. .linkgrey.right:before{border-$startSide-color:$(main.text.color);}
  807. .linkgrey h5{color:$(main.text.color);}
  808. /*-- Footer -- */
  809. #footer-wrapper{background-color:$(footer.background.color);color:$(foot.text.color);padding-top:30px;}
  810. .footer .recntright li .comnum a{color:$(foot.text.color);}
  811. .footer .widget{margin:0 7px 15px;overflow: hidden;}
  812. .footer .topmetainfo .isiinfo,.footer .infometa{background-color:$(footwidget.background.color);}
  813. .footer .infometa:before{border-top-color:$(footwidget.background.color);}
  814. .footer .rcentpost strong a,.footer .rcommentarea .judulx{color:$(foot.linkhov.color);}
  815. .footer,.footer li{line-height:1.5em;}
  816. .footer .vertical2 .recntright li,.footer .noimage .rcentpost li,.footer .rcentpost > .a0 p{border-top:1px dashed $(foottitle.border.color);}
  817. .footer .recntright li .inner,.footer .simple .rcentpost > .a0 .inner{border-bottom:1px dashed $(foottitle.border.color);}
  818. .footer .vertical2 .recntright li .inner,.footer .gallery1 .recntright li .inner,.footer .gallery3 .recntright .inner,.footer .ht .recntright .inner,.footer .gallery2 .recntright .inner,.footer .noimage .recntright li .inner{border-bottom:0;}
  819. .navix.credit{padding:10px 0;}
  820. .navix.credit{background-color:$(footwidget.background.color);}
  821. .navix.credit a{display:inline-block;padding:5px 2px;}
  822. .footer .widget,.footer .widget.noimage,.footer .widget.simple,.footer .widget.gallery2{padding-top:23px;}
  823. .footer .widget > h2 a{color:$(foot.linkhov.color);}
  824. .footer .widget.mkrecentpost > h2 a{margin-$endSide:5px;}
  825. .footer .widget.mkrecentpost > h2 i{font-size:18px;}
  826. .footer .widget-content,.footer .contact-form-widget{padding:15px 10px;}
  827. .footer .widget > h2{font-size:125%;line-height:24px;}
  828. .footer .widget > h2:after{border-width:12px 4px;display:none;}
  829. .footer .widget > h2:before {width: 700px;height: 2px;display: block;bottom: -1px;content: "";position: absolute;background-color: $(keycolor);$startSide: 0;}
  830. .footer .flex-control-paging li a{background-color:$(foot.text.color);}
  831. .footer .flex-control-paging li .flex-active{background-color:$(keycolor);}
  832. .sidebar li:after,.footer li:after {content: "";width: 5px;height: 5px;position: absolute;$startSide: 0;top: 7px;background-color: $(keycolor);}
  833. .navix.credit a:hover,.footer a:hover{color:$(foot.linkhov.color);}
  834. .footer .widget.mkrecentpost > h2:after,.footer .widget.simple.mkrecentpost > h2:before,.footer .widget.gallery2.mkrecentpost > h2:before,.footer .widget.noimage.mkrecentpost > h2:before {display: block;}
  835. .footer .widget.mkrecentpost > h2:before,.footer .widget.simple > h2:after,.footer .widget.gallery2 > h2:after,.footer .widget.noimage > h2:after {display: none;}
  836. .footer .morepostag a:hover{background-color:$(foot.text.color);color:$(footwidget.background.color);}
  837. .widget iframe{max-width:100%;}
  838. #top{position:absolute;position:fixed;left:50%;display:none;width:40px;margin-left:-20px;z-index:999;bottom:0;color:$(post.background.color);height:40px;background-color:$(keycolor);cursor:pointer;line-height:50px;}
  839. #top .fa{font-size:2em;}
  840. #top:hover{height:45px;}
  841. .sidebar .rcbytag li:after,.footer .rcbytag li:after, .popular-posts li:after,.rcommentmkrflat li:after, .Label li:after,.BlogArchive li:after,#dsq-recentcoment li.dsq-widget-item:after, .nobullet li:after{display:none;}
  842. /*-- RESPONSIVE -- */
  843. @media screen and (max-width:1150px){
  844. #header{max-width:230px;}
  845. .latestimg,.rcentpost > .a0 .rcpstimage{height:180px;}
  846. #sidebar-wrapper,.sidebar.col4{width:34%;}
  847. #main-wrapper,.sidebar.col5{width:66%;}
  848. .index .post-body,.archive .post-body{background-color:$(post.background.color);height:392px;}
  849. .topmetainfo{top:160px;}
  850. .col3 .rcentpost > .a0 .rcpstimage{height:160px;}
  851. .col3 .topmetainfo{top:140px;}
  852. .featuredpost .feathumb{height:350px;}
  853. .gallery3 .recntright .rcpstimage{height:130px;}
  854. .gallery3 .rcentpost > .a0 .rcpstimage{height:205px;}
  855. .ht .rcentpost > .a0 .rcpstimage{height:250px;}
  856. .ht .topmetainfo{top:230px;}
  857. .footer .gallery2 .rcentpost li .rcpstimage{height:60px;}
  858. }
  859. @media screen and (max-width:1005px){
  860. #headads,#header{float:none;width:auto;margin:0 auto;}
  861. #header{text-align:center;max-width:600px;}
  862. .navbutton{position:absolute;z-index:2;color:$(nav.text.color);font-size:28px;cursor:pointer;}
  863. .navi .widget-content > ul,.navisoc ul,#searchnya,.addthis_share{display:none;}
  864. .showmenu #midnav .widget-content > ul,.showtopmenu #topnav .widget-content > ul,.showsrcbutton #searchnya,.navbutton{display:block;}
  865. .topnavbutton,.midnavbutton{$startSide:10px;}
  866. .srcbutton,.socbutton{$endSide:10px;}
  867. .footer-wrap .col4{width:50%;}
  868. .footer .gallery2 .rcentpost li .rcpstimage{height:80px;}
  869. .mkrsocbutton .navisoc ul,.mkrtopnavbutton #topnav .widget-content > ul,.mkrmidnavbutton #midnav .widget-content > ul,.mkrsrcbutton #searchnya{display:block;top:40px;position:absolute;background-color:$(nav.background.color);}
  870. .mkrsocbutton .navisoc ul,.mkrmidnavbutton #midnav .widget-content > ul{$endSide:10px;}
  871. .mkrmidnavbutton #midnav .widget-content > ul{$startSide:10px;top:50px;margin-$startSide:0;}
  872. .mkrsocbutton .navisoc.right,.mkrtopnavbutton #topnav,.navi li,.mkrmidnavbutton #midnav .widget-content > ul{float:none;}
  873. .mkrtopnavbutton #topnav .widget-content > ul{$startSide:10px;min-width:450px;}
  874. #midnav .widget-content > ul{height:auto;}
  875. .navi li a.home:before,.navi li a.home:after,.navi .widget-content > ul > li:hover > a:before,.navi .widget-content > ul > li:hover > a:after{display:none;}
  876. .navi li.submenu:after{top:18px;}
  877. .navi li ul{position:static;opacity:1;visibility:visible;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);margin-left:15px;transform:scale(1);}
  878. .navi li ul,.navi li ul ul,.navi .widget-content > ul > li:hover > a,.navi .widget-content > ul li a.home{background-color:transparent;}
  879. .mkrmidnavbutton #midnav .widget-content > ul,.mkrtopnavbutton #topnav .widget-content > ul,.mkrsrcbutton #searchnya{z-index:9999;}
  880. #navtop{z-index:99999;}
  881. .mkrtopnavbutton #topnav .widget-content > ul:after,.mkrmidnavbutton #midnav .widget-content > ul:after,.mkrsocbutton .navisoc ul:after,.mkrsrcbutton #searchnya:after,.addthis_share:after{content:'';position:absolute;bottom:100%;$startSide:12px;height:0;width:0;border:10px solid transparent;border-bottom-color:$(nav.background.color);}
  882. .mkrtopnavbutton #topnav .widget-content > ul:after{$startSide:11px;}
  883. .mkrsocbutton .navisoc ul:after,.mkrsrcbutton #searchnya:after,.addthis_share:after{$startSide:auto;$endSide:11px;}
  884. .navisoc ul,.mkrsrcbutton #searchnya,.mkrsrcbutton #searchnya input,.mkrsrcbutton #searchnya button{overflow:visible;margin-top:0;}
  885. .mkrsrcbutton #searchnya{$endSide:10px;top:50px;padding:8px;}
  886. .mkrsrcbutton #searchnya:after{$endSide:12px;}
  887. .mkrsocbutton .navisoc ul{padding:5px;}
  888. #midnav li.submenu:after{top:23px;}
  889. #midnav li li.submenu:after{top:14px;}
  890. .itemtags{padding-$endSide:30px;}
  891. .addthisbutton.navbutton{width:26px;height:24px;$endSide:0;top:0;line-height:17px;}
  892. .addthisbutton.navbutton .fa{font-size:19px;}
  893. .mkraddthisbutton .addthis_share{display:block;top:50px;z-index:9;padding:5px;background-color:$(post.border.color);right:10px;}
  894. .addthis_share:after{border-bottom-color:$(post.border.color);$endSide:4px;}
  895. #header img {margin-$startSide: auto;}
  896. .navi .widget-content > ul li a.home .fa {display: none;}
  897. .navi .widget-content > ul li a.home {text-indent: 0;width: auto;padding: 0 12px;}
  898. }
  899. @media screen and (max-width:768px){
  900. #main-wrapper,#sidebar-wrapper,.sidebar.col5,.sidebar.col4,.footer-wrap .col4{float:none;display:block;width:auto;}
  901. .sidebar.col5 .widget,.homepost .sidebar .widget,.item .post-mkrflat,.static_page .post-mkrflat,.comment-box,.error-custom,.post-mkrflat-mobile,#blog-pager-mobile{margin-$endSide:0;}
  902. #comment-post-picker{$endSide:0;}
  903. .col2,.col3{width:auto;}
  904. .pull-right,.pull-left{float:none;}
  905. .vertical2 .rcentpost > .a0,.vertical2 .recntright{width:50%;float:$startSide;}
  906. .gallery2 .rcentpost li{width:16.65%;}
  907. #headads{display:none;}
  908. .footer .widget{margin:0 0 15px;}
  909. .mkrtopnavbutton #topnav .widget-content > ul{$endSide:10px;min-width:0;}
  910. }
  911. @media screen and (max-width:570px){
  912. .index .post-outer-mkrflat,.homeq .post-outer-mkrflat,.archive .post-outer-mkrflat,.vertical2 .rcentpost > .a0,.vertical2 .recntright{float:none;width:auto;}
  913. .index .post-mkrflat,.homeq .post-mkrflat,.archive .post-mkrflat{margin-$endSide:0;}
  914. .post-body iframe{max-height:400px;}
  915. }
  916. @media screen and (max-width:450px){
  917. .horizontal .rcentpost > .a0,.horizontal .recntright,.ht .rcentpost > .a0,.ht .recntright,.gallery1 .rcentpost > .a0,.gallery1 .recntright,.combine .recntright li,.combine .rcentpost > .a0 .rcpstimage{width:auto;float:none;}
  918. .gallery2 .rcentpost li{width:33.3%;}
  919. .featuredpost .feathumb{height:280px;}
  920. .combine .rcentpost > .a0 .rcpstimage{margin-$endSide:0;}
  921. .combine .rcentpost > .a0{padding-bottom:0;}
  922. .featuredpost p,.newstickplace{display:none;}
  923. .featuredpost strong{margin-bottom:10px;}
  924. .post-body .separator > a{float:none!important;margin:0 0 15px!important;clear:none!important;}
  925. .navix.credit .pull-right{margin-top:5px;}
  926. .post-body iframe{max-height:360px;}
  927. }
  928. @media print{
  929. #navtop,#nav,#sidebar-wrapper,#related_posts,#blog-pager-item,.comments,#footer-wrapper,#headads,.itemtags,.addthis_share,.itemtopmetainfo,.widget .simpleTab .tab-wrapper,#top{display:none!important;}
  930. #main-wrapper,#header{width:100%;float:none;max-width:100%;}
  931. #header{text-align:center;}
  932. .simpleTab .tab-content{display:block!important;}
  933. .item .post-mkrflat,.post-mkrflat .post-title,.error-custom h2{border:0;}
  934. .post-mkrflat .post-title,.error-custom h2{margin-bottom:20px;}
  935. }
  936. ]]></b:skin>
  937.  
  938. </head>
  939.  
  940. <body expr:class='data:blog.pageType' itemscope='' itemtype='http://schema.org/WebPage'>
  941. &lt;div class=&quot;<b:if cond='data:blog.url == data:blog.homepageUrl'>homeq<b:else/><data:blog.pageType/></b:if>&quot; id=&quot;outer-wrapper-mkrflat&quot;&gt;
  942. <b:if cond='data:blog.mobileClass == &quot;&quot;'>
  943. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
  944. </b:if>
  945. <div class='navix naviqx topmenux' id='navtop'>
  946. <div class='isiwrap'>
  947. <span class='topnavbutton navbutton'><i class='fa fa-bars'/></span>
  948. <span class='socbutton navbutton'><i class='fa fa-heart'/></span>
  949. <b:section class='navi navitop left' id='topnav' maxwidgets='1'>
  950. <b:widget id='HTML100' locked='true' mobile='yes' title='Top Menu' type='HTML'>
  951. <b:includable id='main'>
  952. <!-- only display title if it's non-empty -->
  953. <b:if cond='data:title != &quot;&quot;'>
  954. <h2 class='title'><data:title/></h2>
  955. </b:if>
  956. <div class='widget-content'>
  957. <data:content/>
  958. </div>
  959.  
  960. </b:includable>
  961. </b:widget>
  962. </b:section>
  963. <b:section class='navisoc navitop right' id='socialnav' maxwidgets='1'>
  964. <b:widget id='LinkList100' locked='true' mobile='yes' title='Social Link' type='LinkList'>
  965. <b:includable id='main'>
  966.  
  967. <b:if cond='data:title'><h2><data:title/></h2></b:if>
  968. <div class='widget-content'>
  969. <ul>
  970. <b:loop values='data:links' var='link'>
  971. <li><a expr:href='data:link.target'><data:link.name/></a></li>
  972. </b:loop>
  973. </ul>
  974. </div>
  975. </b:includable>
  976. </b:widget>
  977. </b:section>
  978. <div class='clear'/>
  979. </div>
  980. </div>
  981. <header id='header-wrapper' itemscope='' itemtype='http://schema.org/WPHeader'>
  982. <div class='isiwrap'>
  983. <b:section class='header left' id='header' maxwidgets='1' showaddelement='no'>
  984. <b:widget id='Header1' locked='true' title='Keyz Cenly Blog (Tiêu đề)' type='Header'>
  985. <b:includable id='main'>
  986. <b:if cond='data:useImage'>
  987. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  988. <!--
  989. Show image as background to text. You can't really calculate the width
  990. reliably in JS because margins are not taken into account by any of
  991. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  992. width if the user is using shrink to fit.
  993. This results in a margin-width's worth of pixels being cropped. If the
  994. user is not using shrink to fit then we expand the header.
  995. -->
  996. <b:if cond='data:mobile'>
  997. <div id='header-inner'>
  998. <div class='titlewrapper' style='background: transparent'>
  999. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1000. <h1 class='title' itemprop='name' style='background: transparent; border-width: 0px'>
  1001. <b:include name='title'/>
  1002. </h1>
  1003. <b:else/>
  1004. <p class='title' itemprop='name' style='background: transparent; border-width: 0px'>
  1005. <b:include name='title'/>
  1006. </p>
  1007. </b:if>
  1008. </div>
  1009. <b:include name='description'/>
  1010. </div>
  1011. <b:else/>
  1012. <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'>
  1013. <div class='titlewrapper' style='background: transparent'>
  1014. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1015. <h1 class='title' itemprop='name' style='background: transparent; border-width: 0px'>
  1016. <b:include name='title'/>
  1017. </h1>
  1018. <b:else/>
  1019. <p class='title' itemprop='name' style='background: transparent; border-width: 0px'>
  1020. <b:include name='title'/>
  1021. </p>
  1022. </b:if>
  1023. </div>
  1024. <b:include name='description'/>
  1025. </div>
  1026. </b:if>
  1027. <b:else/>
  1028. <!--Show the image only-->
  1029. <div id='header-inner'>
  1030. <a expr:href='data:blog.homepageUrl' style='display: block'>
  1031. <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'/>
  1032. </a>
  1033. <!--Show the description-->
  1034. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1035. <b:include name='description'/>
  1036. </b:if>
  1037. </div>
  1038. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1039. <h1 class='title imageheader' itemprop='name'>
  1040. <b:include name='title'/>
  1041. </h1>
  1042. <b:else/>
  1043. <p class='title imageheader' itemprop='name'>
  1044. <b:include name='title'/>
  1045. </p>
  1046. </b:if>
  1047. </b:if>
  1048. <b:else/>
  1049. <!--No header image -->
  1050. <div id='header-inner'>
  1051. <div class='titlewrapper'>
  1052. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1053. <h1 class='title' itemprop='name'>
  1054. <b:include name='title'/>
  1055. </h1>
  1056. <b:else/>
  1057. <p class='title' itemprop='name'>
  1058. <b:include name='title'/>
  1059. </p>
  1060. </b:if>
  1061. </div>
  1062. <b:include name='description'/>
  1063. </div>
  1064. </b:if>
  1065. </b:includable>
  1066. <b:includable id='description'>
  1067. <div class='descriptionwrapper'>
  1068. <p class='description'><span><data:description/></span></p>
  1069. </div>
  1070. </b:includable>
  1071. <b:includable id='title'>
  1072. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1073. <data:title/>
  1074. <b:else/>
  1075. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  1076. </b:if>
  1077. </b:includable>
  1078. </b:widget>
  1079. </b:section>
  1080. <b:section class='head right' id='headads' maxwidgets='1' preferred='yes'>
  1081. <b:widget id='HTML102' locked='true' mobile='yes' title='Ads (728x90)' type='HTML'>
  1082. <b:includable id='main'>
  1083. <!-- only display title if it's non-empty -->
  1084. <b:if cond='data:title != &quot;&quot;'>
  1085. <h2 class='title'><data:title/></h2>
  1086. </b:if>
  1087. <div class='widget-content'>
  1088. <data:content/>
  1089. </div>
  1090.  
  1091. </b:includable>
  1092. </b:widget>
  1093. </b:section>
  1094. <div class='clear'/>
  1095. </div>
  1096. </header>
  1097.  
  1098. <div class='navix naviqx midmenu' id='nav'>
  1099. <div class='isiwrap'>
  1100. <span class='midnavbutton navbutton'><i class='fa fa-bars'/></span>
  1101. <span class='srcbutton navbutton'><i class='fa fa-search'/></span>
  1102. <b:section class='navi' id='midnav' maxwidgets='1'>
  1103. <b:widget id='HTML101' locked='true' mobile='yes' title='Menu' type='HTML'>
  1104. <b:includable id='main'>
  1105. <!-- only display title if it's non-empty -->
  1106. <b:if cond='data:title != &quot;&quot;'>
  1107. <h2 class='title'><data:title/></h2>
  1108. </b:if>
  1109. <div class='widget-content'>
  1110. <data:content/>
  1111. </div>
  1112.  
  1113. </b:includable>
  1114. </b:widget>
  1115. </b:section>
  1116. <div id='searchnya'>
  1117. <form action='/search' id='ajax-search-form'>
  1118. <input name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Text to search...&quot;;}' onfocus='if (this.value == &quot;Text to search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Text to search...'/>
  1119. <button title='Search' type='submit'>Search</button>
  1120. </form>
  1121. </div>
  1122. <div class='clear'/>
  1123. </div>
  1124. </div>
  1125. <b:if cond='data:blog.mobileClass == &quot;&quot;'>
  1126. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1127. <div class='newstickplace'>
  1128. <div class='isiwrap'>
  1129. <div id='newsticker'/>
  1130. </div>
  1131. </div>
  1132. </b:if></b:if>
  1133. <div id='content-wrapper'>
  1134. <div class='isiwrap'>
  1135. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1136. <div class='maintopslide row'>
  1137. <b:section class='sidebar pull-left col5' id='main-top-slide' preferred='yes'>
  1138. <b:widget id='Label3' locked='false' title='[Featured Post][featured][recent][5]' type='Label'>
  1139. <b:includable id='main'>
  1140. <b:if cond='data:title'>
  1141. <h2><data:title/></h2>
  1142. </b:if>
  1143. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  1144. <b:if cond='data:display == &quot;list&quot;'>
  1145. <ul>
  1146. <b:loop values='data:labels' var='label'>
  1147. <li>
  1148. <b:if cond='data:blog.url == data:label.url'>
  1149. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  1150. <b:else/>
  1151. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  1152. </b:if>
  1153. <b:if cond='data:showFreqNumbers'>
  1154. <span dir='ltr'>(<data:label.count/>)</span>
  1155. </b:if>
  1156. </li>
  1157. </b:loop>
  1158. </ul>
  1159. <b:else/>
  1160. <b:loop values='data:labels' var='label'>
  1161. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  1162. <b:if cond='data:blog.url == data:label.url'>
  1163. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  1164. <b:else/>
  1165. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  1166. </b:if>
  1167. <b:if cond='data:showFreqNumbers'>
  1168. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  1169. </b:if>
  1170. </span>
  1171. </b:loop>
  1172. </b:if>
  1173. </div>
  1174. </b:includable>
  1175. </b:widget>
  1176. </b:section>
  1177. <b:section class='sidebar pull-right col4' id='main-top-slide2' preferred='yes'>
  1178. <b:widget id='Label4' locked='false' title='[Công Nghệ][gallery3][recent][3]' type='Label'>
  1179. <b:includable id='main'>
  1180. <b:if cond='data:title'>
  1181. <h2><data:title/></h2>
  1182. </b:if>
  1183. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  1184. <b:if cond='data:display == &quot;list&quot;'>
  1185. <ul>
  1186. <b:loop values='data:labels' var='label'>
  1187. <li>
  1188. <b:if cond='data:blog.url == data:label.url'>
  1189. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  1190. <b:else/>
  1191. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  1192. </b:if>
  1193. <b:if cond='data:showFreqNumbers'>
  1194. <span dir='ltr'>(<data:label.count/>)</span>
  1195. </b:if>
  1196. </li>
  1197. </b:loop>
  1198. </ul>
  1199. <b:else/>
  1200. <b:loop values='data:labels' var='label'>
  1201. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  1202. <b:if cond='data:blog.url == data:label.url'>
  1203. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  1204. <b:else/>
  1205. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  1206. </b:if>
  1207. <b:if cond='data:showFreqNumbers'>
  1208. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  1209. </b:if>
  1210. </span>
  1211. </b:loop>
  1212. </b:if>
  1213. </div>
  1214. </b:includable>
  1215. </b:widget>
  1216. </b:section>
  1217. <div class='clear'/>
  1218. <b:section class='sidebar' id='main-top-slide3' preferred='yes'/>
  1219. </div>
  1220. </b:if>
  1221. <div id='main-wrapper'>
  1222. <div class='innerwrap'>
  1223. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1224. <div class='homepost' id='mainmtop-autoslide'>
  1225. <b:section class='sidebar' id='main-top-autoslide' preferred='yes'/>
  1226. </div>
  1227. </b:if>
  1228. <b:section class='main mkrflats' id='main' showaddelement='no'>
  1229. <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>
  1230. <b:includable id='main' var='top'>
  1231. <b:if cond='data:mobile == &quot;false&quot;'>
  1232. <!-- posts -->
  1233. <div class='blog-posts hfeed'>
  1234. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  1235. <b:include data='top' name='status-message'/>
  1236. </b:if>
  1237. <data:defaultAdStart/>
  1238. <b:loop values='data:posts' var='post'>
  1239. <b:if cond='data:post.isDateStart'>
  1240. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1241. &lt;/div&gt;&lt;/div&gt;
  1242. </b:if>
  1243. </b:if>
  1244. <b:if cond='data:post.isDateStart'>
  1245. &lt;div class=&quot;date-outer&quot;&gt;
  1246. </b:if>
  1247. <b:if cond='data:post.isDateStart'>
  1248. &lt;div class=&quot;date-posts&quot;&gt;
  1249. </b:if>
  1250. <div class='post-outer-mkrflat'>
  1251. <b:include data='post' name='post'/>
  1252. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1253. <b:include data='post' name='fn_comment_picker'/>
  1254. </b:if>
  1255. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1256. <b:include data='post' name='fn_comment_picker'/>
  1257. </b:if>
  1258. </div>
  1259. </b:loop>
  1260. <b:if cond='data:numPosts != 0'>
  1261. &lt;/div&gt;&lt;/div&gt;
  1262. </b:if>
  1263. <data:adEnd/>
  1264. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  1265. <b:include name='error_page_custom'/>
  1266. </b:if>
  1267. </div>
  1268. <div class='clear'/>
  1269. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  1270. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1271. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1272. <!-- navigation -->
  1273. <b:include name='nextprev'/>
  1274. </b:if></b:if></b:if>
  1275. <!-- feed links -->
  1276. <b:include name='feedLinks'/>
  1277.  
  1278. <b:if cond='data:top.showStars'>
  1279. <script src='//www.google.com/jsapi' type='text/javascript'/>
  1280. <script type='text/javascript'>
  1281. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  1282. function initialize() {
  1283. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  1284. google.annotations.createAll();
  1285. google.annotations.fetch();
  1286. }
  1287. google.setOnLoadCallback(initialize);
  1288. </script>
  1289. </b:if>
  1290. <b:else/>
  1291. <b:include name='mobile-main'/>
  1292. </b:if>
  1293. <b:if cond='data:top.showDummy'>
  1294. <data:top.dummyBootstrap/>
  1295. </b:if>
  1296.  
  1297. </b:includable>
  1298. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1299. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1300. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1301. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1302. </a>
  1303. </span>
  1304. </b:includable>
  1305. <b:includable id='backlinks' var='post'>
  1306. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1307. <b:if cond='data:post.numBacklinks != 0'>
  1308. <dl class='comments-block' id='comments-block'>
  1309. <b:loop values='data:post.backlinks' var='backlink'>
  1310. <div class='collapsed-backlink backlink-control'>
  1311. <dt class='comment-title'>
  1312. <span class='backlink-toggle-zippy'>&#160;</span>
  1313. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1314. <b:include data='backlink' name='backlinkDeleteIcon'/>
  1315. </dt>
  1316. <dd class='comment-body collapseable'>
  1317. <data:backlink.snippet/>
  1318. </dd>
  1319. <dd class='comment-footer collapseable'>
  1320. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1321. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1322. </dd>
  1323. </div>
  1324. </b:loop>
  1325. </dl>
  1326. </b:if>
  1327. <p class='comment-footer'>
  1328. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  1329. </p>
  1330. </b:includable>
  1331. <b:includable id='breadcrumb'>
  1332. <div class='breadcrumbs'>
  1333. <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a class='homex' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><data:homeMsg/></span></a></span>
  1334. <b:loop values='data:posts' var='post'>
  1335. <span class='ultagnya'>
  1336. <b:loop values='data:post.labels' var='label'>
  1337. <span class='labeltag' itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
  1338. <a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
  1339. </b:loop>
  1340. </span>
  1341. </b:loop>
  1342. </div>
  1343. </b:includable>
  1344. <b:includable id='comment-form' var='post'>
  1345. <div class='comment-form'>
  1346. <a name='comment-form'/>
  1347. <b:if cond='data:mobile'>
  1348. <h4 id='comment-post-message'>
  1349. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1350. <p><data:blogCommentMessage/></p>
  1351. <data:blogTeamBlogMessage/>
  1352. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1353. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1354. <b:else/>
  1355. <p><data:blogCommentMessage/></p>
  1356. <data:blogTeamBlogMessage/>
  1357. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1358. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1359. </b:if>
  1360. <data:post.friendConnectJs/>
  1361. <data:post.cmtfpIframe/>
  1362. <script type='text/javascript'>
  1363. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1364. </script>
  1365. </div>
  1366. </b:includable>
  1367. <b:includable id='comment-title-picker' var='post'>
  1368. <h4 id='comment-post-message'>
  1369. <data:postCommentMsg/>
  1370. </h4>
  1371. <span class='rightx' id='comment-post-picker'>
  1372. <b:if cond='data:top.commentLabel == &quot;blogger-facebook&quot;'>
  1373. <a class='blogger_cm' href='#blogger_cm'>Blogger</a>
  1374. </b:if>
  1375. <b:if cond='data:top.commentLabel == &quot;facebook-blogger&quot;'>
  1376. <a class='blogger_cm' href='#blogger_cm'>Blogger</a>
  1377. </b:if>
  1378. <b:if cond='data:top.commentLabel == &quot;blogger-disqus&quot;'>
  1379. <a class='blogger_cm' href='#blogger_cm'>Blogger</a>
  1380. </b:if>
  1381. <b:if cond='data:top.commentLabel == &quot;disqus-blogger&quot;'>
  1382. <a class='blogger_cm' href='#blogger_cm'>Blogger</a>
  1383. </b:if>
  1384.  
  1385. <b:if cond='data:top.commentLabel == &quot;blogger-facebook&quot;'>
  1386. <a class='facebook_cm' href='#facebook_cm'>Facebook</a>
  1387. </b:if>
  1388. <b:if cond='data:top.commentLabel == &quot;facebook-blogger&quot;'>
  1389. <a class='facebook_cm' href='#facebook_cm'>Facebook</a>
  1390. </b:if>
  1391. <b:if cond='data:top.commentLabel == &quot;facebook-disqus&quot;'>
  1392. <a class='facebook_cm' href='#facebook_cm'>Facebook</a>
  1393. </b:if>
  1394. <b:if cond='data:top.commentLabel == &quot;disqus-facebook&quot;'>
  1395. <a class='facebook_cm' href='#facebook_cm'>Facebook</a>
  1396. </b:if>
  1397.  
  1398. <b:if cond='data:top.commentLabel == &quot;blogger-disqus&quot;'>
  1399. <a class='disqus_cm' href='#disqus_cm'>Disqus</a>
  1400. </b:if>
  1401. <b:if cond='data:top.commentLabel == &quot;disqus-blogger&quot;'>
  1402. <a class='disqus_cm' href='#disqus_cm'>Disqus</a>
  1403. </b:if>
  1404. <b:if cond='data:top.commentLabel == &quot;facebook-disqus&quot;'>
  1405. <a class='disqus_cm' href='#disqus_cm'>Disqus</a>
  1406. </b:if>
  1407. <b:if cond='data:top.commentLabel == &quot;disqus-facebook&quot;'>
  1408. <a class='disqus_cm' href='#disqus_cm'>Disqus</a>
  1409. </b:if>
  1410. </span>
  1411. <b:include data='post' name='discusshortname-facebookid'/>
  1412. </b:includable>
  1413. <b:includable id='commentDeleteIcon' var='comment'>
  1414. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1415. <b:if cond='data:showCmtPopup'>
  1416. <div class='goog-toggle-button'>
  1417. <div class='goog-inline-block comment-action-icon'/>
  1418. </div>
  1419. <b:else/>
  1420. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1421. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1422. </a>
  1423. </b:if>
  1424. </span>
  1425. </b:includable>
  1426. <b:includable id='comment_count_picker' var='post'>
  1427. <b:if cond='data:post.forceIframeComments'>
  1428. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1429. </span>
  1430. <b:else/>
  1431. <b:if cond='data:post.commentSource == 1'>
  1432. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1433. </span>
  1434. <b:else/>
  1435. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1436. <data:post.commentLabelFull/>:
  1437. </a>
  1438. </b:if>
  1439. </b:if>
  1440. </b:includable>
  1441. <b:includable id='comment_picker' var='post'>
  1442. <div class='default-comment comment-box' id='blogger_cm'>
  1443. <b:if cond='data:post.forceIframeComments'>
  1444. <b:include data='post' name='iframe_comments'/>
  1445. <b:if cond='data:post.showThreadedComments'>
  1446. <b:include data='post' name='threaded_comments'/>
  1447. <b:else/>
  1448. <b:include data='post' name='comments'/>
  1449. </b:if>
  1450. <b:else/>
  1451. <b:if cond='data:post.commentSource == 1'>
  1452. <b:include data='post' name='iframe_comments'/>
  1453. <b:else/>
  1454. <b:if cond='data:post.showThreadedComments'>
  1455. <b:include data='post' name='threaded_comments'/>
  1456. <b:else/>
  1457. <b:include data='post' name='comments'/>
  1458. </b:if>
  1459. </b:if>
  1460.  
  1461. </b:if>
  1462. </div>
  1463. </b:includable>
  1464. <b:includable id='comments' var='post'>
  1465. <b:if cond='data:post.allowComments'>
  1466.  
  1467. <b:if cond='data:post.commentPagingRequired'>
  1468. <span class='paging-control-container'>
  1469. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1470. &#160;
  1471. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1472. &#160;
  1473. <data:post.commentRangeText/>
  1474. &#160;
  1475. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1476. &#160;
  1477. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1478. </span>
  1479. </b:if>
  1480.  
  1481. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1482. <b:if cond='data:post.numComments != 0'>
  1483. &lt;div class=&#39;boxcommentnya&#39;&gt;
  1484. </b:if>
  1485. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1486. <b:loop values='data:post.comments' var='comment'>
  1487. <div class='commentarea'>
  1488. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1489. <b:if cond='data:comment.author == data:post.author'>&lt;span title=&#39;Author&#39; class=&#39;author-comment&#39;&gt;&lt;/span&gt;</b:if>
  1490. <b:if cond='data:comment.favicon'>
  1491. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1492. </b:if>
  1493. <a expr:name='data:comment.anchorName'/>
  1494. <b:if cond='data:blog.enabledCommentProfileImages'>
  1495. <data:comment.authorAvatarImage/>
  1496. </b:if>
  1497. <b:if cond='data:comment.authorUrl'>
  1498. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1499. <b:else/>
  1500. <data:comment.author/>
  1501. </b:if>
  1502. <data:commentPostedByMsg/>
  1503. <a class='datecm' expr:href='data:comment.url' title='comment permalink'>
  1504. <data:comment.timestamp/>
  1505. </a>
  1506. </dt>
  1507. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1508. <b:if cond='data:comment.isDeleted'>
  1509. <span class='deleted-comment'><data:comment.body/></span>
  1510. <b:else/>
  1511. <p>
  1512. <data:comment.body/>
  1513. </p>
  1514. </b:if>
  1515. </dd>
  1516. <dd class='comment-footer'>
  1517. <b:include data='comment' name='commentDeleteIcon'/>
  1518. </dd>
  1519. </div>
  1520. </b:loop>
  1521. </dl>
  1522. <b:if cond='data:post.numComments != 0'>
  1523. &lt;/div&gt;
  1524. </b:if>
  1525. </div>
  1526.  
  1527. <b:if cond='data:post.commentPagingRequired'>
  1528. <span class='paging-control-container'>
  1529. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1530. <data:post.oldestLinkText/>
  1531. </a>
  1532. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1533. <data:post.olderLinkText/>
  1534. </a>
  1535. &#160;
  1536. <data:post.commentRangeText/>
  1537. &#160;
  1538. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1539. <data:post.newerLinkText/>
  1540. </a>
  1541. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1542. <data:post.newestLinkText/>
  1543. </a>
  1544. </span>
  1545. </b:if>
  1546.  
  1547. <p class='addnew-comment comment-footer'>
  1548. <b:if cond='data:post.embedCommentForm'>
  1549. <b:if cond='data:post.allowNewComments'>
  1550. <b:include data='post' name='comment-form'/>
  1551. <b:else/>
  1552. <data:post.noNewCommentsText/>
  1553. </b:if>
  1554. <b:else/>
  1555. <b:if cond='data:post.allowComments'>
  1556. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1557. </b:if>
  1558. </b:if>
  1559.  
  1560. </p>
  1561.  
  1562. </b:if>
  1563. <b:if cond='data:showCmtPopup'>
  1564. <div id='comment-popup'>
  1565. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1566. </iframe>
  1567. </div>
  1568. </b:if>
  1569.  
  1570. <div id='backlinks-container'>
  1571. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1572. <b:if cond='data:post.showBacklinks'>
  1573. <b:include data='post' name='backlinks'/>
  1574. </b:if>
  1575. </div>
  1576. </div>
  1577. </b:includable>
  1578. <b:includable id='discusshortname-facebookid' var='post'>
  1579. <div id='disqus-shortname' style='display:none'>mkrflatmkrdezign</div>
  1580. <div id='facebook-comment-appid' style='display:none'>218168578325095</div>
  1581. </b:includable>
  1582. <b:includable id='disqus-comment' var='post'>
  1583. <div class='disqus-comment comment-box' id='disqus_cm'>
  1584. <div id='disqus-blogger-comment-block'/>
  1585. </div>
  1586.  
  1587. &lt;script type=&#39;text/javascript&#39;&gt;
  1588. var disqus_shortname = document.getElementById(&#39;disqus-shortname&#39;).innerHTML;
  1589. var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
  1590. if (!disqus_blogger_current_url.length) {
  1591. disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
  1592. }
  1593. var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
  1594. var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
  1595.  
  1596. var disqus_url = disqus_blogger_current_url;
  1597.  
  1598. (function () {
  1599. &quot;use strict&quot;;
  1600. var get_comment_block = function () {
  1601. var block = document.getElementById(&#39;disqus-blogger-comment-block&#39;);
  1602.  
  1603. return block;
  1604. };
  1605. var comment_block = get_comment_block();
  1606. if (!!comment_block) {
  1607. var disqus_div = document.createElement(&#39;div&#39;);
  1608. disqus_div.id = &#39;disqus_thread&#39;;
  1609. comment_block.innerHTML = &#39;&#39;;
  1610. comment_block.appendChild(disqus_div);
  1611. comment_block.style.display = &#39;block&#39;;
  1612. var dsq = document.createElement(&#39;script&#39;);
  1613. dsq.async = true;
  1614. dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
  1615. (document.getElementsByTagName(&#39;head&#39;)[0] || document.body).appendChild(dsq);
  1616. }
  1617. })();
  1618. &lt;/script&gt;
  1619. </b:includable>
  1620. <b:includable id='error_page_custom'>
  1621. <div class='error-custom'>
  1622.  
  1623. <h2>404 Not Found</h2>
  1624. <p class='error-body'>We&#39;re sorry but we could not find the page you are looking for.<br/>
  1625. This may happen if you have entered site url incorrectly or this page doesn&#39;t exist anymore.</p>
  1626.  
  1627. <p>You can try searching page again or go back to home</p>
  1628.  
  1629. <form action='/search' id='searchform' method='get'>
  1630. <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
  1631. <button id='searchsubmit' type='submit' value='Go'/>
  1632. </form>
  1633. </div>
  1634. </b:includable>
  1635. <b:includable id='facebook-comment' var='post'>
  1636. <b:if cond='data:post.allowNewComments'>
  1637. <div id='fb-root'/>
  1638. <div class='facebook-comment comment-box' id='facebook_cm'>
  1639. <div id='container-commentfb' style='width:100%;'>
  1640. <div class='fb-comments' data-colorscheme='light' data-num-posts='10' data-width='650' expr:data-href='data:post.url'/>
  1641.  
  1642. </div>
  1643. </div>
  1644.  
  1645. </b:if>
  1646.  
  1647. </b:includable>
  1648. <b:includable id='feedLinks'>
  1649. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1650. <b:if cond='data:feedLinks'>
  1651. <div class='blog-feeds'>
  1652. <b:include data='feedLinks' name='feedLinksBody'/>
  1653. </div>
  1654. </b:if>
  1655.  
  1656. <b:else/> <!--Post feed links -->
  1657. <div class='post-feeds'>
  1658. <b:loop values='data:posts' var='post'>
  1659. <b:if cond='data:post.allowComments'>
  1660. <b:if cond='data:post.feedLinks'>
  1661. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1662. </b:if>
  1663. </b:if>
  1664. </b:loop>
  1665. </div>
  1666. </b:if>
  1667. </b:includable>
  1668. <b:includable id='feedLinksBody' var='links'>
  1669. <div class='feed-links'>
  1670. <data:feedLinksMsg/>
  1671. <b:loop values='data:links' var='f'>
  1672. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1673. </b:loop>
  1674. </div>
  1675. </b:includable>
  1676. <b:includable id='fn_comment_picker' var='post'>
  1677. <div class='comments'>
  1678. <b:if cond='data:post.allowComments'>
  1679. <b:include data='post' name='comment-title-picker'/>
  1680.  
  1681. <b:if cond='data:top.commentLabel != &quot;facebook&quot;'>
  1682. <b:if cond='data:top.commentLabel != &quot;disqus&quot;'>
  1683. <b:if cond='data:top.commentLabel != &quot;facebook-disqus&quot;'>
  1684. <b:if cond='data:top.commentLabel != &quot;disqus-facebook&quot;'>
  1685. <b:include data='post' name='comment_picker'/>
  1686. </b:if>
  1687. </b:if>
  1688. </b:if>
  1689. </b:if>
  1690.  
  1691. <b:if cond='data:top.commentLabel == &quot;facebook&quot;'>
  1692. <b:include data='post' name='facebook-comment'/>
  1693. </b:if>
  1694. <b:if cond='data:top.commentLabel == &quot;blogger-facebook&quot;'>
  1695. <b:include data='post' name='facebook-comment'/>
  1696. </b:if>
  1697. <b:if cond='data:top.commentLabel == &quot;facebook-blogger&quot;'>
  1698. <b:include data='post' name='facebook-comment'/>
  1699. </b:if>
  1700. <b:if cond='data:top.commentLabel == &quot;facebook-disqus&quot;'>
  1701. <b:include data='post' name='facebook-comment'/>
  1702. </b:if>
  1703. <b:if cond='data:top.commentLabel == &quot;disqus-facebook&quot;'>
  1704. <b:include data='post' name='facebook-comment'/>
  1705. </b:if>
  1706.  
  1707.  
  1708. <b:if cond='data:top.commentLabel == &quot;disqus&quot;'>
  1709. <b:include data='post' name='disqus-comment'/>
  1710. </b:if>
  1711. <b:if cond='data:top.commentLabel == &quot;blogger-disqus&quot;'>
  1712. <b:include data='post' name='disqus-comment'/>
  1713. </b:if>
  1714. <b:if cond='data:top.commentLabel == &quot;disqus-blogger&quot;'>
  1715. <b:include data='post' name='disqus-comment'/>
  1716. </b:if>
  1717. <b:if cond='data:top.commentLabel == &quot;facebook-disqus&quot;'>
  1718. <b:include data='post' name='disqus-comment'/>
  1719. </b:if>
  1720. <b:if cond='data:top.commentLabel == &quot;disqus-facebook&quot;'>
  1721. <b:include data='post' name='disqus-comment'/>
  1722. </b:if>
  1723.  
  1724. <b:else/>
  1725. <data:post.noNewCommentsText/>
  1726. </b:if>
  1727. </div>
  1728. </b:includable>
  1729. <b:includable id='iframe_comments' var='post'>
  1730. <b:if cond='data:post.allowIframeComments'>
  1731. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1732. <div id='googlePlusComment'>
  1733. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1734. </div>
  1735. <script type='text/javascript'>
  1736. //<![CDATA[
  1737. (function($){
  1738. function scrwid() {
  1739. var wid = $('#googlePlusComment').width();
  1740. $('.cmt_iframe_holder').css('width',wid);
  1741. }
  1742. $(window).resize(scrwid);
  1743. })(jQuery);
  1744. //]]>
  1745. </script>
  1746. </b:if>
  1747. </b:includable>
  1748. <b:includable id='inline-adsnya'>
  1749. <b:if cond='data:post.includeAd'>
  1750. <div class='inline-ad-item'>
  1751. <span>
  1752. <data:adCode/>
  1753. </span>
  1754. </div>
  1755. </b:if>
  1756. </b:includable>
  1757. <b:includable id='mobile-index-post' var='post'>
  1758. <div class='mobile-date-outer date-outer'>
  1759. <b:if cond='data:post.dateHeader'>
  1760. <div class='date-header'>
  1761. <span><data:post.dateHeader/></span>
  1762. </div>
  1763. </b:if>
  1764.  
  1765. <div class='mobile-post-outer'>
  1766. <a expr:href='data:post.url'>
  1767. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1768. <data:post.title/>
  1769. </h3>
  1770.  
  1771. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1772.  
  1773. <div class='mobile-index-contents'>
  1774. <b:if cond='data:post.thumbnailUrl'>
  1775. <div class='mobile-index-thumbnail'>
  1776. <div class='Image'>
  1777. <img expr:src='data:post.thumbnailUrl'/>
  1778. </div>
  1779. </div>
  1780. </b:if>
  1781.  
  1782. <div class='post-body'>
  1783. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1784. </div>
  1785. </div>
  1786.  
  1787. <div style='clear: both;'/>
  1788. </a>
  1789.  
  1790. <div class='mobile-index-comment'>
  1791. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1792. <b:if cond='data:post.allowComments'>
  1793. <b:if cond='data:post.numComments != 0'>
  1794. <b:include data='post' name='comment_count_picker'/>
  1795. </b:if>
  1796. </b:if>
  1797. </b:if>
  1798. </div>
  1799. </div>
  1800. </div>
  1801. </b:includable>
  1802. <b:includable id='mobile-main' var='top'>
  1803. <!-- posts -->
  1804.  
  1805. <div class='blog-posts hfeed'>
  1806.  
  1807. <b:include data='top' name='status-message'/>
  1808.  
  1809. <data:defaultAdStart/>
  1810. <b:loop values='data:posts' var='post'>
  1811. <b:if cond='data:post.isDateStart'>
  1812. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1813. &lt;/div&gt;&lt;/div&gt;
  1814. </b:if>
  1815. </b:if>
  1816. <b:if cond='data:post.isDateStart'>
  1817. &lt;div class=&quot;date-outer&quot;&gt;
  1818. </b:if>
  1819. <b:if cond='data:post.isDateStart'>
  1820. &lt;div class=&quot;date-posts&quot;&gt;
  1821. </b:if>
  1822. <div class='post-outer-mkrflat-mobile'>
  1823. <b:include data='post' name='mobile-post'/>
  1824. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1825. <b:include data='post' name='fn_comment_picker'/>
  1826. </b:if>
  1827. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1828. <b:include data='post' name='fn_comment_picker'/>
  1829. </b:if>
  1830. </div>
  1831. </b:loop>
  1832. <b:if cond='data:numPosts != 0'>
  1833. &lt;/div&gt;&lt;/div&gt;
  1834. </b:if>
  1835. <data:adEnd/>
  1836. </div>
  1837. <div class='clear'/>
  1838. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1839. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1840. <b:include name='mobile-nextprev'/>
  1841. </b:if></b:if>
  1842. </b:includable>
  1843. <b:includable id='mobile-nextprev'>
  1844. <div class='blog-pager' id='blog-pager-mobile'>
  1845. <b:if cond='data:newerPageUrl'>
  1846. <div class='mobile-link-button-mkrflat' id='blog-pager-newer-link-mkrflat'>
  1847. <a class='blog-pager-newer-link-mkrflat nextprev-button' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  1848. </div>
  1849. </b:if>
  1850.  
  1851. <b:if cond='data:olderPageUrl'>
  1852. <div class='mobile-link-button-mkrflat' id='blog-pager-older-link-mkrflat'>
  1853. <a class='blog-pager-older-link-mkrflat nextprev-button' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  1854. </div>
  1855. </b:if>
  1856. <div class='clear'/>
  1857. <div class='mobile-link-button-mkrflat' id='blog-pager-home-link-mkrflat'>
  1858. <a class='home-link-mkrflat' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1859. </div>
  1860.  
  1861. <div class='mobile-desktop-link-mkrflat'>
  1862. <a class='home-link-mkrflat' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1863. </div>
  1864. <div class='clear'/>
  1865. </div>
  1866. <div class='clear'/>
  1867. </b:includable>
  1868. <b:includable id='mobile-post' var='post'>
  1869. <article class='post-mkrflat-mobile hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
  1870. <b:include data='post' name='postitle'/>
  1871. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1872. <div class='info-mobile item-info-mobile'>
  1873. <b:if cond='data:top.showAuthor'>
  1874. <span class='isiinfo-mobile authorinfo'>
  1875. <i class='fa fa-user'/>
  1876. <b:if cond='data:post.authorProfileUrl'>
  1877. <span class='fn'>
  1878. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1879. <data:post.author/>
  1880. </a>
  1881. </span>
  1882. <b:else/>
  1883. <span class='fn'><data:post.author/></span>
  1884. </b:if>
  1885. </span>
  1886. </b:if>
  1887. <b:if cond='data:top.showTimestamp'>
  1888. <span class='isiinfo-mobile dateinfo'>
  1889. <i class='fa fa-calendar'/>
  1890. <b:if cond='data:post.url'>
  1891. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
  1892. </a>
  1893. </b:if>
  1894. </span>
  1895. </b:if>
  1896. <b:if cond='data:top.showLocation'>
  1897. <span class='isiinfo-mobile locationinfo'>
  1898. <i class='fa fa-map-marker'/>
  1899. <b:if cond='data:post.location'>
  1900. <a expr:href='data:post.location.mapsUrl' target='_blank'>
  1901. <data:post.location.name/>
  1902. </a>
  1903. </b:if>
  1904. </span>
  1905. </b:if>
  1906. </div>
  1907. </b:if>
  1908. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  1909. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1910. <data:post.body/>
  1911. <b:else/>
  1912. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1913. <data:post.body/>
  1914. <b:else/>
  1915. <div class='post-summary-mobile' expr:id='&quot;summaryContainer-&quot; + data:post.id'>
  1916. <!-- for non/inactive JavaScript browsers -->
  1917. <b:if cond='data:post.thumbnailUrl'>
  1918. <a class='thumbimgx-mobile' expr:href='data:post.url' expr:title='data:post.title'>
  1919.  
  1920. <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72' itemprop='image' width='72'/>
  1921. </a>
  1922. <b:else/>
  1923. <b:if cond='data:post.firstImageUrl'>
  1924. <a class='thumbimgx-mobile' expr:href='data:post.url' expr:title='data:post.title'>
  1925. <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' height='72' itemprop='image' width='72'/>
  1926. </a>
  1927. <b:else/>
  1928. <a class='thumbimgx-mobile' expr:href='data:post.url' expr:title='data:post.title'>
  1929. <img class='post-thumbnail' expr:alt='data:post.title' height='72' itemprop='image' src='https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xpa1/t1.0-9/10502138_290941307752095_4573195905407512697_n.jpg' width='72'/>
  1930. </a>
  1931. </b:if>
  1932. </b:if>
  1933. <div class='info-mobile'>
  1934. <b:if cond='data:top.showAuthor'>
  1935. <span class='isiinfo-mobile authorinfo'>
  1936. <i class='fa fa-user'/>
  1937. <b:if cond='data:post.authorProfileUrl'>
  1938. <span class='fn'>
  1939. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1940. <data:post.author/>
  1941. </a>
  1942. </span>
  1943. <b:else/>
  1944. <span class='fn'><data:post.author/></span>
  1945. </b:if>
  1946. </span>
  1947. </b:if>
  1948. <b:if cond='data:top.showTimestamp'>
  1949. <span class='isiinfo-mobile dateinfo'>
  1950. <i class='fa fa-calendar'/>
  1951. <b:if cond='data:post.url'>
  1952. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
  1953. </a>
  1954. </b:if>
  1955. </span>
  1956. </b:if>
  1957. <b:if cond='data:top.showLocation'>
  1958. <span class='isiinfo-mobile locationinfo'>
  1959. <i class='fa fa-map-marker'/>
  1960. <b:if cond='data:post.location'>
  1961. <a expr:href='data:post.location.mapsUrl' target='_blank'>
  1962. <data:post.location.name/>
  1963. </a>
  1964. </b:if>
  1965. </span>
  1966. </b:if>
  1967. </div>
  1968. <strong><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></strong>
  1969. <b:if cond='data:post.snippet'>
  1970. <p class='post-content-mobile'>
  1971. <data:post.snippet/>
  1972. </p>
  1973. </b:if>
  1974. <!-- end for non/inactive JavaScript browsers -->
  1975. </div>
  1976. </b:if>
  1977. </b:if>
  1978. <div style='clear: both;'/>
  1979. <!-- clear for photos floats -->
  1980. </div>
  1981. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1982. <div class='itemtags'>
  1983. <b:if cond='data:post.labels'>
  1984. <i class='fa fa-tags labtn'/>
  1985. <b:loop values='data:post.labels' var='label'>
  1986. <b:if cond='data:blog.searchLabel == data:label.name'>
  1987. <a class='labelqi labtn' expr:href='data:label.url' rel='tag'><data:label.name/></a>
  1988. <b:else/>
  1989. <a class='labtn' expr:href='data:label.url' rel='tag'><data:label.name/></a>
  1990. </b:if>
  1991. <b:if cond='data:label.isLast != &quot;true&quot;'><span class='labtn'>,</span></b:if>
  1992. </b:loop>
  1993. </b:if>
  1994. </div>
  1995. <div style='clear: both;'/>
  1996. </b:if>
  1997. </article>
  1998. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1999. <b:include name='mobile-nextprev'/>
  2000. </b:if>
  2001. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  2002. <b:if cond='data:blog.pageType != &quot;archive&quot;'>
  2003. <b:if cond='data:post.includeAd'>
  2004. <b:if cond='data:post.isFirstPost'>
  2005. <data:defaultAdEnd/>
  2006. <b:else/>
  2007. <data:adEnd/>
  2008. </b:if>
  2009. <div class='inline-ad'>
  2010. <data:adCode/>
  2011. </div>
  2012. <data:adStart/>
  2013. </b:if>
  2014. </b:if>
  2015. </b:if>
  2016. </b:includable>
  2017. <b:includable id='nextprev'>
  2018. <div class='blog-pager' id='blog-pagerindex'>
  2019. <b:if cond='data:newerPageUrl'>
  2020. <span id='blog-pager-newer-link'>
  2021. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  2022. </span>
  2023. </b:if>
  2024.  
  2025. <b:if cond='data:olderPageUrl'>
  2026. <span id='blog-pager-older-link'>
  2027. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  2028. </span>
  2029. </b:if>
  2030.  
  2031. <b:if cond='data:mobileLinkUrl'>
  2032. <div class='blog-mobile-link'>
  2033. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  2034. </div>
  2035. </b:if>
  2036.  
  2037. </div>
  2038. <div class='clear'/>
  2039. </b:includable>
  2040. <b:includable id='post' var='post'>
  2041. <article class='post-mkrflat hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
  2042. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2043. <div class='itemtags'>
  2044. <b:if cond='data:post.labels'>
  2045. <i class='fa fa-tags labtn'/>
  2046. <b:loop values='data:post.labels' var='label'>
  2047. <b:if cond='data:blog.searchLabel == data:label.name'>
  2048. <a class='labelqi labtn' expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2049. <b:else/>
  2050. <a class='labtn' expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2051. </b:if>
  2052. <b:if cond='data:label.isLast != &quot;true&quot;'><span class='labtn'>,</span></b:if>
  2053. </b:loop>
  2054. </b:if>
  2055. <span class='addthisbutton navbutton' title='Share This'><i class='fa fa-share-square'/></span>
  2056. </div>
  2057. <div class='addthis_share addthis_toolbox addthis_default_style addthis_16x16_style' expr:addthis:description='data:post.snippet' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'>
  2058. <a class='addthis_button_facebook'/>
  2059. <a class='addthis_button_twitter'/>
  2060. <a class='addthis_button_google_plusone_share'/>
  2061. <a class='addthis_button_pinterest_share'/>
  2062. <a class='addthis_button_linkedin'/>
  2063. <a class='addthis_button_stumbleupon'/>
  2064. <a class='addthis_button_compact'/><a class='addthis_counter addthis_bubble_style'/>
  2065. </div>
  2066. <div style='clear: both;'/>
  2067. </b:if>
  2068. <b:include data='post' name='postitle'/>
  2069. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2070. <b:include data='post' name='topmetaitem'/>
  2071. </b:if>
  2072. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  2073. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2074. <data:post.body/>
  2075. <b:else/>
  2076. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2077. <data:post.body/>
  2078. <b:else/>
  2079. <div class='post-summary' expr:id='&quot;summaryContainer-&quot; + data:post.id'>
  2080. <!-- for non/inactive JavaScript browsers -->
  2081. <b:if cond='data:post.thumbnailUrl'>
  2082. <div class='thumbimage latestimg'>
  2083. <a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'>
  2084. <div class='layer-gradient'/>
  2085. <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72' itemprop='image' width='200'/>
  2086. </a>
  2087. <b:if cond='data:post.allowComments'>
  2088. <b:if cond='data:post.numComments != 0'>
  2089. <a class='commentnum' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
  2090. </b:if></b:if>
  2091. <b:include data='post' name='thinfosearch'/>
  2092. </div>
  2093. <b:else/>
  2094. <b:if cond='data:post.firstImageUrl'>
  2095. <div class='thumbimage latestimg'>
  2096. <a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'>
  2097. <div class='layer-gradient'/>
  2098. <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' height='72' itemprop='image' width='200'/>
  2099. </a>
  2100. <b:if cond='data:post.allowComments'>
  2101. <b:if cond='data:post.numComments != 0'>
  2102. <a class='commentnum' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
  2103. </b:if></b:if>
  2104. <b:include data='post' name='thinfosearch'/>
  2105. </div>
  2106. <b:else/>
  2107. <div class='thumbimage latestimg'>
  2108. <a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'>
  2109. <div class='layer-gradient'/>
  2110. <img class='post-thumbnail' expr:alt='data:post.title' height='72' itemprop='image' src='https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xpa1/t1.0-9/10502138_290941307752095_4573195905407512697_n.jpg' width='200'/>
  2111. </a>
  2112. <b:if cond='data:post.allowComments'>
  2113. <b:if cond='data:post.numComments != 0'>
  2114. <a class='commentnum' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
  2115. </b:if></b:if>
  2116. <b:include data='post' name='thinfosearch'/>
  2117. </div>
  2118. </b:if>
  2119. </b:if>
  2120. <b:include data='post' name='topmetaindex'/>
  2121. <div class='post-content'>
  2122. <strong><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></strong>
  2123. <b:if cond='data:post.snippet'>
  2124. <p>
  2125. <data:post.snippet/>
  2126. </p>
  2127. </b:if>
  2128. </div>
  2129. <!-- end for non/inactive JavaScript browsers -->
  2130. </div>
  2131. </b:if>
  2132. </b:if>
  2133. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2134. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2135. <div class='isiinfo labelsinfo'>
  2136. <b:if cond='data:post.labels'>
  2137. <i class='fa fa-tags'/>
  2138. <b:loop values='data:post.labels' var='label'>
  2139. <b:if cond='data:blog.searchLabel == data:label.name'>
  2140. <a class='labelqi labtn' expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2141. <b:else/>
  2142. <a class='labtn' expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2143. </b:if>
  2144. <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  2145. </b:loop>
  2146. </b:if>
  2147. </div>
  2148. <div style='clear: both;'/>
  2149. </b:if>
  2150. </b:if>
  2151. <!-- clear for photos floats -->
  2152. </div>
  2153.  
  2154. </article>
  2155. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  2156. <b:if cond='data:blog.pageType != &quot;archive&quot;'>
  2157. <b:if cond='data:post.includeAd'>
  2158. <b:if cond='data:post.isFirstPost'>
  2159. <data:defaultAdEnd/>
  2160. <b:else/>
  2161. <data:adEnd/>
  2162. </b:if>
  2163. <div class='inline-ad'>
  2164. <data:adCode/>
  2165. </div>
  2166. <data:adStart/>
  2167. </b:if>
  2168. </b:if>
  2169. </b:if>
  2170. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2171. <b:include name='postnextprev'/>
  2172. <div id='related_posts'/>
  2173. </b:if>
  2174.  
  2175. </b:includable>
  2176. <b:includable id='postQuickEdit' var='post'>
  2177. <b:if cond='data:post.editUrl'>
  2178. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2179. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2180. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2181. </a>
  2182. </span>
  2183. </b:if>
  2184. </b:includable>
  2185. <b:includable id='postitle' var='post'>
  2186. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2187. <b:if cond='data:post.title'>
  2188. <h2 class='post-title entry-title' itemprop='name headline'>
  2189. <b:if cond='data:post.link'>
  2190. <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
  2191. <b:else/>
  2192. <b:if cond='data:post.url'>
  2193. <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
  2194. <b:else/>
  2195. <data:post.title/>
  2196. </b:if>
  2197. </b:if>
  2198. </h2>
  2199. </b:if>
  2200. <b:else/>
  2201. <h1 class='post-title entry-title' itemprop='name headline'>
  2202. <b:if cond='data:post.link'>
  2203. <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
  2204. <b:else/>
  2205. <b:if cond='data:post.url'>
  2206. <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
  2207. <b:else/>
  2208. <data:post.title/>
  2209. </b:if>
  2210. </b:if>
  2211. </h1>
  2212. </b:if>
  2213. </b:includable>
  2214. <b:includable id='postnextprev'>
  2215. <div class='blog-pager' id='blog-pager-item'>
  2216. <div class='pager-isi'>
  2217. <b:if cond='data:newerPageUrl'>
  2218. <a class='blog-pager-newer-link-item' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><h6>Next</h6><h5><data:newerPageTitle/></h5></a>
  2219. <b:else/>
  2220. <span class='linkgrey left'><h6>Next</h6><h5>This is the most recent post.</h5></span>
  2221. </b:if>
  2222. <b:if cond='data:olderPageUrl'>
  2223. <a class='blog-pager-older-link-item' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><h6>Previous</h6><h5><data:olderPageTitle/></h5></a>
  2224. <b:else/>
  2225. <span class='linkgrey right'><h6>Previous</h6><h5>This is the last post.</h5></span>
  2226. </b:if>
  2227. </div>
  2228. </div>
  2229. </b:includable>
  2230. <b:includable id='shareButtons' var='post'>
  2231. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  2232. </b:includable>
  2233. <b:includable id='shareButtonsAddthis' var='post'>
  2234. <span class='title'>Share to:</span>
  2235. <div class='largeshow addthis_toolbox addthis_default_style' expr:addthis:description='data:post.snippet' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'>
  2236. <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
  2237. <a class='addthis_button_tweet'/>
  2238. <a class='addthis_button_google_plusone' g:plusone:size='medium'/>
  2239. <a class='addthis_button_pinterest_pinit'/>
  2240. <a class='addthis_counter addthis_pill_style'/>
  2241. </div>
  2242. <div class='largehide addthis_toolbox addthis_default_style addthis_16x16_style' expr:addthis:description='data:post.snippet' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'>
  2243. <a class='addthis_button_facebook'/>
  2244. <a class='addthis_button_twitter'/>
  2245. <a class='addthis_button_google_plusone_share'/>
  2246. <a class='addthis_button_pinterest_share'/>
  2247. <a class='addthis_button_compact'/><a class='addthis_counter addthis_bubble_style'/>
  2248. </div>
  2249. <script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-5266780935397ffa' type='text/javascript'/>
  2250. </b:includable>
  2251. <b:includable id='status-message'>
  2252. <b:if cond='data:navMessage'>
  2253. <div class='status-msg-wrap-mkrflat'>
  2254. <div class='status-msg-body-mkrflat'>
  2255. <data:navMessage/>
  2256. </div>
  2257. </div>
  2258. <div style='clear: both;'/>
  2259. </b:if>
  2260. </b:includable>
  2261. <b:includable id='thinfosearch' var='post'>
  2262. <div class='infosearch'>
  2263. <span class='infosearchicon post-more-link'>
  2264. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.jumpText + &quot; &quot; + data:post.title'>
  2265. <i class='fa fa-link'/>
  2266. </a>
  2267. </span>
  2268. <span class='infosearchicon indexsocial addthis_toolbox addthis_default_style' expr:addthis:description='data:post.snippet' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' expr:id='&quot;addthisnya-&quot; + data:post.id'>
  2269. <a class='addthis_counter addthis_pill_style' expr:title='&quot;Shares : &quot; + data:post.title'/>
  2270. </span>
  2271. </div>
  2272. </b:includable>
  2273. <b:includable id='threaded-comment-form' var='post'>
  2274. <div class='comment-form'>
  2275. <a name='comment-form'/>
  2276. <b:if cond='data:mobile'>
  2277. <div id='form-wrapper'>
  2278. <p><data:blogCommentMessage/></p>
  2279. <data:blogTeamBlogMessage/>
  2280. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2281. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  2282. </div>
  2283. <b:else/>
  2284. <div id='form-wrapper'>
  2285. <p><data:blogCommentMessage/></p>
  2286. <data:blogTeamBlogMessage/>
  2287. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2288. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2289. </div>
  2290. </b:if>
  2291. <data:post.friendConnectJs/>
  2292. <data:post.cmtfpIframe/>
  2293. <script type='text/javascript'>
  2294. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2295. </script>
  2296. </div>
  2297. </b:includable>
  2298. <b:includable id='threaded_comment_js' var='post'>
  2299. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  2300.  
  2301. <script type='text/javascript'>
  2302. (function() {
  2303. var items = <data:post.commentJso/>;
  2304. var msgs = <data:post.commentMsgs/>;
  2305. var config = <data:post.commentConfig/>;
  2306.  
  2307. // <![CDATA[
  2308. var cursor = null;
  2309. if (items && items.length > 0) {
  2310. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  2311. }
  2312.  
  2313. var bodyFromEntry = function(entry) {
  2314. if (entry.gd$extendedProperty) {
  2315. for (var k in entry.gd$extendedProperty) {
  2316. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  2317. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  2318. }
  2319. }
  2320. }
  2321. return entry.content.$t;
  2322. }
  2323.  
  2324. var parse = function(data) {
  2325. cursor = null;
  2326. var comments = [];
  2327. if (data && data.feed && data.feed.entry) {
  2328. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  2329. var comment = {};
  2330. // comment ID, parsed out of the original id format
  2331. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  2332. comment.id = id ? id[2] : null;
  2333. comment.body = bodyFromEntry(entry);
  2334. comment.timestamp = Date.parse(entry.published.$t) + '';
  2335. if (entry.author && entry.author.constructor === Array) {
  2336. var auth = entry.author[0];
  2337. if (auth) {
  2338. comment.author = {
  2339. name: (auth.name ? auth.name.$t : undefined),
  2340. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  2341. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  2342. };
  2343. }
  2344. }
  2345. if (entry.link) {
  2346. if (entry.link[2]) {
  2347. comment.link = comment.permalink = entry.link[2].href;
  2348. }
  2349. if (entry.link[3]) {
  2350. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  2351. if (pid && pid[1]) {
  2352. comment.parentId = pid[1];
  2353. }
  2354. }
  2355. }
  2356. comment.deleteclass = 'item-control blog-admin';
  2357. if (entry.gd$extendedProperty) {
  2358. for (var k in entry.gd$extendedProperty) {
  2359. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  2360. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  2361. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  2362. comment.displayTime = entry.gd$extendedProperty[k].value;
  2363. }
  2364. }
  2365. }
  2366. comments.push(comment);
  2367. }
  2368. }
  2369. return comments;
  2370. };
  2371.  
  2372. var paginator = function(callback) {
  2373. if (hasMore()) {
  2374. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  2375. if (cursor) {
  2376. url += '&published-min=' + new Date(cursor).toISOString();
  2377. }
  2378. window.bloggercomments = function(data) {
  2379. var parsed = parse(data);
  2380. cursor = parsed.length < 50 ? null
  2381. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  2382. callback(parsed);
  2383. window.bloggercomments = null;
  2384. }
  2385. url += '&callback=bloggercomments';
  2386. var script = document.createElement('script');
  2387. script.type = 'text/javascript';
  2388. script.src = url;
  2389. document.getElementsByTagName('head')[0].appendChild(script);
  2390. }
  2391. };
  2392. var hasMore = function() {
  2393. return !!cursor;
  2394. };
  2395. var getMeta = function(key, comment) {
  2396. if ('iswriter' == key) {
  2397. var matches = !!comment.author
  2398. && comment.author.name == config.authorName
  2399. && comment.author.profileUrl == config.authorUrl;
  2400. return matches ? 'true' : '';
  2401. } else if ('deletelink' == key) {
  2402. return config.baseUri + '/delete-comment.g?blogID='
  2403. + config.blogId + '&postID=' + comment.id;
  2404. } else if ('deleteclass' == key) {
  2405. return comment.deleteclass;
  2406. }
  2407. return '';
  2408. };
  2409.  
  2410. var replybox = null;
  2411. var replyUrlParts = null;
  2412. var replyParent = undefined;
  2413.  
  2414. var onReply = function(commentId, domId) {
  2415. if (replybox == null) {
  2416. // lazily cache replybox, and adjust to suit this style:
  2417. replybox = document.getElementById('comment-editor');
  2418. if (replybox != null) {
  2419. replybox.height = '250px';
  2420. replybox.style.display = 'block';
  2421. replyUrlParts = replybox.src.split('#');
  2422. }
  2423. }
  2424. if (replybox && (commentId !== replyParent)) {
  2425. document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);
  2426. replybox.src = replyUrlParts[0]
  2427. + (commentId ? '&parentID=' + commentId : '')
  2428. + '#' + replyUrlParts[1];
  2429. replyParent = commentId;
  2430. }
  2431. };
  2432.  
  2433. var hash = (window.location.hash || '#').substring(1);
  2434. var startThread, targetComment;
  2435. if (/^comment-form_/.test(hash)) {
  2436. startThread = hash.substring('comment-form_'.length);
  2437. } else if (/^c[0-9]+$/.test(hash)) {
  2438. targetComment = hash.substring(1);
  2439. }
  2440.  
  2441. // Configure commenting API:
  2442. var configJso = {
  2443. 'maxDepth': config.maxThreadDepth
  2444. };
  2445. var provider = {
  2446. 'id': config.postId,
  2447. 'data': items,
  2448. 'loadNext': paginator,
  2449. 'hasMore': hasMore,
  2450. 'getMeta': getMeta,
  2451. 'onReply': onReply,
  2452. 'rendered': true,
  2453. 'initComment': targetComment,
  2454. 'initReplyThread': startThread,
  2455. 'config': configJso,
  2456. 'messages': msgs
  2457. };
  2458.  
  2459. var render = function() {
  2460. if (window.goog && window.goog.comments) {
  2461. var holder = document.getElementById('comment-holder');
  2462. window.goog.comments.render(holder, provider);
  2463. }
  2464. };
  2465.  
  2466. // render now, or queue to render when library loads:
  2467. if (window.goog && window.goog.comments) {
  2468. render();
  2469. } else {
  2470. window.goog = window.goog || {};
  2471. window.goog.comments = window.goog.comments || {};
  2472. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2473. window.goog.comments.loadQueue.push(render);
  2474. }
  2475. })();
  2476. // ]]>
  2477. </script>
  2478. </b:includable>
  2479. <b:includable id='threaded_comments' var='post'>
  2480. <div class='comments-content'>
  2481. <b:if cond='data:post.embedCommentForm'>
  2482. <b:include data='post' name='threaded_comment_js'/>
  2483. </b:if>
  2484. <div id='comment-holder'>
  2485. <data:post.commentHtml/>
  2486. </div>
  2487. </div>
  2488.  
  2489. <p class='comment-footer'>
  2490. <b:if cond='data:post.allowNewComments'>
  2491. <b:include data='post' name='threaded-comment-form'/>
  2492. <b:else/>
  2493. <data:post.noNewCommentsText/>
  2494. </b:if>
  2495. </p>
  2496.  
  2497. <b:if cond='data:showCmtPopup'>
  2498. <div id='comment-popup'>
  2499. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2500. </iframe>
  2501. </div>
  2502. </b:if>
  2503.  
  2504. <div id='backlinks-container'>
  2505. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2506. <b:if cond='data:post.showBacklinks'>
  2507. <b:include data='post' name='backlinks'/>
  2508. </b:if>
  2509. </div>
  2510. </div>
  2511.  
  2512.  
  2513. </b:includable>
  2514. <b:includable id='topmetaindex' var='post'>
  2515. <div class='topmetainfo'>
  2516. <b:if cond='data:top.showAuthor'>
  2517. <span class='isiinfo authorinfo'>
  2518. <i class='fa fa-user'/>
  2519. <div class='infometa'>
  2520. <b:if cond='data:post.authorProfileUrl'>
  2521. <span class='fn'>
  2522. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2523. <data:post.author/>
  2524. </a>
  2525. </span>
  2526. <b:else/>
  2527. <span class='fn'><data:post.author/></span>
  2528. </b:if>
  2529. </div>
  2530. </span>
  2531. </b:if>
  2532. <b:if cond='data:top.showTimestamp'>
  2533. <span class='isiinfo dateinfo'>
  2534. <i class='fa fa-calendar'/>
  2535. <div class='infometa'>
  2536. <b:if cond='data:post.url'>
  2537. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
  2538. </a>
  2539. </b:if>
  2540. </div>
  2541. </span>
  2542. </b:if>
  2543. <b:if cond='data:top.showLocation'>
  2544. <span class='isiinfo locationinfo'>
  2545. <i class='fa fa-map-marker'/>
  2546. <div class='infometa'>
  2547. <b:if cond='data:post.location'>
  2548. <a expr:href='data:post.location.mapsUrl' target='_blank'>
  2549. <data:post.location.name/>
  2550. </a>
  2551. </b:if>
  2552. </div>
  2553. </span>
  2554. </b:if>
  2555. </div>
  2556. </b:includable>
  2557. <b:includable id='topmetaitem' var='post'>
  2558. <div class='itemtopmetainfo'>
  2559. <b:if cond='data:top.showAuthor'>
  2560. <span class='itemisiinfo authorinfo'>
  2561. <i class='fa fa-user'/>
  2562. <b:if cond='data:post.authorProfileUrl'>
  2563. <span class='fn'>
  2564. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2565. <data:post.author/>
  2566. </a>
  2567. </span>
  2568. <b:else/>
  2569. <span class='fn'><data:post.author/></span>
  2570. </b:if>
  2571. </span>
  2572. </b:if>
  2573. <b:if cond='data:top.showTimestamp'>
  2574. <span class='itemisiinfo dateinfo'>
  2575. <i class='fa fa-calendar'/>
  2576. <b:if cond='data:post.url'>
  2577. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
  2578. </a>
  2579. </b:if>
  2580. </span>
  2581. </b:if>
  2582. <b:if cond='data:post.allowComments'>
  2583. <b:if cond='data:post.numComments != 0'>
  2584. <span class='itemcomment'>
  2585. <i class='fa fa-comments'/> <a class='itemcommentnum' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
  2586. </span>
  2587. </b:if></b:if>
  2588. <b:if cond='data:top.showLocation'>
  2589. <span class='itemisiinfo locationinfo'>
  2590. <i class='fa fa-map-marker'/>
  2591. <b:if cond='data:post.location'>
  2592. <a expr:href='data:post.location.mapsUrl' target='_blank'>
  2593. <data:post.location.name/>
  2594. </a>
  2595. </b:if>
  2596. </span>
  2597. </b:if>
  2598. <span class='zoomingtext'>
  2599. <a class='zoom-text zoom-in-text' href='#A+' title='zoom-in-text'>A<span>+</span></a>
  2600. <a class='zoom-text zoom-out-text' href='#A-' title='zoom-out-text'>A<span>-</span></a>
  2601. </span>
  2602. <span class='addthis_toolbox addthis_default_style addthis_16x16_style'>
  2603. <a class='addthis_button_print'><i class='fa fa-print'/> Print</a>
  2604. <a class='addthis_button_email'><i class='fa fa-envelope'/> Email</a>
  2605. </span>
  2606. </div>
  2607. </b:includable>
  2608. </b:widget>
  2609. </b:section>
  2610. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  2611. <div class='homepost' id='mainmidatas'>
  2612. <b:section class='sidebar' id='middle-atas' preferred='yes'>
  2613. <b:widget id='Label5' locked='false' title='[New Post][hot][recent][3]' type='Label'>
  2614. <b:includable id='main'>
  2615. <b:if cond='data:title'>
  2616. <h2><data:title/></h2>
  2617. </b:if>
  2618. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2619. <b:if cond='data:display == &quot;list&quot;'>
  2620. <ul>
  2621. <b:loop values='data:labels' var='label'>
  2622. <li>
  2623. <b:if cond='data:blog.url == data:label.url'>
  2624. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2625. <b:else/>
  2626. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2627. </b:if>
  2628. <b:if cond='data:showFreqNumbers'>
  2629. <span dir='ltr'>(<data:label.count/>)</span>
  2630. </b:if>
  2631. </li>
  2632. </b:loop>
  2633. </ul>
  2634. <b:else/>
  2635. <b:loop values='data:labels' var='label'>
  2636. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2637. <b:if cond='data:blog.url == data:label.url'>
  2638. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2639. <b:else/>
  2640. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2641. </b:if>
  2642. <b:if cond='data:showFreqNumbers'>
  2643. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2644. </b:if>
  2645. </span>
  2646. </b:loop>
  2647. </b:if>
  2648. </div>
  2649. </b:includable>
  2650. </b:widget>
  2651. <b:widget id='Label6' locked='false' title='[Security][slider1][recent][10]' type='Label'>
  2652. <b:includable id='main'>
  2653. <b:if cond='data:title'>
  2654. <h2><data:title/></h2>
  2655. </b:if>
  2656. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2657. <b:if cond='data:display == &quot;list&quot;'>
  2658. <ul>
  2659. <b:loop values='data:labels' var='label'>
  2660. <li>
  2661. <b:if cond='data:blog.url == data:label.url'>
  2662. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2663. <b:else/>
  2664. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2665. </b:if>
  2666. <b:if cond='data:showFreqNumbers'>
  2667. <span dir='ltr'>(<data:label.count/>)</span>
  2668. </b:if>
  2669. </li>
  2670. </b:loop>
  2671. </ul>
  2672. <b:else/>
  2673. <b:loop values='data:labels' var='label'>
  2674. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2675. <b:if cond='data:blog.url == data:label.url'>
  2676. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2677. <b:else/>
  2678. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2679. </b:if>
  2680. <b:if cond='data:showFreqNumbers'>
  2681. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2682. </b:if>
  2683. </span>
  2684. </b:loop>
  2685. </b:if>
  2686. </div>
  2687. </b:includable>
  2688. </b:widget>
  2689. </b:section>
  2690. </div>
  2691. <div class='homepost row' id='mainmidtengah'>
  2692. <b:section class='sidebar pull-left col2' id='middle-tengah1' preferred='yes'>
  2693. <b:widget id='Label7' locked='false' title='[Music][vertical1][recent][4]' type='Label'>
  2694. <b:includable id='main'>
  2695. <b:if cond='data:title'>
  2696. <h2><data:title/></h2>
  2697. </b:if>
  2698. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2699. <b:if cond='data:display == &quot;list&quot;'>
  2700. <ul>
  2701. <b:loop values='data:labels' var='label'>
  2702. <li>
  2703. <b:if cond='data:blog.url == data:label.url'>
  2704. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2705. <b:else/>
  2706. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2707. </b:if>
  2708. <b:if cond='data:showFreqNumbers'>
  2709. <span dir='ltr'>(<data:label.count/>)</span>
  2710. </b:if>
  2711. </li>
  2712. </b:loop>
  2713. </ul>
  2714. <b:else/>
  2715. <b:loop values='data:labels' var='label'>
  2716. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2717. <b:if cond='data:blog.url == data:label.url'>
  2718. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2719. <b:else/>
  2720. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2721. </b:if>
  2722. <b:if cond='data:showFreqNumbers'>
  2723. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2724. </b:if>
  2725. </span>
  2726. </b:loop>
  2727. </b:if>
  2728. </div>
  2729. </b:includable>
  2730. </b:widget>
  2731. </b:section>
  2732. <b:section class='sidebar pull-right col2' id='middle-tengah2' preferred='yes'>
  2733. <b:widget id='Label8' locked='false' title='[Motion Design][noimage][rencent][5]' type='Label'>
  2734. <b:includable id='main'>
  2735. <b:if cond='data:title'>
  2736. <h2><data:title/></h2>
  2737. </b:if>
  2738. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2739. <b:if cond='data:display == &quot;list&quot;'>
  2740. <ul>
  2741. <b:loop values='data:labels' var='label'>
  2742. <li>
  2743. <b:if cond='data:blog.url == data:label.url'>
  2744. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2745. <b:else/>
  2746. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2747. </b:if>
  2748. <b:if cond='data:showFreqNumbers'>
  2749. <span dir='ltr'>(<data:label.count/>)</span>
  2750. </b:if>
  2751. </li>
  2752. </b:loop>
  2753. </ul>
  2754. <b:else/>
  2755. <b:loop values='data:labels' var='label'>
  2756. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2757. <b:if cond='data:blog.url == data:label.url'>
  2758. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2759. <b:else/>
  2760. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2761. </b:if>
  2762. <b:if cond='data:showFreqNumbers'>
  2763. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2764. </b:if>
  2765. </span>
  2766. </b:loop>
  2767. </b:if>
  2768. </div>
  2769. </b:includable>
  2770. </b:widget>
  2771. <b:widget id='Label9' locked='false' title='[Gallery Post 2][gallery2][recent][9]' type='Label'>
  2772. <b:includable id='main'>
  2773. <b:if cond='data:title'>
  2774. <h2><data:title/></h2>
  2775. </b:if>
  2776. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2777. <b:if cond='data:display == &quot;list&quot;'>
  2778. <ul>
  2779. <b:loop values='data:labels' var='label'>
  2780. <li>
  2781. <b:if cond='data:blog.url == data:label.url'>
  2782. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2783. <b:else/>
  2784. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2785. </b:if>
  2786. <b:if cond='data:showFreqNumbers'>
  2787. <span dir='ltr'>(<data:label.count/>)</span>
  2788. </b:if>
  2789. </li>
  2790. </b:loop>
  2791. </ul>
  2792. <b:else/>
  2793. <b:loop values='data:labels' var='label'>
  2794. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2795. <b:if cond='data:blog.url == data:label.url'>
  2796. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2797. <b:else/>
  2798. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2799. </b:if>
  2800. <b:if cond='data:showFreqNumbers'>
  2801. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2802. </b:if>
  2803. </span>
  2804. </b:loop>
  2805. </b:if>
  2806. </div>
  2807. </b:includable>
  2808. </b:widget>
  2809. </b:section>
  2810. <div class='clear'/>
  2811. </div>
  2812. <div class='homepost' id='mainmidbawah'>
  2813. <b:section class='sidebar' id='middle-bawah' preferred='yes'>
  2814. <b:widget id='Label10' locked='false' title='[Combine Post][combine][recent][5]' type='Label'>
  2815. <b:includable id='main'>
  2816. <b:if cond='data:title'>
  2817. <h2><data:title/></h2>
  2818. </b:if>
  2819. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2820. <b:if cond='data:display == &quot;list&quot;'>
  2821. <ul>
  2822. <b:loop values='data:labels' var='label'>
  2823. <li>
  2824. <b:if cond='data:blog.url == data:label.url'>
  2825. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2826. <b:else/>
  2827. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2828. </b:if>
  2829. <b:if cond='data:showFreqNumbers'>
  2830. <span dir='ltr'>(<data:label.count/>)</span>
  2831. </b:if>
  2832. </li>
  2833. </b:loop>
  2834. </ul>
  2835. <b:else/>
  2836. <b:loop values='data:labels' var='label'>
  2837. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2838. <b:if cond='data:blog.url == data:label.url'>
  2839. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2840. <b:else/>
  2841. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2842. </b:if>
  2843. <b:if cond='data:showFreqNumbers'>
  2844. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2845. </b:if>
  2846. </span>
  2847. </b:loop>
  2848. </b:if>
  2849. </div>
  2850. </b:includable>
  2851. </b:widget>
  2852. <b:widget id='Label11' locked='false' title='[Gallery Post 1][gallery1][recent][10]' type='Label'>
  2853. <b:includable id='main'>
  2854. <b:if cond='data:title'>
  2855. <h2><data:title/></h2>
  2856. </b:if>
  2857. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2858. <b:if cond='data:display == &quot;list&quot;'>
  2859. <ul>
  2860. <b:loop values='data:labels' var='label'>
  2861. <li>
  2862. <b:if cond='data:blog.url == data:label.url'>
  2863. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2864. <b:else/>
  2865. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2866. </b:if>
  2867. <b:if cond='data:showFreqNumbers'>
  2868. <span dir='ltr'>(<data:label.count/>)</span>
  2869. </b:if>
  2870. </li>
  2871. </b:loop>
  2872. </ul>
  2873. <b:else/>
  2874. <b:loop values='data:labels' var='label'>
  2875. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2876. <b:if cond='data:blog.url == data:label.url'>
  2877. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2878. <b:else/>
  2879. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2880. </b:if>
  2881. <b:if cond='data:showFreqNumbers'>
  2882. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2883. </b:if>
  2884. </span>
  2885. </b:loop>
  2886. </b:if>
  2887. </div>
  2888. </b:includable>
  2889. </b:widget>
  2890. </b:section>
  2891. </div>
  2892.  
  2893. <div class='homepost row' id='mainmidtengah2'>
  2894. <b:section class='sidebar pull-left col3' id='middle-tengahx1' preferred='yes'>
  2895. <b:widget id='Label12' locked='false' title='[Vertical2][vertical2][recent][4]' type='Label'>
  2896. <b:includable id='main'>
  2897. <b:if cond='data:title'>
  2898. <h2><data:title/></h2>
  2899. </b:if>
  2900. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2901. <b:if cond='data:display == &quot;list&quot;'>
  2902. <ul>
  2903. <b:loop values='data:labels' var='label'>
  2904. <li>
  2905. <b:if cond='data:blog.url == data:label.url'>
  2906. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2907. <b:else/>
  2908. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2909. </b:if>
  2910. <b:if cond='data:showFreqNumbers'>
  2911. <span dir='ltr'>(<data:label.count/>)</span>
  2912. </b:if>
  2913. </li>
  2914. </b:loop>
  2915. </ul>
  2916. <b:else/>
  2917. <b:loop values='data:labels' var='label'>
  2918. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2919. <b:if cond='data:blog.url == data:label.url'>
  2920. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2921. <b:else/>
  2922. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2923. </b:if>
  2924. <b:if cond='data:showFreqNumbers'>
  2925. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2926. </b:if>
  2927. </span>
  2928. </b:loop>
  2929. </b:if>
  2930. </div>
  2931. </b:includable>
  2932. </b:widget>
  2933. </b:section>
  2934. <b:section class='sidebar pull-left col3' id='middle-tengahx2' preferred='yes'>
  2935. <b:widget id='Label13' locked='false' title='[Web Design][vertical2][recent][4]' type='Label'>
  2936. <b:includable id='main'>
  2937. <b:if cond='data:title'>
  2938. <h2><data:title/></h2>
  2939. </b:if>
  2940. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2941. <b:if cond='data:display == &quot;list&quot;'>
  2942. <ul>
  2943. <b:loop values='data:labels' var='label'>
  2944. <li>
  2945. <b:if cond='data:blog.url == data:label.url'>
  2946. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2947. <b:else/>
  2948. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2949. </b:if>
  2950. <b:if cond='data:showFreqNumbers'>
  2951. <span dir='ltr'>(<data:label.count/>)</span>
  2952. </b:if>
  2953. </li>
  2954. </b:loop>
  2955. </ul>
  2956. <b:else/>
  2957. <b:loop values='data:labels' var='label'>
  2958. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2959. <b:if cond='data:blog.url == data:label.url'>
  2960. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2961. <b:else/>
  2962. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2963. </b:if>
  2964. <b:if cond='data:showFreqNumbers'>
  2965. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2966. </b:if>
  2967. </span>
  2968. </b:loop>
  2969. </b:if>
  2970. </div>
  2971. </b:includable>
  2972. </b:widget>
  2973. </b:section>
  2974. <b:section class='sidebar pull-right col3' id='middle-tengahx3' preferred='yes'>
  2975. <b:widget id='Label14' locked='false' title='[Music][vertical2][recent][4]' type='Label'>
  2976. <b:includable id='main'>
  2977. <b:if cond='data:title'>
  2978. <h2><data:title/></h2>
  2979. </b:if>
  2980. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2981. <b:if cond='data:display == &quot;list&quot;'>
  2982. <ul>
  2983. <b:loop values='data:labels' var='label'>
  2984. <li>
  2985. <b:if cond='data:blog.url == data:label.url'>
  2986. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2987. <b:else/>
  2988. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2989. </b:if>
  2990. <b:if cond='data:showFreqNumbers'>
  2991. <span dir='ltr'>(<data:label.count/>)</span>
  2992. </b:if>
  2993. </li>
  2994. </b:loop>
  2995. </ul>
  2996. <b:else/>
  2997. <b:loop values='data:labels' var='label'>
  2998. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2999. <b:if cond='data:blog.url == data:label.url'>
  3000. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3001. <b:else/>
  3002. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3003. </b:if>
  3004. <b:if cond='data:showFreqNumbers'>
  3005. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  3006. </b:if>
  3007. </span>
  3008. </b:loop>
  3009. </b:if>
  3010. </div>
  3011. </b:includable>
  3012. </b:widget>
  3013. </b:section>
  3014. <div class='clear'/>
  3015. </div>
  3016. <div class='homepost' id='mainmidbawah2'>
  3017. <b:section class='sidebar' id='middle-bawah2' preferred='yes'>
  3018. <b:widget id='Label15' locked='false' title='[Graphic Design][horizontal][recent][5]' type='Label'>
  3019. <b:includable id='main'>
  3020. <b:if cond='data:title'>
  3021. <h2><data:title/></h2>
  3022. </b:if>
  3023. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  3024. <b:if cond='data:display == &quot;list&quot;'>
  3025. <ul>
  3026. <b:loop values='data:labels' var='label'>
  3027. <li>
  3028. <b:if cond='data:blog.url == data:label.url'>
  3029. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3030. <b:else/>
  3031. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3032. </b:if>
  3033. <b:if cond='data:showFreqNumbers'>
  3034. <span dir='ltr'>(<data:label.count/>)</span>
  3035. </b:if>
  3036. </li>
  3037. </b:loop>
  3038. </ul>
  3039. <b:else/>
  3040. <b:loop values='data:labels' var='label'>
  3041. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  3042. <b:if cond='data:blog.url == data:label.url'>
  3043. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3044. <b:else/>
  3045. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3046. </b:if>
  3047. <b:if cond='data:showFreqNumbers'>
  3048. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  3049. </b:if>
  3050. </span>
  3051. </b:loop>
  3052. </b:if>
  3053. </div>
  3054. </b:includable>
  3055. </b:widget>
  3056. </b:section>
  3057. </div>
  3058. </b:if>
  3059. </div>
  3060. </div>
  3061.  
  3062. <aside id='sidebar-wrapper' itemscope='' itemtype='http://schema.org/WPSideBar'>
  3063. <div class='innerwrap'>
  3064. <div id='sidebar-atas'>
  3065. <b:section class='sidebar' id='sidebar-atas1' preferred='yes'>
  3066. <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
  3067. <b:includable id='main'>
  3068. <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  3069. <div class='widget-content'>
  3070. <div class='follow-by-email-inner'>
  3071. <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  3072. <table width='100%'>
  3073. <tr>
  3074. <td>
  3075. <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  3076. </td>
  3077. <td width='64px'>
  3078. <input class='follow-by-email-submit' type='submit' value='Submit'/>
  3079. </td>
  3080. </tr>
  3081. </table>
  3082. <input expr:value='data:feedPath' name='uri' type='hidden'/>
  3083. <input name='loc' type='hidden' value='en_US'/>
  3084. </form>
  3085. </div>
  3086. </div>
  3087. <span class='item-control blog-admin'>
  3088. </span>
  3089. </b:includable>
  3090. </b:widget>
  3091. </b:section>
  3092. </div>
  3093. <b:if cond='data:blog.mobileClass == &quot;&quot;'>
  3094. <div id='sidebar-tengah'>
  3095. <ul class='navtab'>
  3096. <li class='nav-one'><a class='current' href='#populartab'>Populars</a></li>
  3097. <li class='nav-two'><a href='#commenttabs'>Comments</a></li>
  3098. <li class='nav-three'><a href='#archivetab'>Archive</a></li>
  3099. </ul>
  3100. <div class='list-tabwrap'>
  3101. <div class='sidebarmd-widget' id='populartab'>
  3102. <b:section class='sidebar tabct' id='sidebar-popularx1' preferred='yes'>
  3103. <b:widget id='PopularPosts1' locked='false' title='Populars' type='PopularPosts'>
  3104. <b:includable id='main'>
  3105. <b:if cond='data:title'><h2><data:title/></h2></b:if>
  3106. <div class='widget-content popular-posts'>
  3107. <ul>
  3108. <b:loop values='data:posts' var='post'>
  3109. <li>
  3110. <b:if cond='data:showThumbnails == &quot;false&quot;'>
  3111. <b:if cond='data:showSnippets == &quot;false&quot;'>
  3112. <!-- (1) No snippet/thumbnail -->
  3113. <a expr:href='data:post.href'><data:post.title/></a>
  3114. <b:else/>
  3115. <!-- (2) Show only snippets -->
  3116. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  3117. <div class='item-snippet'><data:post.snippet/></div>
  3118. </b:if>
  3119. <b:else/>
  3120. <b:if cond='data:showSnippets == &quot;false&quot;'>
  3121. <!-- (3) Show only thumbnails -->
  3122. <div class='item-thumbnail-only'>
  3123. <b:if cond='data:post.thumbnail'>
  3124. <div class='item-thumbnail'>
  3125. <a expr:href='data:post.href' target='_blank'>
  3126. <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  3127. </a>
  3128. </div>
  3129. </b:if>
  3130. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  3131. </div>
  3132. <div style='clear: both;'/>
  3133. <b:else/>
  3134. <!-- (4) Show snippets and thumbnails -->
  3135. <div class='item-content'>
  3136. <b:if cond='data:post.thumbnail'>
  3137. <div class='item-thumbnail'>
  3138. <a expr:href='data:post.href' target='_blank'>
  3139. <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  3140. </a>
  3141. </div>
  3142. </b:if>
  3143. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  3144. <div class='item-snippet'><data:post.snippet/></div>
  3145. </div>
  3146. <div style='clear: both;'/>
  3147. </b:if>
  3148. </b:if>
  3149. </li>
  3150. </b:loop>
  3151. </ul>
  3152. </div>
  3153. </b:includable>
  3154. </b:widget>
  3155. </b:section>
  3156. </div>
  3157. <div class='hide sidebarmd-widget' id='commenttabs'>
  3158. <b:section class='sidebar tabct' id='sidebar-commentsx1' preferred='yes'>
  3159. <b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive'>
  3160. <b:includable id='main'>
  3161. <b:if cond='data:title'>
  3162. <h2><data:title/></h2>
  3163. </b:if>
  3164. <div class='widget-content'>
  3165. <div id='ArchiveList'>
  3166. <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  3167. <b:if cond='data:style == &quot;HIERARCHY&quot;'>
  3168. <b:include data='data' name='interval'/>
  3169. </b:if>
  3170. <b:if cond='data:style == &quot;FLAT&quot;'>
  3171. <b:include data='data' name='flat'/>
  3172. </b:if>
  3173. <b:if cond='data:style == &quot;MENU&quot;'>
  3174. <b:include data='data' name='menu'/>
  3175. </b:if>
  3176. </div>
  3177. </div>
  3178. </div>
  3179. </b:includable>
  3180. <b:includable id='flat' var='data'>
  3181. <ul class='flat'>
  3182. <b:loop values='data:data' var='i'>
  3183. <li class='archivedate'>
  3184. <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  3185. </li>
  3186. </b:loop>
  3187. </ul>
  3188. </b:includable>
  3189. <b:includable id='interval' var='intervalData'>
  3190. <b:loop values='data:intervalData' var='i'>
  3191. <ul class='hierarchy'>
  3192. <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
  3193. <b:include data='i' name='toggle'/>
  3194. <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
  3195. <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
  3196. <b:if cond='data:i.data'>
  3197. <b:include data='i.data' name='interval'/>
  3198. </b:if>
  3199. <b:if cond='data:i.posts'>
  3200. <b:include data='i.posts' name='posts'/>
  3201. </b:if>
  3202. </li>
  3203. </ul>
  3204. </b:loop>
  3205. </b:includable>
  3206. <b:includable id='menu' var='data'>
  3207. <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  3208. <option value=''><data:title/></option>
  3209. <b:loop values='data:data' var='i'>
  3210. <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  3211. </b:loop>
  3212. </select>
  3213. </b:includable>
  3214. <b:includable id='posts' var='posts'>
  3215. <ul class='posts'>
  3216. <b:loop values='data:posts' var='i'>
  3217. <li><a expr:href='data:i.url'><data:i.title/></a></li>
  3218. </b:loop>
  3219. </ul>
  3220. </b:includable>
  3221. <b:includable id='toggle' var='interval'>
  3222. <b:if cond='data:interval.toggleId'>
  3223. <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
  3224. <a class='toggle' href='javascript:void(0)'>
  3225. <span class='zippy toggle-open'>&#9660;&#160;</span>
  3226. </a>
  3227. <b:else/>
  3228. <a class='toggle' href='javascript:void(0)'>
  3229. <span class='zippy'>
  3230. <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
  3231. &#9668;&#160;
  3232. <b:else/>
  3233. &#9658;&#160;
  3234. </b:if>
  3235. </span>
  3236. </a>
  3237. </b:if>
  3238. </b:if>
  3239. </b:includable>
  3240. </b:widget>
  3241. </b:section>
  3242. </div>
  3243. <div class='hide sidebarmd-widget' id='archivetab'>
  3244. <b:section class='sidebar tabct' id='sidebar-archivetab1' preferred='yes'>
  3245. <b:widget id='Label1' locked='false' title='Tags' type='Label'>
  3246. <b:includable id='main'>
  3247. <b:if cond='data:title'>
  3248. <h2><data:title/></h2>
  3249. </b:if>
  3250. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  3251. <b:if cond='data:display == &quot;list&quot;'>
  3252. <ul>
  3253. <b:loop values='data:labels' var='label'>
  3254. <li>
  3255. <b:if cond='data:blog.url == data:label.url'>
  3256. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3257. <b:else/>
  3258. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3259. </b:if>
  3260. <b:if cond='data:showFreqNumbers'>
  3261. <span dir='ltr'>(<data:label.count/>)</span>
  3262. </b:if>
  3263. </li>
  3264. </b:loop>
  3265. </ul>
  3266. <b:else/>
  3267. <b:loop values='data:labels' var='label'>
  3268. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  3269. <b:if cond='data:blog.url == data:label.url'>
  3270. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3271. <b:else/>
  3272. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3273. </b:if>
  3274. <b:if cond='data:showFreqNumbers'>
  3275. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  3276. </b:if>
  3277. </span>
  3278. </b:loop>
  3279. </b:if>
  3280. </div>
  3281. </b:includable>
  3282. </b:widget>
  3283. </b:section>
  3284. </div>
  3285. <div class='clear'/>
  3286. </div>
  3287. </div>
  3288. </b:if>
  3289. <div id='sidebar-bawah'>
  3290. <b:section class='sidebar' id='sidebar-bawah1' preferred='yes'>
  3291. <b:widget id='Label16' locked='false' title='[simplepost][simple][recent][5]' type='Label'>
  3292. <b:includable id='main'>
  3293. <b:if cond='data:title'>
  3294. <h2><data:title/></h2>
  3295. </b:if>
  3296. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  3297. <b:if cond='data:display == &quot;list&quot;'>
  3298. <ul>
  3299. <b:loop values='data:labels' var='label'>
  3300. <li>
  3301. <b:if cond='data:blog.url == data:label.url'>
  3302. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3303. <b:else/>
  3304. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3305. </b:if>
  3306. <b:if cond='data:showFreqNumbers'>
  3307. <span dir='ltr'>(<data:label.count/>)</span>
  3308. </b:if>
  3309. </li>
  3310. </b:loop>
  3311. </ul>
  3312. <b:else/>
  3313. <b:loop values='data:labels' var='label'>
  3314. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  3315. <b:if cond='data:blog.url == data:label.url'>
  3316. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3317. <b:else/>
  3318. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3319. </b:if>
  3320. <b:if cond='data:showFreqNumbers'>
  3321. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  3322. </b:if>
  3323. </span>
  3324. </b:loop>
  3325. </b:if>
  3326. </div>
  3327. </b:includable>
  3328. </b:widget>
  3329. <b:widget id='HTML1' locked='false' title='Comments' type='HTML'>
  3330. <b:includable id='main'>
  3331. <!-- only display title if it's non-empty -->
  3332. <b:if cond='data:title != &quot;&quot;'>
  3333. <h2 class='title'><data:title/></h2>
  3334. </b:if>
  3335. <div class='widget-content'>
  3336. <data:content/>
  3337. </div>
  3338.  
  3339. </b:includable>
  3340. </b:widget>
  3341. <b:widget id='Navbar1' locked='false' title='Thanh điều hướng' type='Navbar'>
  3342. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  3343. function setAttributeOnload(object, attribute, val) {
  3344. if(window.addEventListener) {
  3345. window.addEventListener(&#39;load&#39;,
  3346. function(){ object[attribute] = val; }, false);
  3347. } else {
  3348. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  3349. }
  3350. }
  3351. &lt;/script&gt;
  3352. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  3353. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  3354. &lt;script type=&quot;text/javascript&quot;&gt;
  3355. gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  3356. if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  3357. gapi.iframes.getContext().openChild({
  3358. url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0752313192027483498186\46blogName\75Keyz+Cenly+Blog\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://keyzcenly.blogspot.com/search\46blogLocale\75vi\46v\0752\46homepageUrl\75http://keyzcenly.blogspot.com/\46blogFollowUrl\75https://plus.google.com/112967247483725568326\46vt\0756190205253819563722&#39;,
  3359. where: document.getElementById(&quot;navbar-iframe-container&quot;),
  3360. id: &quot;navbar-iframe&quot;
  3361. });
  3362. }
  3363. });
  3364. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  3365. (function() {
  3366. var script = document.createElement(&#39;script&#39;);
  3367. script.type = &#39;text/javascript&#39;;
  3368. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  3369. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  3370. if (head) {
  3371. head.appendChild(script);
  3372. }})();
  3373. &lt;/script&gt;
  3374. </b:includable>
  3375. </b:widget>
  3376. </b:section>
  3377. </div>
  3378. </div>
  3379. </aside>
  3380.  
  3381. <!-- spacer for skins that want sidebar and main to be the same height-->
  3382. <div class='clear'>&#160;</div>
  3383. </div>
  3384. </div> <!-- end content-wrapper -->
  3385. <footer id='footer-wrapper' itemscope='' itemtype='http://schema.org/WPFooter'>
  3386. <div class='row footer-wrap'>
  3387. <div class='isiwrap'>
  3388. <div class='col4 pull-left'><b:section class='footer' id='footer1'/>
  3389. </div>
  3390. <div class='col4 pull-left'><b:section class='footer' id='footer2'/>
  3391. </div>
  3392. <div class='col4 pull-left'><b:section class='footer' id='footer3'/>
  3393. </div>
  3394. <div class='col4 pull-left'><b:section class='footer' id='footer4'/>
  3395. </div>
  3396. <div class='clear'/>
  3397. </div>
  3398. </div>
  3399. <div class='navix credit'>
  3400. <div class='isiwrap'>
  3401. <div class='row'>
  3402. <div class='pull-left'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#169; 2014. All Rights Reserved.</div>
  3403. <div class='pull-right'>Powered by <a href='http://blogger.com/' target='_blank'>Blogger</a></div>
  3404. </div>
  3405. </div>
  3406. </div>
  3407. </footer>
  3408. &lt;/div&gt; <!-- end outer-wrapper -->
  3409. <div expr:class='data:blog.languageDirection' id='dectdirect' style='display:none'/>
  3410. <b:include data='blog' name='google-analytics'/>
  3411. <b:if cond='data:blog.url != data:blog.homepageUrl'>
  3412. <script src='http://s7.addthis.com/js/300/addthis_widget.js#async=1' type='text/javascript'/>
  3413. </b:if>
  3414. <b:if cond='data:blog.mobileClass != &quot;&quot;'>
  3415. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
  3416. </b:if>
  3417. <script async='' type='text/javascript'>
  3418. //<![CDATA[
  3419. var Alldefaultconfig = {
  3420. postPerPage:6,
  3421. numshowpage:3,
  3422. MaxPost:5,
  3423. MoreText: "Load more posts",
  3424. monthName: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
  3425. viewMoreText: "View More About",
  3426. BackupImage: "https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xpa1/t1.0-9/10502138_290941307752095_4573195905407512697_n.jpg",
  3427. summaryLength:100,
  3428. FirstImageSize:"s320-c",
  3429. ImageSize:"s72-c",
  3430. slideshowSpeed:5000,
  3431. NewsTickerText:"Breaking News",
  3432. RandomTitle:"Random Posts",
  3433. RecentTitle:"Recent Posts",
  3434. RelatedTitle:"Related Posts",
  3435. CommentMode:"blogger",
  3436. redirectMobile:false
  3437. };
  3438. if (Alldefaultconfig.redirectMobile) {
  3439. var curl = window.location.href;if (curl.indexOf('m=1') != -1) {curl = curl.replace('m=1', 'm=0');window.location.href = curl;}
  3440. }
  3441. /*!
  3442. * jQuery Unveil
  3443. * A very lightweight jQuery plugin to lazy load images
  3444. * http://luis-almeida.github.com/unveil
  3445. *
  3446. * Licensed under the MIT license.
  3447. * Copyright 2013 Luís Almeida
  3448. * https://github.com/luis-almeida
  3449. */
  3450. (function($){$.fn.unveil=function(threshold,callback){var $w=$(window),th=threshold||0,retina=window.devicePixelRatio>1,attrib=retina?"data-src-retina":"data-src",images=this,loaded;this.one("unveil",function(){var source=this.getAttribute(attrib);source=source||this.getAttribute("data-src");if(source){this.setAttribute("src",source);if(typeof callback==="function")callback.call(this);}});function unveil(){var inview=images.filter(function(){var $e=$(this),wt=$w.scrollTop(),wb=wt+$w.height(),et=$e.offset().top,eb=et+$e.height();return eb>=wt-th&&et<=wb+th;});loaded=inview.trigger("unveil");images=images.not(loaded);}$w.scroll(unveil);$w.resize(unveil);unveil();return this;};})(window.jQuery||window.Zepto);
  3451.  
  3452. //JS Cookie
  3453. function createCookie(c,d,e){if(e){var b=new Date();b.setTime(b.getTime()+(e*24*60*60*1000));var a="; expires="+b.toGMTString()}else{var a=""}document.cookie=c+"="+d+a+"; path=/"}function readCookie(b){var e=b+"=";var a=document.cookie.split(";");for(var d=0;d<a.length;d++){var f=a[d];while(f.charAt(0)==" "){f=f.substring(1,f.length)}if(f.indexOf(e)==0){return f.substring(e.length,f.length)}}return null}function eraseCookie(a){createCookie(a,"",-1)};
  3454.  
  3455. // Mousewheel v3.0.6 - jQuery Scroll Mouse Wheel
  3456. // Copyright (c) 2011 Brandon Aaron (http://brandonaaron.net)
  3457. (function(d){var b=["DOMMouseScroll","mousewheel"];if(d.event.fixHooks){for(var a=b.length;a;){d.event.fixHooks[b[--a]]=d.event.mouseHooks}}d.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var e=b.length;e;){this.addEventListener(b[--e],c,false)}}else{this.onmousewheel=c}},teardown:function(){if(this.removeEventListener){for(var e=b.length;e;){this.removeEventListener(b[--e],c,false)}}else{this.onmousewheel=null}}};d.fn.extend({mousewheel:function(e){return e?this.bind("mousewheel",e):this.trigger("mousewheel")},unmousewheel:function(e){return this.unbind("mousewheel",e)}});function c(j){var h=j||window.event,g=[].slice.call(arguments,1),k=0,i=true,f=0,e=0;j=d.event.fix(h);j.type="mousewheel";if(h.wheelDelta){k=h.wheelDelta/120}if(h.detail){k=-h.detail/3}e=k;if(h.axis!==undefined&&h.axis===h.HORIZONTAL_AXIS){e=0;f=-1*k}if(h.wheelDeltaY!==undefined){e=h.wheelDeltaY/120}if(h.wheelDeltaX!==undefined){f=-1*h.wheelDeltaX/120}g.unshift(j,k,f,e);return(d.event.dispatch||d.event.handle).apply(this,g)}})(jQuery);
  3458.  
  3459. /*!
  3460. * jQuery FlexSlider v2.2.2
  3461. * Copyright 2012 WooThemes
  3462. * Contributing Author: Tyler Smith
  3463. */
  3464. !function(a){a.flexslider=function(b,c){var d=a(b);d.vars=a.extend({},a.flexslider.defaults,c);var j,e=d.vars.namespace,f=window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture,g=("ontouchstart"in window||f||window.DocumentTouch&&document instanceof DocumentTouch)&&d.vars.touch,h="click touchend MSPointerUp",i="",k="vertical"===d.vars.direction,l=d.vars.reverse,m=d.vars.itemWidth>0,n="fade"===d.vars.animation,o=""!==d.vars.asNavFor,p={},q=!0;a.data(b,"flexslider",d),p={init:function(){d.animating=!1,d.currentSlide=parseInt(d.vars.startAt?d.vars.startAt:0,10),isNaN(d.currentSlide)&&(d.currentSlide=0),d.animatingTo=d.currentSlide,d.atEnd=0===d.currentSlide||d.currentSlide===d.last,d.containerSelector=d.vars.selector.substr(0,d.vars.selector.search(" ")),d.slides=a(d.vars.selector,d),d.container=a(d.containerSelector,d),d.count=d.slides.length,d.syncExists=a(d.vars.sync).length>0,"slide"===d.vars.animation&&(d.vars.animation="swing"),d.prop=k?"top":"marginLeft",d.args={},d.manualPause=!1,d.stopped=!1,d.started=!1,d.startTimeout=null,d.transitions=!d.vars.video&&!n&&d.vars.useCSS&&function(){var a=document.createElement("div"),b=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var c in b)if(void 0!==a.style[b[c]])return d.pfx=b[c].replace("Perspective","").toLowerCase(),d.prop="-"+d.pfx+"-transform",!0;return!1}(),d.ensureAnimationEnd="",""!==d.vars.controlsContainer&&(d.controlsContainer=a(d.vars.controlsContainer).length>0&&a(d.vars.controlsContainer)),""!==d.vars.manualControls&&(d.manualControls=a(d.vars.manualControls).length>0&&a(d.vars.manualControls)),d.vars.randomize&&(d.slides.sort(function(){return Math.round(Math.random())-.5}),d.container.empty().append(d.slides)),d.doMath(),d.setup("init"),d.vars.controlNav&&p.controlNav.setup(),d.vars.directionNav&&p.directionNav.setup(),d.vars.keyboard&&(1===a(d.containerSelector).length||d.vars.multipleKeyboard)&&a(document).bind("keyup",function(a){var b=a.keyCode;if(!d.animating&&(39===b||37===b)){var c=39===b?d.getTarget("next"):37===b?d.getTarget("prev"):!1;d.flexAnimate(c,d.vars.pauseOnAction)}}),d.vars.mousewheel&&d.bind("mousewheel",function(a,b){a.preventDefault();var f=0>b?d.getTarget("next"):d.getTarget("prev");d.flexAnimate(f,d.vars.pauseOnAction)}),d.vars.pausePlay&&p.pausePlay.setup(),d.vars.slideshow&&d.vars.pauseInvisible&&p.pauseInvisible.init(),d.vars.slideshow&&(d.vars.pauseOnHover&&d.hover(function(){d.manualPlay||d.manualPause||d.pause()},function(){d.manualPause||d.manualPlay||d.stopped||d.play()}),d.vars.pauseInvisible&&p.pauseInvisible.isHidden()||(d.vars.initDelay>0?d.startTimeout=setTimeout(d.play,d.vars.initDelay):d.play())),o&&p.asNav.setup(),g&&d.vars.touch&&p.touch(),(!n||n&&d.vars.smoothHeight)&&a(window).bind("resize orientationchange focus",p.resize),d.find("img").attr("draggable","false"),setTimeout(function(){d.vars.start(d)},200)},asNav:{setup:function(){d.asNav=!0,d.animatingTo=Math.floor(d.currentSlide/d.move),d.currentItem=d.currentSlide,d.slides.removeClass(e+"active-slide").eq(d.currentItem).addClass(e+"active-slide"),f?(b._slider=d,d.slides.each(function(){var b=this;b._gesture=new MSGesture,b._gesture.target=b,b.addEventListener("MSPointerDown",function(a){a.preventDefault(),a.currentTarget._gesture&&a.currentTarget._gesture.addPointer(a.pointerId)},!1),b.addEventListener("MSGestureTap",function(b){b.preventDefault();var c=a(this),e=c.index();a(d.vars.asNavFor).data("flexslider").animating||c.hasClass("active")||(d.direction=d.currentItem<e?"next":"prev",d.flexAnimate(e,d.vars.pauseOnAction,!1,!0,!0))})})):d.slides.on(h,function(b){b.preventDefault();var c=a(this),f=c.index(),g=c.offset().left-a(d).scrollLeft();0>=g&&c.hasClass(e+"active-slide")?d.flexAnimate(d.getTarget("prev"),!0):a(d.vars.asNavFor).data("flexslider").animating||c.hasClass(e+"active-slide")||(d.direction=d.currentItem<f?"next":"prev",d.flexAnimate(f,d.vars.pauseOnAction,!1,!0,!0))})}},controlNav:{setup:function(){d.manualControls?p.controlNav.setupManual():p.controlNav.setupPaging()},setupPaging:function(){var f,g,b="thumbnails"===d.vars.controlNav?"control-thumbs":"control-paging",c=1;if(d.controlNavScaffold=a('<ol class="'+e+"control-nav "+e+b+'"></ol>'),d.pagingCount>1)for(var j=0;j<d.pagingCount;j++){if(g=d.slides.eq(j),f="thumbnails"===d.vars.controlNav?'<img src="'+g.attr("data-thumb")+'"/>':"<a>"+c+"</a>","thumbnails"===d.vars.controlNav&&!0===d.vars.thumbCaptions){var k=g.attr("data-thumbcaption");""!=k&&void 0!=k&&(f+='<span class="'+e+'caption">'+k+"</span>")}d.controlNavScaffold.append("<li>"+f+"</li>"),c++}d.controlsContainer?a(d.controlsContainer).append(d.controlNavScaffold):d.append(d.controlNavScaffold),p.controlNav.set(),p.controlNav.active(),d.controlNavScaffold.delegate("a, img",h,function(b){if(b.preventDefault(),""===i||i===b.type){var c=a(this),f=d.controlNav.index(c);c.hasClass(e+"active")||(d.direction=f>d.currentSlide?"next":"prev",d.flexAnimate(f,d.vars.pauseOnAction))}""===i&&(i=b.type),p.setToClearWatchedEvent()})},setupManual:function(){d.controlNav=d.manualControls,p.controlNav.active(),d.controlNav.bind(h,function(b){if(b.preventDefault(),""===i||i===b.type){var c=a(this),f=d.controlNav.index(c);c.hasClass(e+"active")||(d.direction=f>d.currentSlide?"next":"prev",d.flexAnimate(f,d.vars.pauseOnAction))}""===i&&(i=b.type),p.setToClearWatchedEvent()})},set:function(){var b="thumbnails"===d.vars.controlNav?"img":"a";d.controlNav=a("."+e+"control-nav li "+b,d.controlsContainer?d.controlsContainer:d)},active:function(){d.controlNav.removeClass(e+"active").eq(d.animatingTo).addClass(e+"active")},update:function(b,c){d.pagingCount>1&&"add"===b?d.controlNavScaffold.append(a("<li><a>"+d.count+"</a></li>")):1===d.pagingCount?d.controlNavScaffold.find("li").remove():d.controlNav.eq(c).closest("li").remove(),p.controlNav.set(),d.pagingCount>1&&d.pagingCount!==d.controlNav.length?d.update(c,b):p.controlNav.active()}},directionNav:{setup:function(){var b=a('<ul class="'+e+'direction-nav"><li><a class="'+e+'prev" href="#">'+d.vars.prevText+'</a></li><li><a class="'+e+'next" href="#">'+d.vars.nextText+"</a></li></ul>");d.controlsContainer?(a(d.controlsContainer).append(b),d.directionNav=a("."+e+"direction-nav li a",d.controlsContainer)):(d.append(b),d.directionNav=a("."+e+"direction-nav li a",d)),p.directionNav.update(),d.directionNav.bind(h,function(b){b.preventDefault();var c;(""===i||i===b.type)&&(c=a(this).hasClass(e+"next")?d.getTarget("next"):d.getTarget("prev"),d.flexAnimate(c,d.vars.pauseOnAction)),""===i&&(i=b.type),p.setToClearWatchedEvent()})},update:function(){var a=e+"disabled";1===d.pagingCount?d.directionNav.addClass(a).attr("tabindex","-1"):d.vars.animationLoop?d.directionNav.removeClass(a).removeAttr("tabindex"):0===d.animatingTo?d.directionNav.removeClass(a).filter("."+e+"prev").addClass(a).attr("tabindex","-1"):d.animatingTo===d.last?d.directionNav.removeClass(a).filter("."+e+"next").addClass(a).attr("tabindex","-1"):d.directionNav.removeClass(a).removeAttr("tabindex")}},pausePlay:{setup:function(){var b=a('<div class="'+e+'pauseplay"><a></a></div>');d.controlsContainer?(d.controlsContainer.append(b),d.pausePlay=a("."+e+"pauseplay a",d.controlsContainer)):(d.append(b),d.pausePlay=a("."+e+"pauseplay a",d)),p.pausePlay.update(d.vars.slideshow?e+"pause":e+"play"),d.pausePlay.bind(h,function(b){b.preventDefault(),(""===i||i===b.type)&&(a(this).hasClass(e+"pause")?(d.manualPause=!0,d.manualPlay=!1,d.pause()):(d.manualPause=!1,d.manualPlay=!0,d.play())),""===i&&(i=b.type),p.setToClearWatchedEvent()})},update:function(a){"play"===a?d.pausePlay.removeClass(e+"pause").addClass(e+"play").html(d.vars.playText):d.pausePlay.removeClass(e+"play").addClass(e+"pause").html(d.vars.pauseText)}},touch:function(){function r(f){d.animating?f.preventDefault():(window.navigator.msPointerEnabled||1===f.touches.length)&&(d.pause(),g=k?d.h:d.w,i=Number(new Date),o=f.touches[0].pageX,p=f.touches[0].pageY,e=m&&l&&d.animatingTo===d.last?0:m&&l?d.limit-(d.itemW+d.vars.itemMargin)*d.move*d.animatingTo:m&&d.currentSlide===d.last?d.limit:m?(d.itemW+d.vars.itemMargin)*d.move*d.currentSlide:l?(d.last-d.currentSlide+d.cloneOffset)*g:(d.currentSlide+d.cloneOffset)*g,a=k?p:o,c=k?o:p,b.addEventListener("touchmove",s,!1),b.addEventListener("touchend",t,!1))}function s(b){o=b.touches[0].pageX,p=b.touches[0].pageY,h=k?a-p:a-o,j=k?Math.abs(h)<Math.abs(o-c):Math.abs(h)<Math.abs(p-c);var f=500;(!j||Number(new Date)-i>f)&&(b.preventDefault(),!n&&d.transitions&&(d.vars.animationLoop||(h/=0===d.currentSlide&&0>h||d.currentSlide===d.last&&h>0?Math.abs(h)/g+2:1),d.setProps(e+h,"setTouch")))}function t(){if(b.removeEventListener("touchmove",s,!1),d.animatingTo===d.currentSlide&&!j&&null!==h){var k=l?-h:h,m=k>0?d.getTarget("next"):d.getTarget("prev");d.canAdvance(m)&&(Number(new Date)-i<550&&Math.abs(k)>50||Math.abs(k)>g/2)?d.flexAnimate(m,d.vars.pauseOnAction):n||d.flexAnimate(d.currentSlide,d.vars.pauseOnAction,!0)}b.removeEventListener("touchend",t,!1),a=null,c=null,h=null,e=null}function u(a){a.stopPropagation(),d.animating?a.preventDefault():(d.pause(),b._gesture.addPointer(a.pointerId),q=0,g=k?d.h:d.w,i=Number(new Date),e=m&&l&&d.animatingTo===d.last?0:m&&l?d.limit-(d.itemW+d.vars.itemMargin)*d.move*d.animatingTo:m&&d.currentSlide===d.last?d.limit:m?(d.itemW+d.vars.itemMargin)*d.move*d.currentSlide:l?(d.last-d.currentSlide+d.cloneOffset)*g:(d.currentSlide+d.cloneOffset)*g)}function v(a){a.stopPropagation();var c=a.target._slider;if(c){var d=-a.translationX,f=-a.translationY;return q+=k?f:d,h=q,j=k?Math.abs(q)<Math.abs(-d):Math.abs(q)<Math.abs(-f),a.detail===a.MSGESTURE_FLAG_INERTIA?(setImmediate(function(){b._gesture.stop()}),void 0):((!j||Number(new Date)-i>500)&&(a.preventDefault(),!n&&c.transitions&&(c.vars.animationLoop||(h=q/(0===c.currentSlide&&0>q||c.currentSlide===c.last&&q>0?Math.abs(q)/g+2:1)),c.setProps(e+h,"setTouch"))),void 0)}}function w(b){b.stopPropagation();var d=b.target._slider;if(d){if(d.animatingTo===d.currentSlide&&!j&&null!==h){var f=l?-h:h,k=f>0?d.getTarget("next"):d.getTarget("prev");d.canAdvance(k)&&(Number(new Date)-i<550&&Math.abs(f)>50||Math.abs(f)>g/2)?d.flexAnimate(k,d.vars.pauseOnAction):n||d.flexAnimate(d.currentSlide,d.vars.pauseOnAction,!0)}a=null,c=null,h=null,e=null,q=0}}var a,c,e,g,h,i,j=!1,o=0,p=0,q=0;f?(b.style.msTouchAction="none",b._gesture=new MSGesture,b._gesture.target=b,b.addEventListener("MSPointerDown",u,!1),b._slider=d,b.addEventListener("MSGestureChange",v,!1),b.addEventListener("MSGestureEnd",w,!1)):b.addEventListener("touchstart",r,!1)},resize:function(){!d.animating&&d.is(":visible")&&(m||d.doMath(),n?p.smoothHeight():m?(d.slides.width(d.computedW),d.update(d.pagingCount),d.setProps()):k?(d.viewport.height(d.h),d.setProps(d.h,"setTotal")):(d.vars.smoothHeight&&p.smoothHeight(),d.newSlides.width(d.computedW),d.setProps(d.computedW,"setTotal")))},smoothHeight:function(a){if(!k||n){var b=n?d:d.viewport;a?b.animate({height:d.slides.eq(d.animatingTo).height()},a):b.height(d.slides.eq(d.animatingTo).height())}},sync:function(b){var c=a(d.vars.sync).data("flexslider"),e=d.animatingTo;switch(b){case"animate":c.flexAnimate(e,d.vars.pauseOnAction,!1,!0);break;case"play":c.playing||c.asNav||c.play();break;case"pause":c.pause()}},uniqueID:function(b){return b.find("[id]").each(function(){var b=a(this);b.attr("id",b.attr("id")+"_clone")}),b},pauseInvisible:{visProp:null,init:function(){var a=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var b=0;b<a.length;b++)a[b]+"Hidden"in document&&(p.pauseInvisible.visProp=a[b]+"Hidden");if(p.pauseInvisible.visProp){var c=p.pauseInvisible.visProp.replace(/[H|h]idden/,"")+"visibilitychange";document.addEventListener(c,function(){p.pauseInvisible.isHidden()?d.startTimeout?clearTimeout(d.startTimeout):d.pause():d.started?d.play():d.vars.initDelay>0?setTimeout(d.play,d.vars.initDelay):d.play()})}},isHidden:function(){return document[p.pauseInvisible.visProp]||!1}},setToClearWatchedEvent:function(){clearTimeout(j),j=setTimeout(function(){i=""},3e3)}},d.flexAnimate=function(b,c,f,h,i){if(d.vars.animationLoop||b===d.currentSlide||(d.direction=b>d.currentSlide?"next":"prev"),o&&1===d.pagingCount&&(d.direction=d.currentItem<b?"next":"prev"),!d.animating&&(d.canAdvance(b,i)||f)&&d.is(":visible")){if(o&&h){var j=a(d.vars.asNavFor).data("flexslider");if(d.atEnd=0===b||b===d.count-1,j.flexAnimate(b,!0,!1,!0,i),d.direction=d.currentItem<b?"next":"prev",j.direction=d.direction,Math.ceil((b+1)/d.visible)-1===d.currentSlide||0===b)return d.currentItem=b,d.slides.removeClass(e+"active-slide").eq(b).addClass(e+"active-slide"),!1;d.currentItem=b,d.slides.removeClass(e+"active-slide").eq(b).addClass(e+"active-slide"),b=Math.floor(b/d.visible)}if(d.animating=!0,d.animatingTo=b,c&&d.pause(),d.vars.before(d),d.syncExists&&!i&&p.sync("animate"),d.vars.controlNav&&p.controlNav.active(),m||d.slides.removeClass(e+"active-slide").eq(b).addClass(e+"active-slide"),d.atEnd=0===b||b===d.last,d.vars.directionNav&&p.directionNav.update(),b===d.last&&(d.vars.end(d),d.vars.animationLoop||d.pause()),n)g?(d.slides.eq(d.currentSlide).css({opacity:0,zIndex:1}),d.slides.eq(b).css({opacity:1,zIndex:2}),d.wrapup(q)):(d.slides.eq(d.currentSlide).css({zIndex:1}).animate({opacity:0},d.vars.animationSpeed,d.vars.easing),d.slides.eq(b).css({zIndex:2}).animate({opacity:1},d.vars.animationSpeed,d.vars.easing,d.wrapup));else{var r,s,t,q=k?d.slides.filter(":first").height():d.computedW;m?(r=d.vars.itemMargin,t=(d.itemW+r)*d.move*d.animatingTo,s=t>d.limit&&1!==d.visible?d.limit:t):s=0===d.currentSlide&&b===d.count-1&&d.vars.animationLoop&&"next"!==d.direction?l?(d.count+d.cloneOffset)*q:0:d.currentSlide===d.last&&0===b&&d.vars.animationLoop&&"prev"!==d.direction?l?0:(d.count+1)*q:l?(d.count-1-b+d.cloneOffset)*q:(b+d.cloneOffset)*q,d.setProps(s,"",d.vars.animationSpeed),d.transitions?(d.vars.animationLoop&&d.atEnd||(d.animating=!1,d.currentSlide=d.animatingTo),d.container.unbind("webkitTransitionEnd transitionend"),d.container.bind("webkitTransitionEnd transitionend",function(){clearTimeout(d.ensureAnimationEnd),d.wrapup(q)}),clearTimeout(d.ensureAnimationEnd),d.ensureAnimationEnd=setTimeout(function(){d.wrapup(q)},d.vars.animationSpeed+100)):d.container.animate(d.args,d.vars.animationSpeed,d.vars.easing,function(){d.wrapup(q)})}d.vars.smoothHeight&&p.smoothHeight(d.vars.animationSpeed)}},d.wrapup=function(a){n||m||(0===d.currentSlide&&d.animatingTo===d.last&&d.vars.animationLoop?d.setProps(a,"jumpEnd"):d.currentSlide===d.last&&0===d.animatingTo&&d.vars.animationLoop&&d.setProps(a,"jumpStart")),d.animating=!1,d.currentSlide=d.animatingTo,d.vars.after(d)},d.animateSlides=function(){!d.animating&&q&&d.flexAnimate(d.getTarget("next"))},d.pause=function(){clearInterval(d.animatedSlides),d.animatedSlides=null,d.playing=!1,d.vars.pausePlay&&p.pausePlay.update("play"),d.syncExists&&p.sync("pause")},d.play=function(){d.playing&&clearInterval(d.animatedSlides),d.animatedSlides=d.animatedSlides||setInterval(d.animateSlides,d.vars.slideshowSpeed),d.started=d.playing=!0,d.vars.pausePlay&&p.pausePlay.update("pause"),d.syncExists&&p.sync("play")},d.stop=function(){d.pause(),d.stopped=!0},d.canAdvance=function(a,b){var c=o?d.pagingCount-1:d.last;return b?!0:o&&d.currentItem===d.count-1&&0===a&&"prev"===d.direction?!0:o&&0===d.currentItem&&a===d.pagingCount-1&&"next"!==d.direction?!1:a!==d.currentSlide||o?d.vars.animationLoop?!0:d.atEnd&&0===d.currentSlide&&a===c&&"next"!==d.direction?!1:d.atEnd&&d.currentSlide===c&&0===a&&"next"===d.direction?!1:!0:!1},d.getTarget=function(a){return d.direction=a,"next"===a?d.currentSlide===d.last?0:d.currentSlide+1:0===d.currentSlide?d.last:d.currentSlide-1},d.setProps=function(a,b,c){var e=function(){var c=a?a:(d.itemW+d.vars.itemMargin)*d.move*d.animatingTo,e=function(){if(m)return"setTouch"===b?a:l&&d.animatingTo===d.last?0:l?d.limit-(d.itemW+d.vars.itemMargin)*d.move*d.animatingTo:d.animatingTo===d.last?d.limit:c;switch(b){case"setTotal":return l?(d.count-1-d.currentSlide+d.cloneOffset)*a:(d.currentSlide+d.cloneOffset)*a;case"setTouch":return l?a:a;case"jumpEnd":return l?a:d.count*a;case"jumpStart":return l?d.count*a:a;default:return a}}();return-1*e+"px"}();d.transitions&&(e=k?"translate3d(0,"+e+",0)":"translate3d("+e+",0,0)",c=void 0!==c?c/1e3+"s":"0s",d.container.css("-"+d.pfx+"-transition-duration",c),d.container.css("transition-duration",c)),d.args[d.prop]=e,(d.transitions||void 0===c)&&d.container.css(d.args),d.container.css("transform",e)},d.setup=function(b){if(n)d.slides.css({width:"100%","float":"left",marginRight:"-100%",position:"relative"}),"init"===b&&(g?d.slides.css({opacity:0,display:"block",webkitTransition:"opacity "+d.vars.animationSpeed/1e3+"s ease",zIndex:1}).eq(d.currentSlide).css({opacity:1,zIndex:2}):d.slides.css({opacity:0,display:"block",zIndex:1}).eq(d.currentSlide).css({zIndex:2}).animate({opacity:1},d.vars.animationSpeed,d.vars.easing)),d.vars.smoothHeight&&p.smoothHeight();else{var c,f;"init"===b&&(d.viewport=a('<div class="'+e+'viewport"></div>').css({overflow:"hidden",position:"relative"}).appendTo(d).append(d.container),d.cloneCount=0,d.cloneOffset=0,l&&(f=a.makeArray(d.slides).reverse(),d.slides=a(f),d.container.empty().append(d.slides))),d.vars.animationLoop&&!m&&(d.cloneCount=2,d.cloneOffset=1,"init"!==b&&d.container.find(".clone").remove(),p.uniqueID(d.slides.first().clone().addClass("clone").attr("aria-hidden","true")).appendTo(d.container),p.uniqueID(d.slides.last().clone().addClass("clone").attr("aria-hidden","true")).prependTo(d.container)),d.newSlides=a(d.vars.selector,d),c=l?d.count-1-d.currentSlide+d.cloneOffset:d.currentSlide+d.cloneOffset,k&&!m?(d.container.height(200*(d.count+d.cloneCount)+"%").css("position","absolute").width("100%"),setTimeout(function(){d.newSlides.css({display:"block"}),d.doMath(),d.viewport.height(d.h),d.setProps(c*d.h,"init")},"init"===b?100:0)):(d.container.width(200*(d.count+d.cloneCount)+"%"),d.setProps(c*d.computedW,"init"),setTimeout(function(){d.doMath(),d.newSlides.css({width:d.computedW,"float":"left",display:"block"}),d.vars.smoothHeight&&p.smoothHeight()},"init"===b?100:0))}m||d.slides.removeClass(e+"active-slide").eq(d.currentSlide).addClass(e+"active-slide"),d.vars.init(d)},d.doMath=function(){var a=d.slides.first(),b=d.vars.itemMargin,c=d.vars.minItems,e=d.vars.maxItems;d.w=void 0===d.viewport?d.width():d.viewport.width(),d.h=a.height(),d.boxPadding=a.outerWidth()-a.width(),m?(d.itemT=d.vars.itemWidth+b,d.minW=c?c*d.itemT:d.w,d.maxW=e?e*d.itemT-b:d.w,d.itemW=d.minW>d.w?(d.w-b*(c-1))/c:d.maxW<d.w?(d.w-b*(e-1))/e:d.vars.itemWidth>d.w?d.w:d.vars.itemWidth,d.visible=Math.floor(d.w/d.itemW),d.move=d.vars.move>0&&d.vars.move<d.visible?d.vars.move:d.visible,d.pagingCount=Math.ceil((d.count-d.visible)/d.move+1),d.last=d.pagingCount-1,d.limit=1===d.pagingCount?0:d.vars.itemWidth>d.w?d.itemW*(d.count-1)+b*(d.count-1):(d.itemW+b)*d.count-d.w-b):(d.itemW=d.w,d.pagingCount=d.count,d.last=d.count-1),d.computedW=d.itemW-d.boxPadding},d.update=function(a,b){d.doMath(),m||(a<d.currentSlide?d.currentSlide+=1:a<=d.currentSlide&&0!==a&&(d.currentSlide-=1),d.animatingTo=d.currentSlide),d.vars.controlNav&&!d.manualControls&&("add"===b&&!m||d.pagingCount>d.controlNav.length?p.controlNav.update("add"):("remove"===b&&!m||d.pagingCount<d.controlNav.length)&&(m&&d.currentSlide>d.last&&(d.currentSlide-=1,d.animatingTo-=1),p.controlNav.update("remove",d.last))),d.vars.directionNav&&p.directionNav.update()},d.addSlide=function(b,c){var e=a(b);d.count+=1,d.last=d.count-1,k&&l?void 0!==c?d.slides.eq(d.count-c).after(e):d.container.prepend(e):void 0!==c?d.slides.eq(c).before(e):d.container.append(e),d.update(c,"add"),d.slides=a(d.vars.selector+":not(.clone)",d),d.setup(),d.vars.added(d)},d.removeSlide=function(b){var c=isNaN(b)?d.slides.index(a(b)):b;d.count-=1,d.last=d.count-1,isNaN(b)?a(b,d.slides).remove():k&&l?d.slides.eq(d.last).remove():d.slides.eq(b).remove(),d.doMath(),d.update(c,"remove"),d.slides=a(d.vars.selector+":not(.clone)",d),d.setup(),d.vars.removed(d)},p.init()},a(window).blur(function(){focused=!1}).focus(function(){focused=!0}),a.flexslider.defaults={namespace:"flex-",selector:".slides > li",animation:"fade",easing:"swing",direction:"horizontal",reverse:!1,animationLoop:!0,smoothHeight:!1,startAt:0,slideshow:!0,slideshowSpeed:7e3,animationSpeed:600,initDelay:0,randomize:!1,thumbCaptions:!1,pauseOnAction:!0,pauseOnHover:!1,pauseInvisible:!0,useCSS:!0,touch:!0,video:!1,controlNav:!0,directionNav:!0,prevText:"Previous",nextText:"Next",keyboard:!0,multipleKeyboard:!1,mousewheel:!1,pausePlay:!1,pauseText:"Pause",playText:"Play",controlsContainer:"",manualControls:"",sync:"",asNavFor:"",itemWidth:0,itemMargin:0,minItems:1,maxItems:0,move:0,allowOneSlide:!0,start:function(){},before:function(){},after:function(){},end:function(){},added:function(){},removed:function(){},init:function(){}},a.fn.flexslider=function(b){if(void 0===b&&(b={}),"object"==typeof b)return this.each(function(){var c=a(this),d=b.selector?b.selector:".slides > li",e=c.find(d);1===e.length&&b.allowOneSlide===!0||0===e.length?(e.fadeIn(400),b.start&&b.start(c)):void 0===c.data("flexslider")&&new a.flexslider(this,b)});var c=a(this).data("flexslider");switch(b){case"play":c.play();break;case"pause":c.pause();break;case"stop":c.stop();break;case"next":c.flexAnimate(c.getTarget("next"),!0);break;case"prev":case"previous":c.flexAnimate(c.getTarget("prev"),!0);break;default:"number"==typeof b&&c.flexAnimate(b,!0)}}}(jQuery);
  3465. var shuffleArray=function(a){var d=a.length,c,b;if(d===0){return false}while(--d){c=Math.floor(Math.random()*(d+1));b=a[d];a[d]=a[c];a[c]=b}return a};
  3466. var getRandomInt=function(b,a){return Math.floor(Math.random()*(a-b+1))+b};
  3467. (function(c){c.fn.simpleSpy=function(a,e){a=a||4;e=e||4E3;return this.each(function(){function g(){var a=c(f[d]).css({height:0,opacity:0}).prependTo(b);b.find("> li:last").animate({opacity:0},1E3,function(){a.animate({height:h},1E3).animate({opacity:1},1E3);c(this).remove()});d++;d>=k&&(d=0);setTimeout(g,e)}var b=c(this),f=[],d=a,k=0,h=b.find("> li:first").height();b.find("> li").each(function(){f.push("<li>"+c(this).html()+"</li>")});k=f.length;b.wrap('<div class="spyWrapper" />').parent().css({height:h*
  3468. a});b.find("> li").filter(":gt("+(a-1)+")").remove();g()})}})(jQuery);
  3469. (function(b){b.organicTabs=function(f,a){var e=this;e.$el=b(f);e.$nav=e.$el.find(".navtab");e.init=function(){e.options=b.extend({},b.organicTabs.defaultOptions,a);b(".list-tabwrap .hide").css({position:"relative",top:0,left:0,display:"none"});e.$nav.delegate("li > a","click",function(){var s=e.$el.find("a.current").attr("href").substring(1),t=b(this),u=t.attr("href").substring(1),r=e.$el.find(".list-tabwrap"),q=r.height();r.height(q);if((u!=s)&&(e.$el.find(":animated").length==0)){e.$el.find("#"+s).fadeOut(e.options.speed,function(){e.$el.find("#"+u).fadeIn(e.options.speed);var v=e.$el.find("#"+u).height();r.animate({height:v});e.$el.find(".navtab li a").removeClass("current");t.addClass("current")})}return false});if(b(".sidebarmd-widget .BlogArchive .toggle").length){b(".sidebarmd-widget .BlogArchive .toggle").click(function(){var q=b(this).parents(".BlogArchive");var r=b(this).parent("li");var t=r.children("ul");var s=function(){var u=q.height();b("#sidebar-tengah .list-tabwrap").animate({height:u})};if(b(this).children().is(".toggle-open")){setTimeout(s,500)}else{if(t.length>0){setTimeout(s,500)}else{setTimeout(s,4000)}}})}var p,o,n,j,i,h,m=e.$el.find(".nav-one a"),l=e.$el.find(".nav-two a"),k=e.$el.find(".nav-three a"),g=m.attr("href"),d=l.attr("href"),c=k.attr("href");p=e.$el.find(g);o=e.$el.find(d);n=e.$el.find(c);j=p.find(".widget > h2:first").html();i=o.find(".widget > h2:first").html();h=n.find(".widget > h2:first").html();m.html(j);l.html(i);k.html(h)};e.init()};b.organicTabs.defaultOptions={speed:300};b.fn.organicTabs=function(a){return this.each(function(){(new b.organicTabs(this,a))})}})(jQuery);
  3470. $(".navi ul ul").each(function(){var a=$(this).parent("li").addClass("submenu");a.append("<i></i>")});
  3471. $(".navi ul li a.home").append("<i class='fa fa-home'></i>");
  3472. $("#sidebar-tengah").organicTabs();
  3473. $(window).resize(function(){jQuery(".list-tabwrap").removeAttr("style")});
  3474. $(".latestimg img").each(function(){var b=$(this).attr("src");if(b.indexOf("img.youtube.com")!=-1){$(this).attr({src:$(this).attr("src").replace("default","hqdefault")});var a=$(this).parent(".thumbimgx");a.append('<span class="youtubeplay"><i class="fa fa-youtube-play"></i></span>')}else{$(this).attr({src:$(this).attr("src").replace("/s72-c/","/s320-c/")})}});
  3475. function changeimage(){$(".thumbimage img").each(function(){$(this).removeAttr("style");h=Number($(this).height());w=Number($(this).width());th=Number($(this).parents().height());tw=Number($(this).parents().width());new_w=(w/h)*th;new_h=th;left=($("#dectdirect").hasClass("rtl")?"margin-right":"margin-left");if(new_w<tw){new_w=tw;new_h=(h/w)*tw;margin_top=-((new_h-th)/2);$(this).css("width",new_w+"px");$(this).css("height",new_h+"px");$(this).css("margin-top",margin_top+"px")}else{margin_left=-((new_w-tw)/2);$(this).css("width",new_w+"px");$(this).css("height",new_h+"px");$(this).css(left,margin_left+"px")}})};
  3476. $(window).bind("load resize",changeimage);$("#socialnav li a").each(function(){var a=$(this);var c=a.text();var b=a.parent("li");b.addClass("so"+decodeURIComponent(c.replace(/\+/g,"").replace(/\./g,"").toLowerCase()));$(this).attr("target","_blank")});
  3477. $(".navbutton").click(function(){var a=$(this),c=a.attr("class"),b;if(a.hasClass("active")){a.removeClass("active")}else{a.addClass("active")}b=c.replace(" navbutton","").replace(" active","");if($("#mkrflathtml").hasClass("mkr"+b)){$("#mkrflathtml").removeClass("mkr"+b)}else{$("#mkrflathtml").addClass("mkr"+b)}return false});
  3478. function pageNavi(a){(function(e){var i={postperpage:6,numshowpage:3,previous:"&#171;",next:"&#187;",viewmodedefault:"grid",cookielist:"list",cookiegrid:"grid"};i=e.extend({},i,a);var g="/";var d=location.href;var k;var l;var j;var f;var m=function(n){var s="";nomerkiri=parseInt(i.numshowpage/2);if(nomerkiri==i.numshowpage-nomerkiri){i.numshowpage=nomerkiri*2+1}mulai=j-nomerkiri;if(mulai<1){mulai=1}maksimal=parseInt(n/i.postperpage)+1;if(maksimal-1==n/i.postperpage){maksimal=maksimal-1}akhir=mulai+i.numshowpage-1;if(akhir>maksimal){akhir=maksimal}var u=parseInt(j)-1;if(j>1){if(j==2){if(l=="page"){s+='<span class="showpage"><a href="'+g+'">'+i.previous+"</a></span>"}else{s+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">'+i.previous+"</a></span>"}}else{if(l=="page"){s+='<span class="showpageNum"><a class="xpagex" href="#page'+u+'" alt="'+u+'">'+i.previous+"</a></span>"}else{s+='<span class="showpageNum"><a class="xlabelx" href="#page'+u+'" alt="'+u+'">'+i.previous+"</a></span>"}}}if(mulai>1){if(l=="page"){s+='<span class="showpageNum"><a href="'+g+'">1</a></span>'}else{s+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">1</a></span>'}}if(mulai>2){s+='<span class="dotxpage"> ... </span>'}for(var t=mulai;t<=akhir;t++){if(j==t){s+='<span class="showpagePoint">'+t+"</span>"}else{if(t==1){if(l=="page"){s+='<span class="showpageNum"><a href="'+g+'">1</a></span>'}else{s+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">1</a></span>'}}else{if(l=="page"){s+='<span class="showpageNum"><a href="#page'+t+'" class="xpagex" alt="'+t+'">'+t+"</a></span>"}else{s+='<span class="showpageNum"><a href="#page'+t+'" class="xlabelx" alt="'+t+'">'+t+"</a></span>"}}}}if(akhir<maksimal-1){s+='<span class="dotxpage"> ... </span>'}if(akhir<maksimal){if(l=="page"){s+='<span class="showpageNum"><a href="#page'+maksimal+'" class="xpagex" alt="'+maksimal+'">'+maksimal+"</a></span>"}else{s+='<span class="showpageNum"><a href="#page'+maksimal+'" class="xlabelx" alt="'+maksimal+'">'+maksimal+"</a></span>"}}var q=parseInt(j)+1;if(j<maksimal){if(l=="page"){s+='<span class="showpageNum"><a href="#page'+q+'" class="xpagex" alt="'+q+'">'+i.next+"</a></span>"}else{s+='<span class="showpageNum"><a href="#page'+q+'" class="xlabelx" alt="'+q+'">'+i.next+"</a></span>"}}var r=document.getElementsByName("pageArea");var o=document.getElementById("blog-pagerindex");for(var v=0;v<r.length;v++){r[v].innerHTML=s}if(r&&r.length>0){s=""}if(o){o.innerHTML=s}e("#blog-pagerindex").css("display","block");e("#blog-pagerindex a.xpagex, #blog-pagerindex a.xlabelx").click(function(){var p=e(this).attr("alt");jsonstart=(p-1)*i.postperpage;k=p;if(l=="page"){e.get(g+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script",h,"jsonp")}else{e.get(g+"feeds/posts/summary/-/"+f+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script",h,"jsonp")}return false})};var b=function(n){var p=n.feed;var o=parseInt(p.openSearch$totalResults.$t,10);m(o)};var c=function(){var n=d;if(n.indexOf("/search/label/")!=-1){if(n.indexOf("?updated-max")!=-1){f=n.substring(n.indexOf("/search/label/")+14,n.indexOf("?updated-max"))}else{if(n.indexOf("?&max")!=-1){f=n.substring(n.indexOf("/search/label/")+14,n.indexOf("?&max"))}else{if(n.indexOf("?max")!=-1){f=n.substring(n.indexOf("/search/label/")+14,n.indexOf("?max"))}else{f=n.substr(n.lastIndexOf("/"))}}}}if(n.indexOf("?q=")==-1&&n.indexOf(".html")==-1){if(n.indexOf("/search/label/")==-1){l="page";if(d.indexOf("#PageNo=")!=-1){j=d.substring(d.indexOf("#PageNo=")+8,d.length)}else{j=1}e.get(g+"feeds/posts/summary?max-results=1&alt=json-in-script",b,"jsonp")}else{l="label";if(n.indexOf("max-results=")!=-1&&n.indexOf("#PageNo=")!=-1){i.postperpage=n.substring(n.indexOf("max-results=")+12,n.indexOf("#PageNo="))}else{if(n.indexOf("max-results=")!=-1){i.postperpage=n.substring(n.indexOf("max-results=")+12)}else{i.postperpage=20}}if(d.indexOf("#PageNo=")!=-1){j=d.substring(d.indexOf("#PageNo=")+8,d.length)}else{j=1}e.get(g+"feeds/posts/summary/-/"+f+"?max-results=1&alt=json-in-script",b,"jsonp")}}};c();var h=function(o){post=o.feed.entry[0];var n=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var q=encodeURIComponent(n);if(l=="page"){var p="/search?updated-max="+q+"&max-results="+i.postperpage+"#PageNo="+k}else{var p="/search/label/"+f+"?updated-max="+q+"&max-results="+i.postperpage+"#PageNo="+k}location.href=p}})(jQuery)};
  3479. (function(c){var b=c("a.blog-pager-newer-link-item");var a=c("a.blog-pager-older-link-item");c.get(b.attr("href"),function(d){b.html("<h6>Next</h6><h5>"+c(d).find(".post-mkrflat h1.post-title").text()+"</h5>")},"html");c.get(a.attr("href"),function(d){a.html("<h6>Previous</h6><h5>"+c(d).find(".post-mkrflat h1.post-title").text()+"</h5>")},"html")})(jQuery);
  3480. (function(b){var a=Alldefaultconfig;b.RecentPostbyTag=function(d,c){var e=this;e.$el=b(d);e.init=function(){e.options=b.extend({},b.RecentPostbyTag.defaultOptions,c);e.$el.html('<div class="rcbytag '+e.options.postType+" "+(e.options.sliderType==="f"?"featuredpost":"")+" "+(!e.options.ShowImage?"noimagez":"")+'"><ul class="rcentpost '+e.options.sliderType+" "+(e.options.animated?"animated":"")+'"></ul></div>').addClass(e.options.loadingClass);var g=b(d).parents(".widget");var f=g.children("h2");if(e.options.sliderType!=="f"){f.prepend('<a class="iconhref" href="'+(e.options.blogURL===""?window.location.protocol+"//"+window.location.host:e.options.blogURL)+"/search/label/"+encodeURIComponent(e.options.tagName)+"?&max-results="+e.options.MoreNumPost+'"><i class="fa fa-rss"></i></a>')}var h=function(L){var O,q,N,B,J,z,u,m,B,K,Q,C,A,F,P,H,M,t="",n=[],o=(e.options.Random===true?shuffleArray(L.feed.entry):L.feed.entry);if(o!==undefined){var y=e.$el.find(".recntmore");var k=e.$el.find("ul li");var x=o.length;for(var I=0;I<x;I++){var E=o[I].link.length;for(var G=0;G<E;G++){if(o[I].link[G].rel=="alternate"){O=o[I].link[G].href;break}}for(var D=0;D<E;D++){if(o[I].link[D].rel=="replies"&&o[I].link[D].type=="text/html"){Q=o[I].link[D].title.split(" ")[0];break}}N=("content" in o[I])?o[I].content.$t:("summary" in o[I])?o[I].summary.$t:"";if("media$thumbnail" in o[I]){C=o[I].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/"+e.options.ImageSize);if(o[I].media$thumbnail.url.indexOf("img.youtube.com")!=-1){C=o[I].media$thumbnail.url.replace("default","hqdefault")}else{if(o[I]===o[0]&&e.options.postType!=="s"){C=o[I].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/"+e.options.FirstImageSize)}}}else{if((n=N.match(/(http:\/\/[\w\-\.]+\.[a-zA-Z]{2,3}(?:\/\S*)?(?:[\w])+\.(?:jpg|png|gif|jpeg|bmp))/ig))!=null){C=n[0]}else{C=e.options.pBlank}}N=N.replace(/<\S[^>]*>/g,"").replace(/"/g,"&quot;");if(N.length>e.options.Summarylength){N=N.substring(0,e.options.Summarylength)+"..."}q=o[I].title.$t;M=o[I].published.$t.substring(0,10);A=M.substring(0,4);F=M.substring(5,7);P=M.substring(8,10);H=e.options.MonthNames[parseInt(F,10)-1];B=o[I].author[0].name.$t;J='<a href="'+O+'#comment-form" class="commentnum com'+Q+'">'+Q+"</a>";z='<span class="comnum com'+Q+'"><i class="fa fa-comments"></i> <a href="'+O+'#comment-form">'+Q+"</a></span>";if(e.options.sliderType==="f"){t+='<li><div class="inner" ><a title="'+q+'" class="feathumb" href="'+O+'"><div class="layer-gradient"></div><img src="'+e.options.pBlank+'" alt="'+q+'" data-src="'+C+'"/></a><div class="featinfo"><div class="infolabel">'+(e.options.ShowDate?'<span class="date"><i class="fa fa-calendar"></i> '+H+" "+P+", "+A+"</span>":"")+(e.options.ShowComment?z:"")+'</span></div><strong class="titlex"><a href="'+O+'">'+q+"</a></strong><p>"+N+"</p></div></div></li>"}else{socialadd='<a target="_blank" title="Share to Facebook" class="facebook" href="http://www.facebook.com/share.php?u='+encodeURIComponent(O)+"&t="+encodeURIComponent(q)+'"><i class="fa fa-facebook"></i></a><a target="_blank" title="Share to Twitter" class="twitter" href="https://twitter.com/intent/tweet?text='+encodeURIComponent(q)+"&amp;url="+encodeURIComponent(O)+'"><i class="fa fa-twitter"></i></a><a target="_blank" title="Share to Google Plus" class="google-plus" href="https://plus.google.com/share?url='+encodeURIComponent(O)+'"><i class="fa fa-google-plus"></i></a>';t+='<li class="a'+I+'"><div class="inner" >'+(e.options.ShowImage?'<div class="thumbimage rcpstimage"><a '+(e.options.postType==="g1"||e.options.postType==="g2"?'data-comment="'+Q+'" data-date="'+H+" "+P+", "+A+'" data-description="'+N+'" data-image="'+C+'" data-title="'+q+'"':'title="'+q+'"')+' class="thumbxtag '+(e.options.postType==="g1"||e.options.postType==="g2"?"adainfo":"")+'" href="'+O+'"><div class="layer-gradient"></div><img src="'+e.options.pBlank+'" alt="'+q+'" data-src="'+C+'"/></a>'+(o[I]===o[0]||e.options.postType==="s"?J:"")+'<div class="socialpostshare">'+socialadd+"</div></div>":"")+'<div class="info'+(o[I]===o[0]||e.options.postType==="s"?" topmetainfo":"")+'"><span class="author isiinfo authorinfo"><i class="fa fa-user"></i><div class="infometa">'+B+"</div></span>"+(e.options.ShowDate?'<span class="date'+(o[I]===o[0]||e.options.postType==="s"?" isiinfo dateinfo":"")+'"><i class="fa fa-calendar"></i> '+(o[I]===o[0]||e.options.postType==="s"?'<div class="infometa">':"")+'<span class="dd">'+P+'</span> <span class="dm">'+H+'</span> <span class="dy">'+A+"</span>"+(o[I]===o[0]||e.options.postType==="s"?"</div>":"")+"</span>":"")+(e.options.ShowComment?z:"")+"</div>"+(e.options.postType==="s"?'<div class="post-content">':"")+"<strong><a "+(!e.options.ShowImage?"class=adainfo":"")+" "+(!e.options.ShowImage?'data-comment="'+Q+'" data-date="'+H+" "+P+", "+A+'" data-description="'+N+'" data-image="'+C+'" data-title="'+q+'"':"")+' href="'+O+'">'+q+"</a></strong><p "+(!e.options.ShowDesc?"":'style="display:block"')+">"+N+"</p>"+(e.options.postType==="s"?"</div>":"")+"</div></li>"+(o[I]===o[0]&&e.options.postType!=="s"&&!k.length?'<div class="recntright"><ul '+(e.options.animated?"class=animated":"")+" >":"")+(o[I]===o[x+1]&&e.options.postType!=="s"&&!k.length?"</ul>"+w+"</div>":"")}}b("ul",e.$el).html(t);e.$el.find(".rcpstimage img").each(function(){u=b(this).attr("data-src");K=b(this).parent();m=K.find(".youtubeplay");if(u.indexOf("img.youtube.com")!=-1&&!m.length){K.append('<span class="youtubeplay"><i class="fa fa-youtube-play"></i></span>')}});e.$el.find("img").unveil(200);if(e.options.postType==="s"){if(e.options.sliderType==="c"){var v=b(d).parents(".widget");var s,p;var r=e.$el.width();if(r<300){p=1;s=r/p}else{if(r<450){p=2;s=r/p}else{if(r<700){p=3;s=r/p}else{p=4;s=r/p}}}b(".rcbytag",e.$el).flexslider({animation:"slide",selector:".rcentpost > li",animationLoop:true,itemWidth:s,minItems:1,move:p,mousewheel:true,maxItems:4})}else{b(".featuredpost",e.$el).flexslider({animation:e.options.animation,selector:".rcentpost > li",animationLoop:true,mousewheel:true,slideshow:true,slideshowSpeed:e.options.slideSpeed})}}else{var w=(e.options.tagName!==false?'<div class="morepostag"><a class="recntmore" title="'+e.options.MoreText+" "+e.options.tagName+'" href="/search/label/'+encodeURIComponent(e.options.tagName)+"?&max-results="+e.options.MoreNumPost+'">'+e.options.MoreText+" "+e.options.tagName+"</a></div>":'<div class="morepostag rect"><a class="recntmore" title="'+e.options.LoadMoreText+'" href="#">'+e.options.LoadMoreText+"</a></div>");if(!y.length){e.$el.find(".recntright").append(w);if(e.options.animated||e.options.Random||e.options.postType==="g2"){e.$el.find(".morepostag").hide()}e.$el.find(".loadmorepost").fadeOut();if(e.options.animated){e.$el.find(".recntright ul.animated").simpleSpy()}}if(k.length+e.options.MaxPost>=L.feed.openSearch$totalResults.$t||e.options.Random){e.$el.find(".morepostag").hide()}e.$el.find(".loadmorepost").fadeOut();if(e.options.postType==="g1"||e.options.postType==="g2"||!e.options.ShowImage){b("#content-wrapper,#footer-wrapper").mouseenter(function(){b(".postinfo").filter(":not(:animated)").hide()}).mousemove(function(){b(".postinfo").filter(":not(:animated)").hide()});e.$el.find(".rcbytag a.adainfo").mouseenter(function(){var S=b(this).attr("data-title");var R=b(this).attr("data-image");var j=b(this).attr("data-description");var i=b(this).attr("data-date");var l=b(this).attr("data-comment");b(".postinfo").html('<div class="inner"><a href="#"><img src="'+R.replace(/\/s[0-9]+\-c/g,"/s320-c")+'"/>'+(R.indexOf("img.youtube.com")!=-1?'<span class="youtubeplay"><i class="fa fa-youtube-play"></i></span>':"")+"</a><strong>"+S+'</strong><span><i class="fa fa-calendar"></i> '+i+' <i class="fa fa-comments"></i> '+l+"</span><p>"+j+"</p></div>");b(".postinfo").filter(":not(:animated)").fadeIn(700)}).mousemove(function(U){var T=b(window).width(),j=b(window).height(),i=b(".postinfo").outerWidth(),l=b(".postinfo").outerHeight(),S=U.pageY+20,R=U.pageX+10;if(b("#dectdirect").hasClass("rtl")){R=U.pageX-(i+10)}if(R+i>T){R=T-i-10}else{if(R<0){R=10}}b(".postinfo").css({top:S,left:R})}).mouseleave(function(){b(".postinfo").filter(":not(:animated)").hide().html("")});e.$el.find(".rcbytag").on("mousemove",function(i){i.stopPropagation()})}}e.$el.removeClass(e.options.loadingClass)}else{e.$el.html("<span>No result! Or Error Loading Feed</span>")}};if(e.options.Random){b.get((e.options.blogURL===""?window.location.protocol+"//"+window.location.host:e.options.blogURL)+"/feeds/posts/summary"+(e.options.tagName===false?"":"/-/"+e.options.tagName)+"?max-results=0&orderby=published&alt=json-in-script",function(i){var j=(e.options.MaxPost>i.feed.openSearch$totalResults.$t)?1:getRandomInt(1,(i.feed.openSearch$totalResults.$t-e.options.MaxPost));b.get((e.options.blogURL===""?window.location.protocol+"//"+window.location.host:e.options.blogURL)+"/feeds/posts/default"+(e.options.tagName===false?"":"/-/"+e.options.tagName)+"?max-results="+e.options.MaxPost+"&orderby=published&start-index="+j+"&alt=json-in-script",h,"jsonp")},"jsonp")}else{b.get((e.options.blogURL===""?window.location.protocol+"//"+window.location.host:e.options.blogURL)+"/feeds/posts/default"+(e.options.tagName===false?"":"/-/"+e.options.tagName)+"?max-results="+e.options.MaxPost+"&orderby=published&alt=json-in-script",h,"jsonp")}};e.init()};b.RecentPostbyTag.defaultOptions={blogURL:"",MaxPost:a.MaxPost,FirstImageSize:a.FirstImageSize,ImageSize:a.ImageSize,ShowDesc:false,ShowImage:true,ShowDate:true,ShowComment:true,Random:false,Summarylength:a.summaryLength,MoreText:a.viewMoreText,LoadMoreText:a.MoreText,MoreNumPost:a.postPerPage,animation:"fade",slideSpeed:a.slideshowSpeed,animated:false,postType:"v",sliderType:"c",loadingClass:"loadingxx",pBlank:a.BackupImage,MonthNames:a.monthName,tagName:false};b.fn.RecentPostbyTag=function(c){return this.each(function(){(new b.RecentPostbyTag(this,c))})}})(jQuery);
  3481. function NewsTicker(a){(function(c){var b=Alldefaultconfig;var d={blogURL:"",MaxPost:12,Speed:0.07,titleText:b.NewsTickerText,Summarylength:b.summaryLength,Container:"#newsticker",MonthNames:b.monthName,pBlank:b.BackupImage,tagName:false};d=c.extend({},d,a);c.get((d.blogURL===""?window.location.protocol+"//"+window.location.host:d.blogURL)+"/feeds/posts/default"+(d.tagName===false?"":"/-/"+d.tagName)+"?max-results="+d.MaxPost+"&orderby=published&alt=json-in-script",function(y){var B,h,o,t,D,v,m,A,E,q,C,g,x,e=[],z,p,k="",f=y.feed.entry;if(f!==undefined){var n=f.length;for(var w=0;w<n;w++){var s=f[w].link.length;for(var u=0;u<s;u++){if(f[w].link[u].rel=="alternate"){B=f[w].link[u].href;break}}for(var r=0;r<s;r++){if(f[w].link[r].rel=="replies"&&f[w].link[r].type=="text/html"){E=f[w].link[r].title.split(" ")[0];break}}A=("content" in f[w])?f[w].content.$t:("summary" in f[w])?f[w].summary.$t:"";if("media$thumbnail" in f[w]){q=f[w].media$thumbnail.url}else{if((e=A.match(/(http:\/\/[\w\-\.]+\.[a-zA-Z]{2,3}(?:\/\S*)?(?:[\w])+\.(?:jpg|png|gif|jpeg|bmp))/ig))!=null){q=e[0]}else{q=d.pBlank}}h=f[w].title.$t;A=A.replace(/<\S[^>]*>/g,"").replace(/"/g,"&quot;");if(A.length>d.Summarylength){A=A.substring(0,d.Summarylength)+"..."}z=f[w].published.$t.substring(0,10);o=z.substring(0,4);t=z.substring(5,7);D=z.substring(8,10);v=d.MonthNames[parseInt(t,10)-1];m=f[w].published.$t.substring(11,16);g=m.substring(0,2);x=m.substring(2,5);if(g<12){p="AM"}else{p="PM"}if(g===0){g=12}if(g>12){g=g-12}k+='<li data-comment="'+E+'" data-date="'+v+" "+D+", "+o+" "+g+""+x+" "+p+'" data-description="'+A+'" data-image="'+q+'" data-title="'+h+'" class="news-item"><div class="thumbimage newstickimg"><a class="newstickerimg" title="'+v+" "+D+", "+o+" "+g+""+x+" "+p+'" href="'+B+'"><img src="'+d.pBlank+'" data-src="'+q+'"/></a></div><h4><a class="title" href="'+B+'">'+h+"</a></h4></li>"}c(d.Container).html('<div class="ticknews"><h5 class="newstitle"><span>'+d.titleText+'</span></h5><div class="newstickarea"><ul class="newstick">'+k+"</ul></div></div>");c(d.Container).find("img").each(function(){xlink=c(this).attr("data-src");xparents=c(this).parent();xadami=xparents.find(".youtubeplay");if(xlink.indexOf("img.youtube.com")!=-1&&!xadami.length){xparents.append('<span class="youtubeplay"><i class="fa fa-youtube-play"></i></span>')}});c(d.Container).find("img").unveil(200);c(d.Container+" .newstickarea").flexslider({animation:"fade",selector:".newstick > li",animationLoop:true,mousewheel:true,slideshow:true,pauseOnHover:true,controlNav:false,slideshowSpeed:3000});c("#content-wrapper, #header-wrapper").mouseenter(function(){c(".postinfo").filter(":not(:animated)").hide()}).mousemove(function(){c(".postinfo").filter(":not(:animated)").hide()});c(".ticknews li.news-item").mouseenter(function(){var G=c(this).attr("data-title");var F=c(this).attr("data-image");var j=c(this).attr("data-description");var i=c(this).attr("data-date");var l=c(this).attr("data-comment");c(".postinfo").html('<div class="inner"><a href="#"><img src="'+F.replace(/\/s[0-9]+\-c/g,"/s320-c")+'"/>'+(F.indexOf("img.youtube.com")!=-1?'<span class="youtubeplay"><i class="icon-youtube-play"></i></span>':"")+"</a><strong>"+G+'</strong><span><i class="fa fa-calendar"></i> '+i+' <i class="fa fa-comments"></i> '+l+"</span><p>"+j+"</p></div>");c(".postinfo").filter(":not(:animated)").fadeIn(700)}).mousemove(function(I){var H=c(window).width(),j=c(window).height(),i=c(".postinfo").outerWidth(),l=c(".postinfo").outerHeight(),G=I.pageY+20,F=I.pageX+10;if(c("#dectdirect").hasClass("rtl")){F=I.pageX-(i+10)}if(F+i>H){F=H-i-10}else{if(F<0){F=10}}c(".postinfo").css({top:G,left:F})}).mouseleave(function(){c(".postinfo").filter(":not(:animated)").hide().html("")})}else{c(d.Container).html("<span>No result!</span>")}},"jsonp")})(jQuery)};
  3482. (function(b){b.RecentComments=function(d,c){var e=this;e.$el=b(d);e.init=function(){e.options=b.extend({},b.RecentComments.defaultOptions,c);e.$el.addClass(e.options.loadingClass);b.get((e.options.blogURL===""?window.location.protocol+"//"+window.location.host:e.options.blogURL)+"/feeds/comments/default?alt=json-in-script&orderby=published",function(C){var g,f=C.feed.entry;if(f!==undefined){g="<ul class='no rcomnetxx'>";ntotal=0;for(var A=0;A<e.options.maxfeeds;A++){var q,D,G,n,H,m,o,u;if(A==f.length){break}if(ntotal>=e.options.numComments){break}var j=f[A];for(var w=0,B=j.link.length;w<B;w++){if(j.link[w].rel=="alternate"){q=j.link[w].href;break}}for(var F=0,p=j.author.length;F<p;F++){D=j.author[F].name.$t;G=j.author[F].gd$image.src;break}if(D!=e.options.adminBlog&&ntotal<e.options.numComments){ntotal++;g+="<li>";n=(G=="http://img1.blogblog.com/img/blank.gif")?e.options.defaultAvatar:G.replace(/\/s[0-9]+(\-c|\/)/,"/s"+e.options.avatarSize+"$1");m=(j.author[0].uri)?j.author[0].uri.$t:"#nope";g+=(e.options.Showimage===true?'<a class="kmtimg" href="'+m+'"><img src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xpa1/t1.0-9/10502138_290941307752095_4573195905407512697_n.jpg" data-src="'+n+'" title="'+D+'" alt="'+D+'" style="width:'+e.options.avatarSize+"px;height:"+e.options.avatarSize+'px"/></a>':"");var t=q.lastIndexOf("/")+1,v=q.lastIndexOf("."),I=q.split("-").join(" ").substring(t,v)+"...";H=j.published.$t.substring(0,10);var s=H.substring(0,4),x=H.substring(5,7),E=H.substring(8,10),y=e.options.MonthNames[parseInt(x,10)-1],r=j.published.$t.substring(11,16),k=r.substring(0,2),z=r.substring(2,5);if(k<12){u="AM"}else{u="PM"}if(k===0){k=12}if(k>12){k=k-12}g+='<div class="rcommentarea"><div class="ketkomt"><a target="_blank" rel="nofollow" href="'+m+'"><strong>'+D+'</strong></a> on <a class="judulx" href="'+q+'">'+I+'</a><div class="date"><i class="fa fa-calendar"></i> <span class="dd">'+E+'</span> <span class="dmdy"><span class="dm">'+y+'</span> <span class="dy">'+s+'</span></span> <span class="timex"><i class="fa fa-clock-o"></i> '+k+z+" "+u+"</span></div></div>";o=("content" in j)?j.content.$t:("summary" in j)?j.summary.$t:"";var h=o.replace(/(<([^>]+)>)/gi,"");if(h!==""&&h.length>e.options.characters){h=h.substring(0,e.options.characters);h+="..."}else{h=h}g+=(e.options.characters>0?"<p>"+h+"</p></div>":"</div>");g+="</li>"}}g+="</ul>";e.$el.html('<div class="rcommentmkrflat">'+g+"</div>").removeClass(e.options.loadingClass);e.$el.find("img").unveil(200);e.$el.find(".rcommentmkrflat").flexslider({animation:"slide",selector:".rcomnetxx > li",animationLoop:true,mousewheel:true,slideshow:true,pauseOnHover:true,directionNav:false,slideshowSpeed:3000})}else{e.$el.html("<span>No result!</span>").removeClass(e.options.loadingClass)}},"jsonp")};e.init()};var a=Alldefaultconfig;b.RecentComments.defaultOptions={blogURL:"",numComments:5,characters:a.summaryLength,avatarSize:40,loadingClass:"loadingxx",Showimage:true,defaultAvatar:"http://4.bp.blogspot.com/-AEWksK942OE/UFiyLzXJhiI/AAAAAAAAFKE/jBegaGPClxI/s70/user-anonymous-icon.png",MonthNames:a.monthName,maxfeeds:40,adminBlog:""};b.fn.RecentComments=function(c){return this.each(function(){(new b.RecentComments(this,c))})}})(jQuery);
  3483. window.commentMode=(function(){var a=function(k){var e=k||{},c=Alldefaultconfig,d=e.Commentmodedefault||c.CommentMode,i=$("#comment-post-picker a").first(),g=$("#comment-post-picker a").last(),f=i.attr("href"),j=g.attr("href");function b(){$(f).slideDown();$(j).slideUp();i.addClass("active");g.removeClass("active");createCookie(f,null,10000);eraseCookie(j);return false}function h(){$(j).slideDown();$(f).slideUp();i.removeClass("active");g.addClass("active");createCookie(j,null,10000);eraseCookie(f);return false}if(readCookie(j)&&d!="blogger"){h();eraseCookie(j)}else{if(readCookie(f)&&d!="blogger"){b();eraseCookie(f)}else{if(readCookie(j)){h();eraseCookie(j)}else{if(readCookie(f)){b();eraseCookie(f)}else{if(d!="blogger"){h();eraseCookie(j)}else{b();eraseCookie(f)}}}}}i.click(b);g.click(h)};return function(b){a(b)}})();
  3484. function relatedPostsWidget(a){(function(f){var c=Alldefaultconfig;var g={blogURL:"",maxPosts:8,maxTags:4,maxPostsPerTag:6,containerSelector:"#related_posts",tags:null,loadingText:"",loadingClass:"loadingxx",relevantTip:"",ShowComment:true,ShowDate:true,ShowDesc:false,rlt_summary:c.summaryLength,relatedTitle:c.RelatedTitle,rlpBlank:c.BackupImage,rlt_thumb:200,recentTitle:c.RecentTitle,MonthNames:c.monthName,postScoreClass:"",onLoad:false};g=f.extend({},g,a);var l=0,b=null,h=null;if(!g.containerSelector){document.write('<div id="related_posts"></div>');g.containerSelector="#related_posts"}var d=function(D,y){l++;if(D.feed.entry){for(var C=0,r=D.feed.entry.length;C<r;C++){var G,t,J,w,I,v,E,s,z,H,B,n=D.feed.entry[C],m=[];for(var A=0,u=n.link.length;A<u;A++){if(n.link[A].rel=="alternate"){G=n.link[A].href;break}}for(var x=0,F=n.link.length;x<F;x++){if(n.link[x].rel=="replies"&&n.link[x].type=="text/html"){I=n.link[x].title.split(" ")[0];break}}t=("content" in n)?n.content.$t:("summary" in n)?n.summary.$t:"";if("media$thumbnail" in n){w=n.media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+g.rlt_thumb+"-c");if(n.media$thumbnail.url.indexOf("img.youtube.com")!=-1){w=n.media$thumbnail.url.replace("default","0")}}else{if((m=t.match(/(http:\/\/[\w\-\.]+\.[a-zA-Z]{2,3}(?:\/\S*)?(?:[\w])+\.(?:jpg|png|gif|jpeg|bmp))/ig))!=null){w=m[0]}else{w=g.rlpBlank}}t=t.replace(/<\S[^>]*>/g,"");if(t.length>g.rlt_summary){t=t.substring(0,g.rlt_summary)+"..."}J=n.title.$t;E=n.published.$t.substring(0,10);s=E.substring(0,4);z=E.substring(5,7);H=E.substring(8,10);B=g.MonthNames[parseInt(z,10)-1];v=n.author[0].name.$t;if(location.href.toLowerCase()!=G.toLowerCase()){k(G,J,w,t,s,H,B,I,v)}}}if(l>=g.tags.length){f(g.containerSelector+" ul").removeClass(g.loadingClass);f("#related-posts-loadingtext",b).remove();if(g.maxPosts>0){f("li:gt("+(g.maxPosts-1)+")",f(g.containerSelector+" ul")).remove()}f(g.containerSelector).find(".thumbimage img").each(function(){xlink=f(this).attr("data-src");xparents=f(this).parent();xadami=xparents.find(".youtubeplay");if(xlink.indexOf("img.youtube.com")!=-1&&!xadami.length){xparents.append('<span class="youtubeplay"><i class="fa fa-youtube-play"></i></span>')}});f(g.containerSelector).find("img").unveil(200);var q,o;var p=f(g.containerSelector+" .relatednyacar").width();if(p<300){o=1;q=p/o}else{if(p<450){o=2;q=p/o}else{if(p<700){o=3;q=p/o}else{o=4;q=p/o}}}f(g.containerSelector+" .relatednyacar").flexslider({animation:"slide",selector:".rltcaraousel > li",animationLoop:true,itemWidth:q,minItems:1,move:o,mousewheel:true,maxItems:4})}};var k=function(s,w,y,n,A,x,z,B,p){var t=f("li",f(g.containerSelector+" ul"));for(var r=0,m=t.length;r<m;r++){var v=f("a",t.eq(r));var u=j(v);if(v.attr("href")==s){i(v,++u);for(var q=r-1;q>=0;q--){var o=f("a",t.eq(q));if(j(o)>u){if(r-q>1){t.eq(q).after(t.eq(r))}return}}if(r>0){t.eq(0).before(t.eq(r))}return}}f(g.containerSelector+" ul").append('<li><div class="inner"><div class="thumbimage rltdimg"><a class="thumbxrlted" title="'+w+'" href="'+s+'"><div class="layer-gradient"></div><img src="'+g.rlpBlank+'" alt="'+w+'" data-src="'+y+'"/></a>'+(g.ShowComment===true?'<a href="'+s+'#comment-form" class="commentnum com'+B+'">'+B+"</a>":"")+'<div class="socialpostshare"><a target="_blank" title="Share to Facebook" class="facebook" href="http://www.facebook.com/share.php?u='+encodeURIComponent(s)+"&t="+encodeURIComponent(w)+'"><i class="fa fa-facebook"></i></a><a target="_blank" title="Share to Twitter" class="twitter" href="https://twitter.com/intent/tweet?text='+encodeURIComponent(w)+"&amp;url="+encodeURIComponent(s)+'"><i class="fa fa-twitter"></i></a><a target="_blank" title="Share to Google Plus" class="google-plus" href="https://plus.google.com/share?url='+encodeURIComponent(s)+'"><i class="fa fa-google-plus"></i></a></div></div><div class="info topmetainfo"><span class="author isiinfo authorinfo"><i class="fa fa-user"></i><div class="infometa">'+p+"</div></span>"+(g.ShowDate===true?'<span class="date isiinfo dateinfo"><i class="fa fa-calendar"></i> <div class="infometa"><span class="dd">'+x+'</span> <span class="dm">'+z+'</span> <span class="dy">'+A+"</span></div></span>":"")+'</div><div class="post-content"><strong><a class="jdlunya" href="'+s+'" title="'+(g.relevantTip?g.relevantTip.replace("\d",1):"")+'">'+w+"</a></strong><p "+(g.ShowDesc===true&&c.RelatedStyle!=="carousel"?'style="display:block"':"")+">"+n+"</p></div></div></li>")};var j=function(m){var n=parseInt(m.attr("score"));return n>0?n:1};var i=function(m,n){m.attr("score",n);if(g.relevantTip){m.attr("title",g.relevantTip.replace("\d",n))}if(g.postScoreClass){m.attr("class",g.postScoreClass+n)}};var e=function(){if(g.containerSelector!="#related_posts"){var m=f(g.containerSelector);if(m.length!=1){return}b=f('<div id="related_posts"></div>').appendTo(m)}else{b=f(g.containerSelector)}b.addClass("rltcarousel");if(!g.tags){g.tags=[];f('a[rel="tag"]:lt('+g.maxTags+")").each(function(){var o=f.trim(f(this).text().replace(/\n/g,""));if(f.inArray(o,g.tags)==-1){g.tags[g.tags.length]=o}})}if(g.tags.length==0&&!g.recentTitle){return}if(g.tags.length==0){f("<h4>"+g.recentTitle+"</h4>").appendTo(b)}else{if(g.relatedTitle){f("<h4>"+g.relatedTitle+"</h4>").appendTo(b)}}if(g.loadingText){f('<div id="related-posts-loadingtext">'+g.loadingText+"</div>").appendTo(b)}h=f('<div class="relatedinner"><div class="relatednyacar"><ul class="'+(g.loadingClass?g.loadingClass:"")+' rltcaraousel"></ul></div></div>').appendTo(b);if(g.tags.length==0){f.get((g.blogURL===""?window.location.protocol+"//"+window.location.host:g.blogURL)+"/feeds/posts/default?max-results="+g.maxPostsPerTag+"&orderby=published&alt=json-in-script",d,"jsonp")}else{for(var n=0;n<g.tags.length;n++){f.get((g.blogURL===""?window.location.protocol+"//"+window.location.host:g.blogURL)+"/feeds/posts/default/-/"+g.tags[n]+"?max-results="+g.maxPostsPerTag+"&orderby=published&alt=json-in-script",d,"jsonp")}}};e()})(jQuery)};
  3485. (function(a){a(window).scroll(function(){if(a(this).scrollTop()>280){a("#top").removeAttr("href");a("#top").fadeIn()}else{a("#top").fadeOut()}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery);
  3486. $(".zoom-text").click(function(){var c=$(".post-body").css("font-size");c=c.replace("px","");var a=$(this).attr("class");var b=Number(c);if(a.indexOf("zoom-in-text")!=-1){b++}else{b-=1}createCookie("font_size",b);$(".post-body").css("font-size",b+"px");return false});
  3487. /*!
  3488. * Simple Tab JQuery Plugin by Taufik Nurrohman
  3489. * With some help: http://css-tricks.com/forums/discussion/18008/jquery-plugin-patterns-that-can-be-applied-for-multiple-elements
  3490. * On: 9 June 2012
  3491. * https://plus.google.com/108949996304093815163/about
  3492. */
  3493. (function(a){a.fn.simpleTab=function(b){b=jQuery.extend({active:1,fx:null,showSpeed:400,hideSpeed:400,showEasing:null,hideEasing:null,show:function(){},hide:function(){},change:function(){}},b);return this.each(function(){var e=a(this),c=e.children("[data-tab]"),d=b.active-1;e.addClass("simpleTab").prepend('<ul class="tab-wrapper"></ul>');c.addClass("tab-content").each(function(){a(this).hide();e.find(".tab-wrapper").append('<li><a href="#">'+a(this).data("tab")+"</a></li>")}).eq(d).show();e.find(".tab-wrapper a").on("click",function(){var f=a(this).parent().index();a(this).closest(".tab-wrapper").find(".activeTab").removeClass("activeTab");a(this).addClass("activeTab");if(b.fx=="slide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fade"){if(c.eq(f).is(":hidden")){c.hide().eq(f).fadeIn(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fancyslide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).delay(b.hideSpeed).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(c.eq(f).is(":hidden")){c.hide().eq(f).show()}}}}b.change.call(e);return false}).eq(d).addClass("activeTab")})}})(jQuery);
  3494. function callregex(b){var a=Alldefaultconfig;b("#outer-wrapper-mkrflat .Label").each(function(){var i=b(this).children("h2").html(),j,g=[],k,l,h,d,e,c;var f=b(this).attr("id");g=i.match(/[^[\]]+(?=])/g);if(/[^[\]]+(?=])/g.test(i)){j=(b(this).find(".widget-content li").length>1&&(g[5]!==null||g[5]!==""||g[5]!==undefined)?g[5]:b(this).find(".widget-content li").length>1?false:b(this).find(".widget-content li a").html());b(this).children("h2").html(g[0]);b(this).children(".widget-content").html('<div class="shortrpt" id="'+f+'rcb"></div>');k=(g[1]==="slider1"?"s":g[1]==="gallery1"?"g1":g[1]==="gallery2"?"g2":g[1]==="horizontal"?"h":g[1]==="combine"?"c":g[1]==="featured"?"s":g[1]==="hot"?"ht":"v");h=(g[1]==="featured"?"f":"c");e=(g[2]==="animated"?true:false);d=(g[2]==="random"?true:false);c=(g[1]==="noimage"?false:true);b("#"+f+"rcb").RecentPostbyTag({blogURL:(g[4]===null||g[4]===""||g[4]===undefined?"":g[4]),MaxPost:g[3],tagName:j,postType:k,sliderType:h,animated:e,ShowImage:c,Random:d,MoreNumPost:a.postPerPage,FirstImageSize:(g[1]==="gallery2"?"s72-c":g[1]==="simple"?"s72-c":"s300-c"),ImageSize:(g[1]==="slider1"?"s200-c":g[1]==="featured"?"s600":g[1]==="hot"?"s200-c":g[1]==="gallery3"?"s120-c":"s72-c")});b(this).removeClass("Label").addClass(g[1]+" mkrecentpost");b(this).children(".widget-content").removeClass("list-label-widget-content")}b(this).css("visibility","visible")});b(".mkrflatcomment").each(function(){var c=b(this).attr("data-number"),d=b(this).attr("data-author");b(this).RecentComments({numComments:(c===null||c===""||c===undefined?5:c),adminBlog:(d===null||d===""||d===undefined?"":d)})})};
  3495. pageNavi();
  3496. NewsTicker({MaxPost:8});
  3497. callregex(jQuery);
  3498. relatedPostsWidget();
  3499. commentMode();
  3500. $('.mkrflattabs').simpleTab({
  3501. active: 1,
  3502. fx: "fade",
  3503. showSpeed: 400,
  3504. hideSpeed: 400
  3505. });
  3506. addthis.init();
  3507. //]]>
  3508. </script>
  3509. <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
  3510. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  3511. <b:if cond='data:blog.pageType != &quot;archive&quot;'>
  3512. <script type='text/javascript'>
  3513. //<![CDATA[
  3514. var APPID = $('#facebook-comment-appid').text();
  3515. if (APPID == '' || APPID == null) {
  3516. APPID = '218168578325095';
  3517. }
  3518. window.fbAsyncInit = function() {
  3519. FB.init({
  3520. appId : APPID,
  3521. status : true, // check login status
  3522. cookie : true, // enable cookies to allow the server to access the session
  3523. xfbml : true // parse XFBML
  3524. });
  3525. };
  3526. (function() {
  3527. var e = document.createElement('script');
  3528. e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
  3529. e.async = true;
  3530. document.getElementById('fb-root').appendChild(e);
  3531. }());
  3532. $(window).on("load resize",function(){var a=location.protocol+"//"+location.host+location.pathname;var b=$(".post-body").width();$("#container-commentfb").html('<div class="fb-comments" data-href="'+a+'" data-width="'+b+'" data-num-posts="10"></div>');FB.XFBML.parse()});//]]>
  3533. </script>
  3534. </b:if>
  3535. </b:if>
  3536. <a href='#' id='top' title='Scroll to Top'><i class='fa fa-chevron-up'/><span/></a>
  3537. <div class='postinfo'/>
  3538. </body>
  3539. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!