Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?xml version="1.0" encoding="UTF-8" ?>
- <!DOCTYPE html>
- <html expr:dir='data:blog.languageDirection' 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'>
- <head>
- <meta content='543698369393930' property='fb:app_id'/>
- <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
- <link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>
- <link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'/>
- <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'/>
- <b:include data='blog' name='all-head-content'/>
- <b:if cond='data:blog.postImageUrl'>
- <meta expr:content='data:blog.postImageUrl' property='og:image'/>
- <b:else/>
- <meta content='https://1.bp.blogspot.com/-Pbw7yUHOyJI/W7OoCRbJG3I/AAAAAAAACWI/8X4S3xOuw7EZLbSu48VxhGwr3tVthi2rwCLcBGAs/s1600/BanerBlogKimChi.png' property='og:image'/>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <title><data:blog.pageName/> | <data:blog.title/></title>
- <b:else/>
- <title><data:blog.pageTitle/></title>
- </b:if>
- <b:skin><![CDATA[
- /* -----------------------------------------------
- Blogger Template Style
- Theme Name : Aprlim
- Description : Responsive Magazine Blogger Templates
- Version : 1.0.1
- License : Creative Commons
- Url License : http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US
- Date Created : 15 January 2015
- Updated by: Blogger Team
- ----------------------------------------------- */
- /* Variable definitions
- ====================
- <Variable name="bgcolor" description="Page Background Color"
- type="color" default="#fff" value="#ffffff">
- <Variable name="textcolor" description="Text Color"
- type="color" default="#333" value="#333333">
- <Variable name="linkcolor" description="Link Color"
- type="color" default="#58a" value="#45818e">
- <Variable name="hoverlinkcolor" description="Hover Link Color"
- type="color" default="#333" value="#333333">
- <Variable name="visitedlinkcolor" description="Visited Link Color"
- type="color" default="#999" value="#45818e">
- <Variable name="pagetitlecolor" description="Blog Title Color"
- type="color" default="#333" value="#333333">
- <Variable name="descriptioncolor" description="Blog Description Color"
- type="color" default="#666" value="#666666">
- <Variable name="label1color" description="Label 1 Color"
- type="color" default="#666" value="#0b5394">
- <Variable name="label2color" description="Label 2 Color"
- type="color" default="#666" value="#38761d">
- <Variable name="menucolor" description="Menu Background Color"
- type="color" default="#666" value="#333333">
- <Variable name="menuhovercolor" description="Menu Background Hover"
- type="color" default="#666" value="#45818e">
- <Variable name="popularcolor" description="Popular Post Color"
- type="color" default="#58a" value="#b45f06">
- <Variable name="cloudcolor" description="Cloud Color"
- type="color" default="#666" value="#45818e">
- <Variable name="cloudhovercolor" description="Cloud Hover Color"
- type="color" default="#666" value="#333333">
- <Variable name="titlecolor" description="Post Title Color"
- type="color" default="#333" value="#333333">
- <Variable name="titlehovercolor" description="Post Title Hover Color"
- type="color" default="#333" value="#45818e">
- <Variable name="datecolor" description="Post Date Color"
- type="color" default="#999" value="#666666">
- <Variable name="bordercolor" description="Border Color"
- type="color" default="#ccc" value="#cccccc">
- <Variable name="sidebarcolor" description="Sidebar Title Color"
- type="color" default="#999" value="#333333">
- <Variable name="sidebartextcolor" description="Sidebar Text Color"
- type="color" default="#666" value="#666666">
- <Variable name="pagenumbercolor" description="Page Number Color"
- type="color" default="#666" value="#45818e">
- <Variable name="bodyfont" description="Text Font"
- type="font" default="normal normal 100% Georgia, Serif" value="normal normal 14px 'Roboto', sans-serif">
- <Variable name="pagetitlefont" description="Blog Title Font"
- type="font" default="normal normal 100% Georgia, Serif" value="normal normal 26px 'Roboto Condensed', sans-serif">
- <Variable name="descriptionfont" description="Blog Description Font"
- type="font" default="normal normal 100% Georgia, Serif" value="normal normal 14px 'Roboto Condensed', sans-serif">
- <Variable name="menufont" description="Menu Font"
- type="font" default="normal normal 100% Georgia, Serif" value="normal normal 16px 'Roboto Condensed', sans-serif">
- <Variable name="posttitlefont" description="Post Title Font"
- type="font" default="normal normal 100% Georgia, Serif" value="normal normal 30px 'Roboto Condensed', sans-serif">
- <Variable name="datefont" description="Post Date Font"
- type="font" default="normal normal 100% Georgia, Serif" value="normal normal 12px 'Roboto Condensed', sans-serif">
- <Variable name="postfooterfont" description="Post Footer Font"
- type="font" default="normal normal 100% Georgia, Serif" value="normal normal 12px 'Roboto Condensed', sans-serif">
- <Variable name="headerfont" description="Sidebar Title Font"
- type="font" default="normal normal 100% Georgia, Serif" value="normal normal 14px 'Roboto Condensed', sans-serif">
- <Variable name="startSide" description="Side where text starts in blog language"
- type="automatic" default="left">
- <Variable name="endSide" description="Side where text ends in blog language"
- type="automatic" default="right">
- */
- /* Use this with templates/template-twocol.html */
- body {
- background:$bgcolor;
- margin:0;
- color:$textcolor;
- font:x-small Georgia Serif;
- font-size/* */:/**/small;
- font-size: /**/small;
- text-align: center;
- }
- a:link {
- color:$linkcolor;
- text-decoration:none;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- }
- a:visited {
- color:$visitedlinkcolor;
- text-decoration:none;
- }
- a:hover {
- color:$hoverlinkcolor;
- text-decoration:underline;
- }
- a img {
- border-width:0;
- }
- /* Header
- -----------------------------------------------
- */
- #header-wrapper {
- width:970px;
- margin:0 auto;
- padding:0 auto;
- clear:both;
- }
- #header-inner {
- background-position: center;
- margin-left: auto;
- margin-right: auto;
- }
- #header {
- float:left;
- width:230px;
- margin:0;
- border:none;
- text-align:left;
- color:$pagetitlecolor;
- }
- #header2 {
- float:right;
- width:728px;
- margin:0;
- border:none
- text-align: left;
- color:$pagetitlecolor;
- }
- .header .widget {padding:15px 0 10px;}
- #header2 h2 {display:none;}
- #header2 .widget {text-align:$startSide;font:$bodyfont;}
- #header h1 {
- margin:0;
- padding:0 0 5px;
- line-height:1.2em;
- text-transform:uppercase;
- letter-spacing:normal;
- font: $pagetitlefont;
- }
- #header a {
- color:$pagetitlecolor;
- text-decoration:none;
- }
- #header a:hover {
- color:$pagetitlecolor;
- }
- #header .description {
- margin:0;
- padding:0 0 0;
- max-width:auto;
- text-transform:uppercase;
- letter-spacing:normal;
- line-height: 1.4em;
- font: $descriptionfont;
- color: $descriptioncolor;
- }
- #header img {
- margin-$startSide: auto;
- margin-$endSide: auto;
- }
- /* Menu Navigation
- ----------------------------------------------- */
- #menu-wrapper {
- background:$menucolor;
- width:100%;
- margin:0 auto;
- padding:0 auto;
- border:none;
- clear:both;
- }
- .menu h2 {display:none;}
- .menu #PageList1 {
- margin:0 auto;
- padding:0 20px;
- }
- .menu #PageList1 ul {
- margin:0;
- padding:0;
- text-transform:none;
- list-style-type:none;
- }
- .menu #PageList1 li {
- display: inline;
- margin:0;
- padding:0;
- }
- .menu #PageList1 li a {
- float:left;
- display:block;
- text-decoration:none;
- padding:0 10px;
- font:$menufont;
- color:#fff;
- line-height:50px;
- text-transform:none;
- }
- .menu #PageList1 li a:visited {
- color:#fff;
- }
- .menu #PageList1 li a:hover, .menu #PageList1 li.selected a, .menu #PageList1 li.selected a:visited {
- color:#fff;background-color:$menuhovercolor;
- }
- /* Outer-Wrapper
- ----------------------------------------------- */
- #outer-wrapper {
- width: 1010px;
- margin:0 auto;
- padding:0 auto;
- text-align:$startSide;
- font: $bodyfont;
- border: 1px solid $bordercolor;
- border-width:0 1px;
- }
- #content-wrapper {
- background:url(http://4.bp.blogspot.com/-zSrvfz9IpUg/VKOpCyewu-I/AAAAAAAAArk/SQJrs1Opgic/s1600/dot.png) repeat-y 670px 0;
- margin:0 auto;
- padding:0 auto;
- text-align:$startSide;
- border-top:1px solid $bordercolor;
- }
- #container-wrapper {
- width: 670px;
- float: $startSide;
- word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
- overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
- }
- #label1-wrapper {
- width: 670px;
- float: $startSide;
- word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
- overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
- }
- #label2-wrapper {
- width: 670px;
- float: $startSide;
- word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
- overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
- }
- #main-wrapper {
- width: 670px;
- float: $startSide;
- word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
- overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
- }
- #sidebar-wrapper {
- width: 340px;
- float: $endSide;
- word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
- overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
- }
- /* Headings
- ----------------------------------------------- */
- h2 {
- margin:0 0 15px;
- font:$headerfont;
- line-height: 1.4em;
- text-transform:uppercase;
- letter-spacing:normal;
- color:$sidebarcolor;
- }
- /* Posts
- -----------------------------------------------
- */
- h2.date-header {
- margin:5px 0;
- font:$datefont;
- line-height: 1.4em;
- text-transform:uppercase;
- letter-spacing:normal;
- color:$datecolor;
- }
- .post {
- margin:0;
- border-bottom:1px solid $bordercolor;
- padding:20px;
- }
- .post h3 {
- margin:0;
- padding:0;
- font:$posttitlefont;
- line-height:1.2em;
- color:$titlecolor;
- text-transform:none;
- font-weight:700;
- }
- .post h3 a, .post h3 a:visited, .post h3 strong {
- display:block;
- text-decoration:none;
- color:$titlecolor;
- }
- .post h3 strong, .post h3 a:hover {
- color:$titlehovercolor;
- text-decoration:none;
- }
- .post-body {
- margin:30px 0;
- line-height:1.6em;
- }
- .post-body blockquote {
- line-height:1.4em;
- }
- .post-footer {
- margin:0;
- color:$sidebarcolor;
- text-transform:uppercase;
- letter-spacing:normal;
- font: $postfooterfont;
- line-height: 1.4em;
- }
- .comment-link {
- margin-$startSide:.6em;
- }
- .post img, table.tr-caption-container {
- padding:0;
- border:none;
- }
- .tr-caption-container img {
- border: none;
- padding: 0;
- }
- .post blockquote {
- margin:5px 20px;
- }
- .post blockquote p {
- margin:.75em 0;
- }
- /* Comments
- ----------------------------------------------- */
- #comments h4 {
- margin:1em 0;
- font-weight: bold;
- line-height: 1.4em;
- text-transform:uppercase;
- letter-spacing:normal;
- color: $sidebarcolor;
- }
- .comments .comments-content .user a {
- color:#333;
- text-decoration:none;
- line-height:1.4em;
- }
- .comments .comments-content .user a:hover {
- color:$linkcolor;
- text-decoration:none;
- }
- .comments .comments-content .datetime a {
- color:#777;
- font-size:13px;
- font-style:italic;
- }
- .comments .comments-content .comment-content {
- text-align:left;
- line-height:1.4em;
- }
- .comments .comments-content .user.blog-author a {
- background:transparent;
- }
- .comments .comments-content .icon.blog-author {
- position:absolute;
- }
- .comments .comments-content .user.blog-author a:after {
- content:"\f058";
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-decoration: inherit;
- padding-left:5px;
- color:#4080ff;
- }
- .comments .comments-content .comment,
- .comments .comments-content .comment:first-child,
- .comments .comments-content .comment:last-child {
- margin:10px 0 0;
- padding:10px 0 0;
- border-top:1px dotted $bordercolor;
- }
- .comments .comment span.comment-actions {
- margin-bottom:0;
- padding-bottom:0;
- }
- .comments .comment .comment-actions a {
- margin-bottom:0;
- padding-bottom:0;
- font-weight:normal;
- }
- .comments .comments-content .comment-replies {
- margin-top:0;
- margin-bottom:0;
- padding:0;
- }
- .comments .continue a {
- text-transform:uppercase;
- font-weight:normal;
- padding:0!important;;
- margin:0!important;;
- }
- #comments {
- margin:0;
- padding:0 20px;
- }
- #comments-block {
- margin:1em 0 1.5em;
- line-height:1.6em;
- }
- #comments-block .comment-author {
- margin:.5em 0;
- }
- #comments-block .comment-body {
- margin:.25em 0 0;
- }
- #comments-block .comment-footer {
- margin:-.25em 0 2em;
- line-height: 1.4em;
- text-transform:uppercase;
- letter-spacing:.1em;
- }
- #comments-block .comment-body p {
- margin:0 0 .75em;
- }
- .deleted-comment {
- font-style:italic;
- color:gray;
- }
- #blog-pager-newer-link {
- float: $startSide;
- }
- #blog-pager-older-link {
- float: $endSide;
- }
- #blog-pager {
- margin:0;
- padding:10px 20px;
- text-align:center;
- line-height:1.5em;
- }
- .feed-links {
- display:none;
- clear:both;
- line-height:1.5em;
- }
- /* Sidebar Content
- ----------------------------------------------- */
- .sidebar h2 {
- display:inline-block;
- margin:0 0 15px;
- padding:2px 10px;
- font:$headerfont;
- line-height: 1.4em;
- text-transform:uppercase;
- letter-spacing:normal;
- color:#fff;
- background:#333;
- border-radius:2px;
- -moz-border-radius:2px;
- -webkit-border-radius:2px;
- -khtml-border-radius:2px;
- }
- .sidebar {
- color: $sidebartextcolor;
- line-height: 1.5em;
- }
- .sidebar ul {
- list-style:none;
- margin:0 0 0;
- padding:0 0 0;
- }
- .sidebar li {
- margin:0;
- padding:0 0 5px;
- text-indent:0;
- line-height:1.5em;
- }
- .sidebar .widget {
- border-bottom:1px solid $bordercolor;
- margin:0;
- padding:20px;
- }
- .main .widget {
- border:none;
- margin:0;
- padding:0;
- }
- .main .Blog {
- border-bottom-width: 0;
- }
- /* Profile
- ----------------------------------------------- */
- .profile-img {
- float: $startSide;
- margin-top: 0;
- margin-$endSide: 5px;
- margin-bottom: 5px;
- margin-$startSide: 0;
- padding: 4px;
- border: 1px solid $bordercolor;
- }
- .profile-data {
- margin:0;
- text-transform:uppercase;
- letter-spacing:.1em;
- font: $postfooterfont;
- color: $sidebarcolor;
- font-weight: bold;
- line-height: 1.6em;
- }
- .profile-datablock {
- margin:.5em 0 .5em;
- }
- .profile-textblock {
- margin: 0.5em 0;
- line-height: 1.6em;
- }
- .profile-link {
- font: $postfooterfont;
- text-transform: uppercase;
- letter-spacing: .1em;
- }
- /* Footer
- ----------------------------------------------- */
- #footer {
- width:1010px;
- clear:both;
- margin:0 auto;
- padding:0 auto;
- line-height: 1.6em;
- text-transform:none;
- letter-spacing:normal;
- text-align: center;
- }
- .footer .widget, .crosscol .widget {margin:0;padding:20px;border-top:1px solid $bordercolor;}
- .footer h2, .crosscol h2 {display:none;}
- /* Credit Link
- ----------------------------------------------- */
- #credit-wrapper{background:#000;width:1012px;margin:0 auto;padding:0 auto;}
- .credit {font:$bodyfont;color:#ccc;clear:both;margin:0 auto;padding:25px 20px;line-height: 1.5em;text-transform:none;letter-spacing:.01em;text-align:center;font-size:13px;}
- .credit a:link, .credit a:visited {color:#888;text-decoration:none}
- .credit a:hover {color:#fff}
- /* Label Magazine
- ----------------------------------------------- */
- .label1 {
- color: $sidebartextcolor;
- line-height: 1.5em;
- }
- .label1 ul {
- list-style:none;
- margin:0 0 0;
- padding:0 0 0;
- }
- .label1 li {
- margin:0;
- padding:0;
- line-height:1.5em;
- }
- .label1 .widget {
- margin:0;
- padding:0;
- }
- .label1 .widget-content {
- border-bottom:1px solid $bordercolor;
- padding:20px;
- margin:0;
- word-wrap: break-word;
- overflow: hidden;
- }
- .label1 .index {
- font-size:12px;
- float:right;
- font-weight:700;
- letter-spacing:normal;
- }
- .label1 .index a {
- color:#fff;
- background:$label1color;
- padding:3px 10px;
- border-radius:2px;
- -moz-border-radius:2px;
- -webkit-border-radius:2px;
- -khtml-border-radius:2px;}
- .label1 .index a:hover {
- background:#333;
- text-decoration:none;
- }
- .label1 .index a:after {
- content:"\f105";
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-decoration: inherit;
- padding-left:5px;
- }
- .label1 h2 {
- margin:0;
- padding:20px 20px 1px 20px;
- font-size:16px;
- font-weight:700;
- text-transform:uppercase;
- letter-spacing:normal;
- color:$headercolor;
- }
- .cat_left {width:340px;float:left;margin:0;padding:0 20px 0 0;border-right:1px solid $bordercolor;}
- .cat_right {width:250px;float:right;margin:0;padding:0;}
- ul.cat_thumbs {
- margin:0;
- padding:0;
- }
- ul.cat_thumbs li {
- margin:0;
- padding:0;
- }
- ul.cat_thumbs .cat_thumb {
- position:relative;
- margin:0 0 15px;
- padding:0;
- width:340px;
- height:220px;
- }
- ul.cat_thumbs .cat_thumb img {
- height:auto;
- width:100%;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- }
- ul.cat_thumbs .cat_thumb img:hover {
- opacity: 0.7;
- filter: alpha(opacity=70);
- }
- ul.cat_thumbs2 {
- margin:0;
- padding:0;
- }
- ul.cat_thumbs2 li {
- margin:0 0 10px;
- padding:0 0 10px;
- border-bottom:1px solid $bordercolor;
- }
- ul.cat_thumbs2 li:last-child {
- border-bottom:none;
- margin:0 0 0;
- padding:0 0 0;
- }
- ul.cat_thumbs2 .cat_thumb2 {
- float:left;
- margin:0 15px 10px 0;
- width:100px;
- height:75px;
- }
- ul.cat_thumbs2 .cat_thumb2 img {
- width:100px;
- height:75px;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- }
- ul.cat_thumbs2 .cat_thumb2 img:hover {
- opacity: 0.7;
- filter: alpha(opacity=70);
- }
- span.cat_title {
- font:$posttitlefont;
- font-size:22px;
- font-weight:700;
- display:block;
- margin:0 0 5px;
- line-height:1.2em;
- text-transform:none;
- }
- span.cat_title2 {
- font-size:16px;
- line-height:1.4em;
- margin:0 0 3px;
- }
- span.cat_title a {color:#333;}
- span.cat_title a:hover {color:$label1color;text-decoration:none;}
- span.cat_summary {
- line-height:1.6em;
- display:block;
- margin:5px 0 0;
- color:#333;
- font-size:12px;
- font-weight:400;
- }
- span.cat_meta {
- display:block;
- font:$datefont;
- font-size:11px;
- font-weight:400;
- color:#888;
- text-transform:uppercase;
- }
- span.cat_meta a {
- color:#666 !important;
- display:inline-block;
- }
- span.cat_meta_date, span.cat_meta_comment, span.cat_meta_more {
- display:inline-block;
- margin-right:10px;
- }
- span.cat_meta_comment a:before {
- content:"\f0e6";
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-decoration: inherit;
- padding-right:5px;
- }
- span.cat_meta_comment a:hover {color:$label1color!important;}
- span.cat_meta_date:before {
- content:"\f073";
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-decoration: inherit;
- padding-right:5px;
- }
- ul.cat_thumbs2 li a:hover, ul.cat_thumbs li a:hover {
- color:$label1color;
- text-decoration:none;
- }
- /* Label Magazine2
- ----------------------------------------------- */
- .label2 {
- color: $sidebartextcolor;
- line-height: 1.5em;
- }
- .label2 ul {
- list-style:none;
- margin:0 0 0;
- padding:0 0 0;
- }
- .label2 li {
- margin:0;
- padding:0;
- line-height:1.5em;
- }
- .label2 .widget {
- margin:0;
- padding:0;
- }
- .label2 .widget-content {
- border-bottom:1px solid $bordercolor;
- padding:20px;
- margin:0;
- word-wrap: break-word;
- overflow: hidden;
- }
- .label2 .index {
- font-size:12px;
- float:right;
- font-weight:700;
- letter-spacing:normal;
- }
- .label2 .index a {
- color:#fff;
- background:$label2color;
- padding:4px 10px;
- border-radius:2px;
- -moz-border-radius:2px;
- -webkit-border-radius:2px;
- -khtml-border-radius:2px;
- }
- .label2 .index a:hover {background:#333;text-decoration:none;}
- .label2 .index a:after {
- content:"\f105";
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-decoration: inherit;
- padding-left:6px;
- }
- .label2 h2 {
- margin:0;
- padding:20px 20px 1px 20px;
- font:$headerfont;
- font-size:16px;
- font-weight:700;
- text-transform:uppercase;
- letter-spacing:normal;
- color:$headercolor;
- }
- .label2 span.cat_meta_comment a:hover {color:$label2color!important;}
- .label2 ul.cat_thumbs li a:hover, .label2 ul.cat_thumbs2 li a:hover {
- color:$label2color;
- text-decoration:none;
- }
- /* Label Cloud
- ----------------------------------------------- */
- .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity: 1.0;filter:alpha(opacity=100);}
- .cloud-label-widget-content{text-align:left;}
- .label-size {background:$cloudcolor;display:inline-block;margin:0 1px 5px 0;color:#fff;font:$headerfont;font-size:14px;font-weight:400;text-transform:none;line-height:1.2;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;}
- .label-size a {display:inline-block;color:#fff;font-weight:400;text-transform:none;padding:6px;}
- .label-size span {display:inline-block;padding:5px;}
- .label-size:hover {background:$cloudhovercolor;text-decoration:none;}
- .label-size a:hover {color:#fff;text-decoration:none;}
- .label-count {white-space:nowrap;background:#555!important;color:#eee!important;}
- /* Sidebar Popular Posts
- ---------------------------------------------*/
- .sidebar .PopularPosts h2 {background:$popularcolor;}
- .sidebar .PopularPosts .widget-content {margin:0; padding:0;}
- .sidebar .PopularPosts .item-content {margin:0;padding:0}
- .sidebar .PopularPosts ul li {display:block;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid $bordercolor;}
- .sidebar .PopularPosts ul li:last-child {padding:0 0 0;margin:0 0 0;border-bottom:none;}
- .sidebar .PopularPosts ul li a {font:$headerfont;font-size:16px;font-weight:700;line-height:1.2em;}
- .sidebar .PopularPosts .item-title a{color:#333;}
- .sidebar .PopularPosts .item-title a:hover{color:$popularcolor;text-decoration:none;}
- .sidebar .PopularPosts .item-snippet {font-size:12px;color:#666;padding:0;margin:0;line-height:1.4em;}
- .sidebar .PopularPosts .item-thumbnail {float:left;padding:0;margin:4px 10px 0 0;}
- .sidebar .PopularPosts .item-thumbnail img {margin:0;padding:0;border:none;}
- /* Back To Top
- ---------------------------------------------*/
- #back-to-top {
- background:#333;
- color:#fff;
- padding:5px 10px;
- font-size:22px;
- }
- .back-to-top {
- position:fixed !important;
- position:absolute;
- bottom:15px;
- right:10px;
- z-index:999;
- }
- .back-to-top a {text-decoration:none;}
- /* Entry Meta
- ----------------------------------------------- */
- .entry-meta {
- margin:5px 0 0;
- padding:0;
- font:$headerfont;
- }
- .jump-link {
- margin:0;
- padding:0;
- font-size:12px;
- font-weight:700;
- text-transform:uppercase;}
- .jump-link a:link, .jump-link a:visited {
- color:#000;
- text-decoration:none;
- }
- .jump-link a:hover {
- color:$linkcolor;
- text-decoration:none;
- }
- .post-comment-link {
- margin:0 0 0 15px;
- padding:0;
- }
- .post-comment-link a {
- background: transparent url("http://2.bp.blogspot.com/-YmWdod7aVT8/VKzoZDA22uI/AAAAAAAAAwE/LtoHEeFrCp8/s1600/comment2.png") 0 0 no-repeat;
- background-position:right;
- color:#fff;
- padding:8px;
- font-size:12px;
- font-weight:400;
- text-transform:uppercase;
- opacity: 1.0;
- filter: alpha(opacity=100);
- }
- .post-comment-link a:hover {
- color:#fff;
- text-decoration:none;
- opacity: 0.8;
- filter: alpha(opacity=80);
- }
- /* Home Share
- ----------------------------------------------- */
- .home-share {margin:6px auto 0;padding:0 auto;text-align:left}
- .home-share a {text-decoration:none;}
- .facebook-home i, .twitter-home i, .gplus-home i, .linkedin-home i {padding:0;margin-right:15px;-webkit-transition: color 3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-ms-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
- .facebook-home i {color:#3b5998;}
- .twitter-home i {color:#00aced;}
- .gplus-home i {color:#dd4b39;}
- .linkedin-home i {color:#007bb6;}
- .facebook-home i:hover, .twitter-home i:hover, .gplus-home i:hover, .linkedin-home i:hover {color:#333;}
- /* Homepage Thumbnail
- ----------------------------------------------- */
- .homepage-thumbnail {
- clear:both;
- position:relative;
- margin:0 20px 0 0;
- width: 200px;
- height: 200px;
- float: left;
- }
- .homepage-thumbnail img {
- width: 200px;
- height: 200px;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- }
- .homepage-thumbnail img:hover {
- opacity: 0.7;
- filter: alpha(opacity=70);
- }
- /* Page Navigation
- ----------------------------------------------- */
- .displaypageNum a, .showpage a, .pagecurrent {
- font:$headerfont;
- font-weight:400;
- font-size:14px;
- padding:8px 12px;
- margin-right:4px;
- color:#fff;
- background:#333;
- -webkit-transition:all 0.3s ease-in;
- -moz-transition:all 0.3s ease-in;
- -o-transition:all 0.3s ease-in;
- transition: all 0.3s ease-in;
- }
- .displaypageNum a:hover, .showpage a:hover, .pagecurrent {
- background:$pagenumbercolor;
- text-decoration:none;
- color:#fff;
- }
- .showpageOf, .firstpage, .lastpage {display:none!important}
- /* Status Msg Wrap
- ----------------------------------------------- */
- .status-msg-wrap {
- font-size:14px;
- font-weight:400;
- width:100%;
- margin:0px auto;
- }
- .status-msg-body {
- padding:10px 2%;
- width:96%;
- }
- .status-msg-border {
- border:1px solid #ccc!important;
- border-width:0 0 1px 0!important;
- opacity:10;
- width:auto;
- }
- .status-msg-bg {
- background-color:#fff;
- }
- .status-msg-hidden {
- padding:10px 2%;
- }
- .comments .avatar-image-container img[src="//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35"] {
- content: url(https://2.bp.blogspot.com/-mdcnLTLCvqE/W7ePIVIgFVI/AAAAAAAACYI/gpi0mWoBvVc6f_k0isCUwGDWhM7TEvFqACLcBGAs/s1600/1280px-Flag_of_South_Korea.svg.png);
- }
- .comments .avatar-image-container img[src="//img1.blogblog.com/img/blank.gif"] {
- content: url(https://2.bp.blogspot.com/-mdcnLTLCvqE/W7ePIVIgFVI/AAAAAAAACYI/gpi0mWoBvVc6f_k0isCUwGDWhM7TEvFqACLcBGAs/s1600/1280px-Flag_of_South_Korea.svg.png);
- }
- ]]></b:skin>
- <script type='text/javascript'>
- //<![CDATA[
- $(document).ready(function(){
- $("#nav-mobile").html($("#nav-main").html());
- $("#nav-trigger span").click(function(){
- if ($("nav#nav-mobile ul").hasClass("expanded")) {
- $("nav#nav-mobile ul.expanded").removeClass("expanded").slideUp(250);
- $(this).removeClass("open");
- } else {
- $("nav#nav-mobile ul").addClass("expanded").slideDown(250);
- $(this).addClass("open");
- }
- });
- });
- //]]>
- </script>
- <style type='text/css'>
- .shared {margin:10px 0 0;padding:0;text-transform:none;font-size:14px;}
- .shared span {display:inline-block;color:#fff;text-align:center;padding:0 10px;line-height:34px;margin-right:1px;border-bottom-left-radius:4px;border-top-left-radius:4px;}
- .print {border-bottom-right-radius:4px;border-top-right-radius:4px;}
- .shared a, .shared a:hover {color:#fff;text-decoration:none;display:inline-block;}
- .facebook, .twitter, .gplus, .linkedin, .print {text-align:center;padding:0 10px;line-height:34px;background-color:#888;margin-right:1px;}
- .facebook:hover {background-color:#3b5998;}
- .twitter:hover {background-color:#00aced;}
- .gplus:hover {background-color:#dd4b39;}
- .linkedin:hover {background-color:#007bb6;}
- .print:hover {background-color:#45668e;}
- </style>
- <b:if cond='data:blog.pageType == "static_page"'>
- <style type='text/css'>
- .label1, .label2 {display:none;}
- .post-footer {display:none;}
- </style>
- </b:if>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "item"'>
- <style type='text/css'>
- .post h3 {font-size:22px;line-height:1.2em;}
- .post-body {margin:10px 0 0;}
- .post-footer, .shared {display:none;}
- #blog-pager {margin:10px 0 0;}
- </style>
- </b:if>
- </b:if>
- <script type='text/javascript'>
- //<![CDATA[
- function homepage_thumbnail_resize(a,b){var c=200;var d=200;image_tag='<img width="'+c+'" height="'+d+'" src="'+a.replace('/s72-c/','/w'+c+'-h'+d+'-c/')+'" alt="'+b+'" title="'+b+'"/>';if(a!="")return image_tag;else return""}
- //]]>
- </script>
- <script type='text/javascript'>
- //<![CDATA[
- function labelthumbs(json) {
- for (var i = 0; i < numposts; i++) {
- var entry = json.feed.entry[i];
- var posttitle = entry.title.$t;
- var posturl;
- if (i == json.feed.entry.length) break;
- for (var k = 0; k < entry.link.length; k++) {
- if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
- var commenttext = entry.link[k].title;
- var commenturl = entry.link[k].href;
- }
- if (entry.link[k].rel == 'alternate') {
- posturl = entry.link[k].href;
- break;
- }
- }
- var thumburl;
- try {
- thumburl = entry.media$thumbnail.url;
- thumburl = thumburl.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/");
- } catch (error) {
- s = entry.content.$t;
- a = s.indexOf("<img");
- b = s.indexOf("src=\"", a);
- c = s.indexOf("\"", b + 5);
- d = s.substr(b + 5, c - b - 5);
- if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
- thumburl = d;
- } else thumburl = no_thumb;
- }
- var postdate=entry.published.$t;
- var cdyear=postdate.substring(0,4);
- var cdmonth=postdate.substring(5,7);
- var cdday=postdate.substring(8,10);
- var monthnames=new Array();
- monthnames[1]="January";
- monthnames[2]="February";
- monthnames[3]="March";
- monthnames[4]="April";
- monthnames[5]="May";
- monthnames[6]="June";
- monthnames[7]="July";
- monthnames[8]="August";
- monthnames[9]="September";
- monthnames[10]="October";
- monthnames[11]="November";
- monthnames[12]="December";
- document.write('<span class="cat_left">');
- document.write('<ul class="cat_thumbs">');
- document.write('<li>');
- if (showpostthumbnails == true)
- document.write('<a href="' + posturl + '"><div class="cat_thumb"><span class="rollover"></span><img width="' + thumb_width + '" height="' + thumb_height + '" alt="' + posttitle + '" src="' + thumburl + '"/></div></a>');
- document.write('<span class="cat_title"><a href="' + posturl + '" target ="_top">' + posttitle + '</a></span>');
- var towrite = '';
- document.write('<span class="cat_meta">');
- if (showpostdate == true)
- {towrite=towrite + '<span class="cat_meta_date">' + monthnames[parseInt(cdmonth)]+' '+ cdday +', '+ cdyear + '</span>'}
- if (showcommentnum == true) {
- if (commenttext == '1 Comments') commenttext = '1 Comments';
- if (commenttext == '0 Comments') commenttext = '0 Comments';
- showcomment = '<span class="cat_meta_comment"><a href="' + commenturl + '">' + commenttext + '</a></span>';
- towrite = towrite + showcomment;
- }
- if (displaymore == true) {
- towrite = towrite + '<span class="cat_meta_more"><a href="' + posturl + '" class="url" target ="_top">Read More...</a></span>';
- }
- document.write(towrite);
- document.write('</span>');
- document.write('<span class="cat_summary">');
- if ("content" in entry) {
- var postcontent = entry.content.$t;
- } else
- if ("summary" in entry) {
- var postcontent = entry.summary.$t;
- } else var postcontent = "";
- var re = /<\S[^>]*>/g;
- postcontent = postcontent.replace(re, "");
- if (showpostsummary == true) {
- if (postcontent.length < numchars) {
- document.write('');
- document.write(postcontent);
- document.write('');
- } else {
- document.write('');
- postcontent = postcontent.substring(0, numchars);
- var quoteEnd = postcontent.lastIndexOf(" ");
- postcontent = postcontent.substring(0, quoteEnd);
- document.write(postcontent + '...');
- document.write('');
- }
- }
- document.write('</span>');
- document.write('</li>');
- document.write('</ul>');
- document.write('</span>');
- }
- document.write('<span class="cat_right">');
- document.write('<ul class="cat_thumbs2">');
- for (var i = 1; i < numposts2; i++) {
- var entry = json.feed.entry[i];
- var posttitle = entry.title.$t;
- var posturl;
- if (i == json.feed.entry.length) break;
- for (var k = 1; k < entry.link.length; k++) {
- if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
- var commenttext = entry.link[k].title;
- var commenturl = entry.link[k].href;
- }
- if (entry.link[k].rel == 'alternate') {
- posturl = entry.link[k].href;
- break;
- }
- }
- var thumburl2;
- try {
- thumburl2 = entry.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_height2+"-c/");
- } catch (error) {
- s = entry.content.$t;
- a = s.indexOf("<img");
- b = s.indexOf("src=\"", a);
- c = s.indexOf("\"", b + 5);
- d = s.substr(b + 5, c - b - 5);
- if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
- thumburl2 = d;
- } else thumburl2 = no_thumb2;
- }
- var postdate = entry.published.$t;
- var cdyear = postdate.substring(0, 4);
- var cdmonth = postdate.substring(5, 7);
- var cdday = postdate.substring(8, 10);
- if (showpostthumbnails2 == true)
- document.write('<a href="' + posturl + '"><div class="cat_thumb2"><img width="' + thumb_width2 + '" height="' + thumb_height2 + '" alt="' + posttitle + '" src="' + thumburl2 + '"/></div></a>');
- document.write('<li>');
- document.write('<span class="cat_title cat_title2"><a href="' + posturl + '" target ="_top">' + posttitle + '</a></span>');
- var towrite = '';
- document.write('<span class="cat_meta cat_meta2">');
- if (showpostdate2 == true)
- {towrite=towrite + '<span class="cat_meta_date">' + monthnames[parseInt(cdmonth)]+' '+ cdday +', '+ cdyear + '</span>'}
- if (showcommentnum2 == true) {
- if (commenttext == '1 Comment') commenttext = '1 Comments';
- if (commenttext == '0 Comment') commenttext = '0 Comments';
- showcomment = '<span class="cat_meta_comment cat_meta_comment2"><a href="' + commenturl + '">' + commenttext + '</a></span>';
- towrite = towrite + showcomment;
- }
- if (displaymore2 == true) {
- towrite = towrite + '<span class="cat_meta_more cat_meta_more2"><a href="' + posturl + '" class="url" target ="_top">Read More...</a></span>';
- }
- document.write(towrite);
- document.write('</span>');
- document.write('</li>');
- }
- document.write("</ul>")
- document.write("</span>")
- }
- //]]>
- </script>
- <script type='text/javascript'>
- var numposts = 1;
- var numposts2 = 5;
- var showpostthumbnails = true;
- var showpostthumbnails2 = false;
- var displaymore = false;
- var displaymore2 = false;
- var showcommentnum = true;
- var showcommentnum2 = false;
- var showpostdate = true;
- var showpostdate2 = true;
- var showpostsummary = true;
- var numchars = 150;
- var thumb_width = 340;
- var thumb_height = 220;
- var thumb_width2 = 100;
- var thumb_height2 = 75;
- var no_thumb = 'http://2.bp.blogspot.com/-oOJ3avtW_6M/VK4XLkhFUyI/AAAAAAAAAwo/Jq6J61f8GrY/s1600/cat_thumb.png';
- var no_thumb2 = 'http://3.bp.blogspot.com/-H17OhbrA4gU/VKJmgnXF9dI/AAAAAAAAAp8/ZPt_FdZTRcw/s1600/thumb_small.png';
- </script>
- <style type='text/css'>
- @media screen and (max-width:1024px) {
- #header2, #sidebar-wrapper {display:none;}
- #outer-wrapper, #content-wrapper, #container-wrapper, #label1-wrapper, #label2-wrapper, #main-wrapper {width:100%;margin:0;padding:0;border:none;background:none;}
- #header-wrapper, #header {width:100%;margin:0;padding:0;text-align:center;}
- .header .widget {margin:0;padding:15px 25px;}
- #menu-wrapper {width:100%;margin:0;padding:0;}
- .menu #PageList1 {margin:0;padding:0;padding:15px 25px;text-align:center;}
- .menu #PageList1 li a, .menu #PageList1 li a:visited {float:none;display:inline-block;text-decoration:none;padding:0 10px 0 0;line-height:24px;color:#ddd;}
- .menu #PageList1 li a:before {content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:3px;}
- .menu #PageList1 li a:hover, .menu #PageList1 li.selected a, .menu #PageList1 li.selected a:visited {color:#fff;background-color:transparent;}
- .crosscol {width:100%;padding:0;margin:0;}
- .crosscol img {width:100%;height:auto;margin:0;padding:0;}
- .crosscol .widget {margin:0;padding:15px 25px;border-bottom:1px solid #ccc;}
- .label1 .widget-content, .label2 .widget-content {padding:20px 25px;}
- .label1 h2, .label2 h2 {padding:20px 25px 1px 25px;}
- .cat_left {width:50%;float:left;margin:0;padding:0;border-right:none}
- .cat_right {width:46%;float:right;margin:0;padding:0;}
- ul.cat_thumbs .cat_thumb {width:100%;height:auto;}
- ul.cat_thumbs .cat_thumb img {width:100%;height:auto;}
- ul.cat_thumbs li {margin:0;padding:0;}
- span.cat_title2 {font-size:20px;line-height:1.2em;}
- span.cat_summary {font-size:14px;}
- .post {margin:0 auto;padding:20px 25px;}
- .post h3 {font-size:26px;line-height:1.0em;}
- .post h3 a, .post h3 a:visited, .post h3 strong {display:inline;}
- .homepage-thumbnail {width:150px;float:right;height:auto;margin:0 0 0 10px}
- .homepage-thumbnail img {width:150px;height:auto;}
- .post-body {line-height:1.3em;}
- .post-body img {width:400px;height:auto;}
- #comments {margin:0 auto;height:auto;padding:15px 25px;}
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "item"'>
- .post h3 {font-size:18px;line-height:1.2em;}
- </b:if>
- </b:if>
- #blog-pager {padding:10px 25px;}
- #footer, .footer {width:100%;padding:0;margin:0;}
- .footer img {width:100%;height:auto;margin:0;padding:0;}
- .footer .widget {margin:0;padding:15px 25px;}
- #credit-wrapper {width:100%;margin:0;padding:0;}
- .credit {margin:0;padding:20px 25px;}
- }
- @media screen and (max-width:768px) {
- #header2, #sidebar-wrapper {display:none;}
- #outer-wrapper, #content-wrapper, #container-wrapper, #label1-wrapper, #label2-wrapper, #main-wrapper {width:100%;margin:0;padding:0;border:none;background:none;}
- #header-wrapper, #header {width:100%;margin:0;padding:0;text-align:center;}
- .header .widget {margin:0;padding:10px 20px;}
- #menu-wrapper {width:100%;margin:0;padding:0;}
- .menu #PageList1 {margin:0;padding:0;padding:10px 20px;text-align:center;}
- .menu #PageList1 li a, .menu #PageList1 li a:visited {float:none;display:inline-block;text-decoration:none;padding:0 10px 0 0;line-height:24px;color:#ddd;}
- .menu #PageList1 li a:before {content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:3px;}
- .menu #PageList1 li a:hover, .menu #PageList1 li.selected a, .menu #PageList1 li.selected a:visited {color:#fff;background-color:transparent;}
- .crosscol {width:100%;padding:0;margin:0;}
- .crosscol img {width:100%;height:auto;margin:0;padding:0;}
- .crosscol .widget {margin:0;padding:10px 20px;border-bottom:1px solid #ccc;}
- .label1 .widget-content, .label2 .widget-content {padding:10px 20px;}
- .label1 h2, .label2 h2 {padding:10px 20px 1px 20px;}
- .cat_left {width:50%;float:left;margin:0;padding:0;border-right:none}
- .cat_right {width:46%;float:right;margin:0;padding:0;}
- ul.cat_thumbs .cat_thumb {width:100%;height:auto;}
- ul.cat_thumbs .cat_thumb img {width:100%;height:auto;}
- ul.cat_thumbs li {margin:0;padding:0;}
- span.cat_title2 {font-size:18px;line-height:1.2em;}
- .post {margin:0 auto;padding:10px 20px;}
- .post h3 {font-size:26px;line-height:1.0em;}
- .post h3 a, .post h3 a:visited, .post h3 strong {display:inline;}
- .homepage-thumbnail {width:150px;float:right;height:auto;margin:0 0 0 10px}
- .homepage-thumbnail img {width:150px;height:auto;}
- .post-body {line-height:1.3em;}
- .post-body img {width:300px;height:auto;}
- #comments {margin:0 auto;height:auto;padding:10px 20px;}
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "item"'>
- .post h3 {font-size:18px;line-height:1.2em;}
- </b:if>
- </b:if>
- #blog-pager {padding:10px 20px;}
- #footer, .footer {width:100%;padding:0;margin:0;}
- .footer img {width:100%;height:auto;margin:0;padding:0;}
- .footer .widget {margin:0;padding:10px 20px;}
- #credit-wrapper {width:100%;margin:0;padding:0;}
- .credit {margin:0;padding:10px 20px;}
- }
- @media screen and (max-width:640px) {
- #header2, #sidebar-wrapper {display:none;}
- #outer-wrapper, #content-wrapper, #container-wrapper, #label1-wrapper, #label2-wrapper, #main-wrapper {width:100%;margin:0;padding:0;border:none;background:none;}
- #header-wrapper, #header {width:100%;margin:0;padding:0;text-align:center;}
- .header .widget {margin:0;padding:10px 20px;}
- #menu-wrapper {width:100%;margin:0;padding:0;}
- .menu #PageList1 {margin:0;padding:0;padding:10px 20px;text-align:center;}
- .menu #PageList1 li a, .menu #PageList1 li a:visited {float:none;display:inline-block;text-decoration:none;padding:0 10px 0 0;line-height:24px;color:#ddd;}
- .menu #PageList1 li a:before {content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:3px;}
- .menu #PageList1 li a:hover, .menu #PageList1 li.selected a, .menu #PageList1 li.selected a:visited {color:#fff;background-color:transparent;}
- .crosscol {width:100%;padding:0;margin:0;}
- .crosscol img {width:100%;height:auto;margin:0;padding:0;}
- .crosscol .widget {margin:0;padding:10px 20px;border-bottom:1px solid #ccc;}
- .label1 .widget-content, .label2 .widget-content {padding:10px 20px;}
- .label1 h2, .label2 h2 {padding:10px 20px 1px 20px;}
- .cat_left {width:100%;float:left;margin:0;padding:0;border-right:none}
- .cat_right {width:100%;float:left;margin:0;padding:0;}
- ul.cat_thumbs .cat_thumb {float:right;margin:0 0 0 15px;width:200px;height:auto;}
- ul.cat_thumbs .cat_thumb img {height:auto;width:200px;}
- ul.cat_thumbs li {margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #ccc;}
- span.cat_title2 {font-size:18px;line-height:1.2em;}
- .post {margin:0 auto;padding:10px 20px;}
- .post h3 {font-size:26px;line-height:1.0em;}
- .post h3 a, .post h3 a:visited, .post h3 strong {display:inline;}
- .homepage-thumbnail {width:150px;float:right;height:auto;margin:0 0 0 10px}
- .homepage-thumbnail img {width:150px;height:auto;}
- .post-body {line-height:1.3em;}
- .post-body img {width:100%;height:auto;padding:0!important;margin:0 0 15px!important;float:left;clear:both;}
- #comments {margin:0 auto;height:auto;padding:10px 20px;}
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "item"'>
- .post h3 {font-size:18px;line-height:1.2em;}
- </b:if>
- </b:if>
- #blog-pager {padding:10px 20px;}
- #footer, .footer {width:100%;padding:0;margin:0;}
- .footer img {width:100%;height:auto;margin:0;padding:0;}
- .footer .widget {margin:0;padding:10px 20px;}
- #credit-wrapper {width:100%;margin:0;padding:0;}
- .credit {margin:0;padding:10px 20px;}
- }
- @media screen and (max-width:480px) {
- #header2, #sidebar-wrapper {display:none;}
- #outer-wrapper, #content-wrapper, #container-wrapper, #label1-wrapper, #label2-wrapper, #main-wrapper {width:100%;margin:0;padding:0;border:none;background:none;}
- #header-wrapper, #header {width:100%;margin:0;padding:0;text-align:center;}
- .header .widget {margin:0;padding:10px 20px;}
- #menu-wrapper {width:100%;margin:0;padding:0;}
- .menu #PageList1 {margin:0;padding:0;padding:10px 20px;text-align:center;}
- .menu #PageList1 li a, .menu #PageList1 li a:visited {float:none;display:inline-block;text-decoration:none;padding:0 10px 0 0;line-height:24px;color:#ddd;}
- .menu #PageList1 li a:before {content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:3px;}
- .menu #PageList1 li a:hover, .menu #PageList1 li.selected a, .menu #PageList1 li.selected a:visited {color:#fff;background-color:transparent;}
- .crosscol {width:100%;padding:0;margin:0;}
- .crosscol img {width:100%;height:auto;margin:0;padding:0;}
- .crosscol .widget {margin:0;padding:10px 20px;border-bottom:1px solid #ccc;}
- .label1 .widget-content, .label2 .widget-content {padding:10px 20px;}
- .label1 h2, .label2 h2 {padding:10px 20px 1px 20px;}
- .cat_left {width:100%;float:left;margin:0;padding:0;border-right:none}
- .cat_right {width:100%;float:left;margin:0;padding:0;}
- ul.cat_thumbs .cat_thumb {margin:0 0 10px;width:100%;height:auto;}
- ul.cat_thumbs .cat_thumb img {height:auto;width:100%;}
- ul.cat_thumbs li {margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #ccc;}
- span.cat_title2 {font-size:18px;line-height:1.2em;}
- .post {margin:0 auto;padding:10px 20px;}
- .post h3 {font-size:26px;line-height:1.0em;}
- .post h3 a, .post h3 a:visited, .post h3 strong {display:inline;}
- .homepage-thumbnail {width:80px;float:right;height:auto;margin:0 0 0 10px}
- .homepage-thumbnail img {width:80px;height:auto;}
- .post-body {line-height:1.3em;}
- .post-body img {width:100%;height:auto;padding:0!important;margin:0 0 15px!important;float:left;clear:both;}
- #comments {margin:0 auto;height:auto;padding:10px 20px;}
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "item"'>
- .post h3 {font-size:18px;line-height:1.2em;}
- </b:if>
- </b:if>
- #blog-pager {padding:10px 20px;}
- #footer, .footer {width:100%;padding:0;margin:0;}
- .footer img {width:100%;height:auto;margin:0;padding:0;}
- .footer .widget {margin:0;padding:10px 20px;}
- #credit-wrapper {width:100%;margin:0;padding:0;}
- .credit {margin:0;padding:10px 20px;}
- }
- @media screen and (max-width:320px) {
- #header2, #sidebar-wrapper {display:none;}
- #outer-wrapper, #content-wrapper, #container-wrapper, #label1-wrapper, #label2-wrapper, #main-wrapper {width:100%;margin:0;padding:0;border:none;background:none;}
- #header-wrapper, #header {width:100%;margin:0;padding:0;text-align:center;}
- .header .widget {margin:0;padding:10px 20px;}
- #menu-wrapper {width:100%;margin:0;padding:0;}
- .menu #PageList1 {margin:0;padding:0;padding:10px 20px;text-align:center;}
- .menu #PageList1 li a, .menu #PageList1 li a:visited {float:none;display:inline-block;text-decoration:none;padding:0 10px 0 0;line-height:24px;color:#ddd;}
- .menu #PageList1 li a:before {content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:3px;}
- .menu #PageList1 li a:hover, .menu #PageList1 li.selected a, .menu #PageList1 li.selected a:visited {color:#fff;background-color:transparent;}
- .crosscol {width:100%;padding:0;margin:0;}
- .crosscol img {width:100%;height:auto;margin:0;padding:0;}
- .crosscol .widget {margin:0;padding:10px 20px;border-bottom:1px solid #ccc;}
- .label1 .widget-content, .label2 .widget-content {padding:10px 20px;}
- .label1 h2, .label2 h2 {padding:10px 20px 1px 20px;}
- .cat_left {width:100%;float:left;margin:0;padding:0;border-right:none}
- .cat_right {width:100%;float:left;margin:0;padding:0;}
- ul.cat_thumbs .cat_thumb {margin:0 0 10px;width:100%;height:auto;}
- ul.cat_thumbs .cat_thumb img {height:auto;width:100%;}
- ul.cat_thumbs li {margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #ccc;}
- span.cat_title2 {font-size:18px;line-height:1.2em;}
- .post {margin:0 auto;padding:10px 20px;}
- .post h3 {font-size:26px;line-height:1.0em;}
- .post h3 a, .post h3 a:visited, .post h3 strong {display:inline;}
- .homepage-thumbnail {width:80px;float:right;height:auto;margin:0 0 0 10px}
- .homepage-thumbnail img {width:80px;height:auto;}
- .post-body {line-height:1.3em;}
- .post-body img {width:100%;height:auto;padding:0!important;margin:0 0 15px!important;float:left;clear:both;}
- #comments {margin:0 auto;height:auto;padding:10px 20px;}
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "item"'>
- .post h3 {font-size:18px;line-height:1.2em;}
- </b:if>
- </b:if>
- #blog-pager {padding:10px 20px;}
- #footer, .footer {width:100%;padding:0;margin:0;}
- .footer img {width:100%;height:auto;margin:0;padding:0;}
- .footer .widget {margin:0;padding:10px 20px;}
- #credit-wrapper {width:100%;margin:0;padding:0;}
- .credit {margin:0;padding:10px 20px;}
- }
- @media screen and (max-width:260px) {
- #header2, #sidebar-wrapper {display:none;}
- #outer-wrapper, #content-wrapper, #container-wrapper, #label1-wrapper, #label2-wrapper, #main-wrapper {width:100%;margin:0;padding:0;border:none;background:none;}
- #header-wrapper, #header {width:100%;margin:0;padding:0;text-align:center;}
- .header .widget {margin:0;padding:10px;}
- #header img {width:100%;height:auto;margin:0;padding:0;}
- #menu-wrapper {width:100%;margin:0;padding:0;}
- .menu #PageList1 {margin:0;padding:0;padding:10px;text-align:center;}
- .menu #PageList1 li a, .menu #PageList1 li a:visited {float:none;display:inline-block;text-decoration:none;padding:0 10px 0 0;line-height:24px;color:#ddd;}
- .menu #PageList1 li a:before {content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:3px;}
- .menu #PageList1 li a:hover, .menu #PageList1 li.selected a, .menu #PageList1 li.selected a:visited {color:#fff;background-color:transparent;}
- .crosscol {width:100%;padding:0;margin:0;}
- .crosscol img {width:100%;height:auto;margin:0;padding:0;}
- .crosscol .widget {margin:0;padding:10px;border-bottom:1px solid #ccc;}
- .label1 .widget-content, .label2 .widget-content {padding:10px;}
- .label1 h2, .label2 h2 {padding:10px 10px 1px 10px;}
- .cat_left {width:100%;float:left;margin:0;padding:0;border-right:none}
- .cat_right {width:100%;float:left;margin:0;padding:0;}
- ul.cat_thumbs .cat_thumb {margin:0 0 10px;width:100%;height:auto;}
- ul.cat_thumbs .cat_thumb img {height:auto;width:100%;}
- ul.cat_thumbs li {margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #ccc;}
- span.cat_title2 {font-size:18px;line-height:1.2em;}
- .post {margin:0 auto;padding:10px;}
- .post h3 {font-size:26px;line-height:1.0em;}
- .post h3 a, .post h3 a:visited, .post h3 strong {display:inline;}
- .homepage-thumbnail {width:80px;float:right;height:auto;margin:0 0 0 10px}
- .homepage-thumbnail img {width:80px;height:auto;}
- .post-body {line-height:1.3em;}
- .post-body img {width:100%;height:auto;padding:0!important;margin:0 0 15px!important;float:left;clear:both;}
- #comments {margin:0 auto;height:auto;padding:10px;}
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "item"'>
- .post h3 {font-size:18px;line-height:1.2em;}
- </b:if>
- </b:if>
- #blog-pager {padding:10px;}
- #footer, .footer {width:100%;padding:0;margin:0;}
- .footer img {width:100%;height:auto;margin:0;padding:0;}
- .footer .widget {margin:0;padding:10px;}
- #credit-wrapper {width:100%;margin:0;padding:0;}
- .credit {margin:0;padding:10px;}
- }
- </style>
- <b:if cond='data:view.isPost'>
- <style type='text/css'>
- .related-post{padding:15px 0}
- .related-post li{line-height:1.6em;margin:0 20px;list-style-type:disc}
- .related-post a{font:15px Roboto,sans-serif;color:#333;line-height:1.6em;transition:all .3s ease-out 0s}
- .related-post a:hover,#related-title a:hover{color:#333}
- #related-posts{float:left;width:100%;margin:15px 0}
- #related-posts a{width:33.3%;height:240px;padding:10px 13px 0;color:#333}
- #related-posts .related_img{width:100%;height:165px;float: left;overflow: hidden;margin-bottom:10px}
- #related-title{float:left;width:100%;font: bold 16px Roboto,sans-serif;-webkit-line-clamp:2;line-height:1.6em;-webkit-box-orient: vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}
- #related-posts h4{padding:10px;color:#333;font:bold 20px Roboto,sans-serif;text-align:center;text-transform:uppercase}
- @media screen and (max-width:1366px){#related-posts a{height:215px}#related-posts .related_img{height:135px}}
- @media screen and (max-width:960px){#related-posts a{height:190px}#related-posts .related_img{height:125px}}
- @media screen and (max-width:600px){#related-posts a{height:160px}#related-posts .related_img{height:115px}}
- @media screen and (max-width:500px){#related-posts a{height:185px}#related-posts .related_img{height:90px}}
- @media screen and (max-width:414px){#related-posts a{width:100%;height:100%}#related-posts .related_img{height:90px;width:41%;padding-right:15px}#related-title{float:none;width:auto;-webkit-line-clamp:3}}
- @media screen and (max-width:375px){#related-posts .related_img{height:80px}}
- @media screen and (max-width:320px){#related-posts .related_img{height:70px}}
- </style>
- <script>
- //<![CDATA[
- //Related Posts with thumb
- var relatedTitles = new Array();
- var relatedTitlesNum = 0;
- var relatedUrls = new Array();
- var thumburl = new Array();
- function related_results_labels_thumbs(json) {
- for (var i = 0; i < json.feed.entry.length; i++) {
- var entry = json.feed.entry[i];
- relatedTitles[relatedTitlesNum] = entry.title.$t;
- try {
- thumburl[relatedTitlesNum] = entry.gform_foot.url
- } catch (error) {
- s = entry.content.$t;
- a = s.indexOf("<img");
- b = s.indexOf("src=\"", a);
- c = s.indexOf("\"", b + 5);
- d = s.substr(b + 5, c - b - 5);
- if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
- thumburl[relatedTitlesNum] = d
- } else thumburl[relatedTitlesNum] = 'http://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png'
- }
- if (relatedTitles[relatedTitlesNum].length > 35) relatedTitles[relatedTitlesNum] = relatedTitles[relatedTitlesNum].substring(0, 100) + "";
- for (var k = 0; k < entry.link.length; k++) {
- if (entry.link[k].rel == 'alternate') {
- relatedUrls[relatedTitlesNum] = entry.link[k].href;
- relatedTitlesNum++
- }
- }
- }
- }
- function removeRelatedDuplicates_thumbs() {
- var tmp = new Array(0);
- var tmp2 = new Array(0);
- var tmp3 = new Array(0);
- for (var i = 0; i < relatedUrls.length; i++) {
- if (!contains_thumbs(tmp, relatedUrls[i])) {
- tmp.length += 1;
- tmp[tmp.length - 1] = relatedUrls[i];
- tmp2.length += 1;
- tmp3.length += 1;
- tmp2[tmp2.length - 1] = relatedTitles[i];
- tmp3[tmp3.length - 1] = thumburl[i]
- }
- }
- relatedTitles = tmp2;
- relatedUrls = tmp;
- thumburl = tmp3
- }
- function contains_thumbs(a, e) {
- for (var j = 0; j < a.length; j++)
- if (a[j] == e) return true;
- return false
- }
- function printRelatedLabels_thumbs() {
- for (var i = 0; i < relatedUrls.length; i++) {
- if ((relatedUrls[i] == currentposturl) || (!(relatedTitles[i]))) {
- relatedUrls.splice(i, 1);
- relatedTitles.splice(i, 1);
- thumburl.splice(i, 1);
- i--
- }
- }
- var r = Math.floor((relatedTitles.length - 1) * Math.random());
- var i = 0;
- if (relatedTitles.length > 0);
- document.write('<div style="clear: both;"/>');
- while (i < relatedTitles.length && i < 20 && i < maxresults) {
- document.write('<a style="text-decoration:none;float:left');
- if (i != 0) document.write('"');
- else document.write('"');
- document.write(' title="' + relatedTitles[r] + '" href="' + relatedUrls[r] + '"><img class="related_img" alt="' + relatedTitles[r] + '" src="' + thumburl[r] + '"/><div id="related-title">' + relatedTitles[r] + '</div></a>');
- if (r < relatedTitles.length - 1) {
- r++
- } else {
- r = 0
- }
- i++
- }
- document.write('</div>');
- relatedUrls.splice(0, relatedUrls.length);
- thumburl.splice(0, thumburl.length);
- relatedTitles.splice(0, relatedTitles.length)
- }
- //Related Posts
- var randomRelatedIndex, showRelatedPost;
- ! function(t, e, a) {
- var l = {
- widgetTitle: "",
- homePage: "/",
- numPosts: 3,
- callBack: function() {}
- };
- for (var s in relatedPostConfig) l[s] = "undefined" == relatedPostConfig[s] ? l[s] : relatedPostConfig[s];
- var i = function(t) {
- var l = e.createElement("script");
- l.type = "text/javascript", l.src = t, a.appendChild(l)
- },
- r = function(t) {
- var e, a, l = t.length;
- if (0 === l) return !1;
- for (; --l;) e = Math.floor(Math.random() * (l + 1)), a = t[l], t[l] = t[e], t[e] = a;
- return t
- },
- n = "object" == typeof labelArray && labelArray.length > 0 ? "/-/" + r(labelArray)[0] : "";
- randomRelatedIndex = function(t) {
- var e, a, s = t.feed.openSearch$totalResults.$t - l.numPosts,
- r = (e = 1, a = s > 0 ? s : 1, Math.floor(Math.random() * (a - e + 1)) + e);
- i(l.homePage.replace(/\/$/, "") + "/feeds/posts/summary" + n + "?alt=json-in-script&orderby=updated&start-index=" + r + "&max-results=" + l.numPosts + "&callback=showRelatedPost")
- }, showRelatedPost = function(t) {
- var e, a, s, i, n, m = document.getElementById(l.containerId),
- o = r(t.feed.entry),
- d = l.widgetStyle,
- h = l.widgetTitle + '<ul class="related-post-style-' + d + '">',
- c = l.newTabLink ? ' target="_blank"' : "",
- p = '<span style="display:block;clear:both;"></span>';
- if (m) {
- for (var u = 0; u < l.numPosts && u != o.length; u++) {
- a = o[u].title.$t, s = "auto" !== l.titleLength && l.titleLength < a.length ? a.substring(0, l.titleLength) + "…" : a, i = "media$thumbnail" in o[u] && !1 !== l.thumbnailSize ? o[u].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/, "/s" + l.thumbnailSize + "-c") : l.noImage, n = "summary" in o[u] && l.summaryLength > 0 ? o[u].summary.$t.replace(/<br ?\/?>/g, " ").replace(/<.*?>/g, "").replace(/[<>]/g, "").substring(0, l.summaryLength) + "…" : "";
- for (var g = 0, b = o[u].link.length; g < b; g++) e = "alternate" == o[u].link[g].rel ? o[u].link[g].href : "#";
- h += 2 == d ? '<li><img alt="" class="related-post-item-thumbnail" src="' + i + '" width="' + l.thumbnailSize + '" height="' + l.thumbnailSize + '"><a class="related-post-item-title" title="' + a + '" href="' + e + '"' + c + ">" + s + '</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">' + n + '</span> <a href="' + e + '" class="related-post-item-more"' + c + ">" + l.moreText + "</a></span>" + p + "</li>" : 3 == d || 4 == d ? '<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="' + e + '"' + c + '><img alt="" class="related-post-item-thumbnail" src="' + i + '" width="' + l.thumbnailSize + '" height="' + l.thumbnailSize + '"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="' + a + '" href="' + e + '"' + c + ">" + s + "</a></div>" + p + "</li>" : 5 == d ? '<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="' + e + '" title="' + a + '"' + c + '><img alt="" class="related-post-item-thumbnail" src="' + i + '" width="' + l.thumbnailSize + '" height="' + l.thumbnailSize + '"><span class="related-post-item-tooltip">' + s + "</span></a>" + p + "</li>" : 6 == d ? '<li><a class="related-post-item-title" title="' + a + '" href="' + e + '"' + c + ">" + s + '</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="' + i + '" width="' + l.thumbnailSize + '" height="' + l.thumbnailSize + '"><span class="related-post-item-summary"><span class="related-post-item-summary-text">' + n + "</span></span>" + p + "</div></li>" : '<li><a title="' + a + '" href="' + e + '"' + c + ">" + s + "</a></li>"
- }
- m.innerHTML = h += "</ul>" + p, l.callBack()
- }
- }, i(l.homePage.replace(/\/$/, "") + "/feeds/posts/summary" + n + "?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")
- }(window, document, document.getElementsByTagName("head")[0]);
- //]]>
- </script>
- </b:if>
- <!-- Widget bài viết liên quan (1) -->
- <style>
- /*Khung chính của bài viết liên quan*/
- #related-posts {
- float:left;
- min-width: 100%;
- margin: -14px 5px -2px 0;
- font: 11px Tahoma;
- }
- #related-posts .widget {
- List-style-type: none;
- margin: 5px 0 5px 0;
- padding: 0;
- }
- #related-posts .widget h2, #related-posts h2 {
- color: #940f04;
- font-size: 20px;
- font-weight: normal;
- margin: 5px 7px 0;
- padding: 0 0 5px;
- }
- /*Màu link của bài viết liên quan*/
- #related-posts a {
- color: #318686;
- font-size: 13px;
- text-decoration: none;
- }
- /*Màu link khi rê chuột vào*/
- #related-posts a:hover {
- color: #C4436A;
- text-decoration: underline;
- }
- #related-posts ul {
- border: medium none;
- margin: 10px;
- padding: 0;
- }
- #related-posts ul li {
- display: block;
- background: url(https://cdn3.iconfinder.com/data/icons/christmas-8/249/Christmas_star-16.png) no-repeat 0 0;
- margin: 0;
- padding: 0 0 1px 26px;
- margin-bottom: 5px;
- line-height: 2em;
- border-bottom:1px dotted #cccccc; /*Gạch đích dưới mỗi link bài viết liên quan*/
- }
- </style>
- <script type='text/javascript'>
- //<![CDATA[
- var relatedTitles = new Array();
- var relatedTitlesNum = 0;
- var relatedUrls = new Array();
- function related_results_labels(json) {
- for (var i = 0; i < json.feed.entry.length; i++) {
- var entry = json.feed.entry[i];
- relatedTitles[relatedTitlesNum] = entry.title.$t;
- for (var k = 0; k < entry.link.length; k++) {
- if (entry.link[k].rel == 'alternate') {
- relatedUrls[relatedTitlesNum] = entry.link[k].href;
- relatedTitlesNum++;
- break;
- }
- }
- }
- }
- function removeRelatedDuplicates() {
- var tmp = new Array(0);
- var tmp2 = new Array(0);
- for(var i = 0; i < relatedUrls.length; i++) {
- if(!contains(tmp, relatedUrls[i])) {
- tmp.length += 1;
- tmp[tmp.length - 1] = relatedUrls[i];
- tmp2.length += 1;
- tmp2[tmp2.length - 1] = relatedTitles[i];
- }
- }
- relatedTitles = tmp2;
- relatedUrls = tmp;
- }
- function contains(a, e) {
- for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
- return false;
- }
- function printRelatedLabels() {
- var r = Math.floor((relatedTitles.length - 1) * Math.random());
- var i = 0;
- document.write('<ul>');
- while (i < relatedTitles.length && i < 20) {
- document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
- if (r < relatedTitles.length - 1) {
- r++;
- } else {
- r = 0;
- }
- i++;
- }
- }
- //]]>
- </script>
- <div id="fb-root"></div>
- <script>(function(d, s, id) {
- var js, fjs = d.getElementsByTagName(s)[0];
- if (d.getElementById(id)) return;
- js = d.createElement(s); js.id = id;
- js.src = 'https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v3.1&appId=543698369393930&autoLogAppEvents=1';
- fjs.parentNode.insertBefore(js, fjs);
- }(document, 'script', 'facebook-jssdk'));</script>
- <!-- Global site tag (gtag.js) - Google Analytics -->
- <script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-90431084-1'/>
- <script>
- window.dataLayer = window.dataLayer || [];
- function gtag(){dataLayer.push(arguments);}
- gtag('js', new Date());
- gtag('config', 'UA-90431084-1');
- </script>
- <!-- Facebook Pixel Code -->
- <script>
- !function(f,b,e,v,n,t,s)
- {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
- n.callMethod.apply(n,arguments):n.queue.push(arguments)};
- if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
- n.queue=[];t=b.createElement(e);t.async=!0;
- t.src=v;s=b.getElementsByTagName(e)[0];
- s.parentNode.insertBefore(t,s)}(window, document,'script',
- 'https://connect.facebook.net/en_US/fbevents.js');
- fbq('init', '1626363267492111');
- fbq('track', 'PageView');
- </script>
- <noscript><img height="1" width="1" style="display:none"
- src="https://www.facebook.com/tr?id=1626363267492111&ev=PageView&noscript=1"
- /></noscript>
- <!-- End Facebook Pixel Code -->
- </head>
- <body>
- <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
- <b:widget id='Navbar1' locked='true' title='Thanh điều hướng' type='Navbar' version='1'>
- <b:includable id='main'><script type="text/javascript">
- function setAttributeOnload(object, attribute, val) {
- if(window.addEventListener) {
- window.addEventListener('load',
- function(){ object[attribute] = val; }, false);
- } else {
- window.attachEvent('onload', function(){ object[attribute] = val; });
- }
- }
- </script>
- <div id="navbar-iframe-container"></div>
- <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
- <script type="text/javascript">
- gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
- if (gapi.iframes && gapi.iframes.getContext) {
- gapi.iframes.getContext().openChild({
- url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d2394788494996780664\x26blogName\x3dBlogkimchi.com+%E2%80%BA+H%C3%A0n+Qu%E1%BB%91c+h%E1%BB%8Dc\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://www.blogkimchi.com/search\x26blogLocale\x3dvi\x26v\x3d2\x26homepageUrl\x3dhttps://www.blogkimchi.com/\x26vt\x3d2394211252189471956',
- where: document.getElementById("navbar-iframe-container"),
- id: "navbar-iframe"
- });
- }
- });
- </script><script type="text/javascript">
- (function() {
- var script = document.createElement('script');
- script.type = 'text/javascript';
- script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
- var head = document.getElementsByTagName('head')[0];
- if (head) {
- head.appendChild(script);
- }})();
- </script>
- </b:includable>
- </b:widget>
- </b:section>
- <!-- skip links for text browsers -->
- <span id='skiplinks' style='display:none;'>
- <a href='#main'>skip to main </a> |
- <a href='#sidebar'>skip to sidebar</a>
- </span>
- <div id='outer-wrapper'><div id='wrap2'>
- <div id='header-wrapper'>
- <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
- <b:widget id='Header1' locked='true' title='Blogkimchi.com › Hàn Quốc học (Tiêu đề)' type='Header' version='1'>
- <b:widget-settings>
- <b:widget-setting name='displayUrl'>http://1.bp.blogspot.com/-6f4Y6Yzywlg/W7LPoGSAx8I/AAAAAAAACWA/V75v2ReJmHUYXYG1PNnf8CR66OScpHvNQCK4BGAYYCw/s264/Logo-bd.png</b:widget-setting>
- <b:widget-setting name='displayHeight'>47</b:widget-setting>
- <b:widget-setting name='sectionWidth'>264</b:widget-setting>
- <b:widget-setting name='useImage'>true</b:widget-setting>
- <b:widget-setting name='shrinkToFit'>true</b:widget-setting>
- <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
- <b:widget-setting name='displayWidth'>264</b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <b:if cond='data:useImage'>
- <b:if cond='data:imagePlacement == "BEHIND"'>
- <!--
- Show image as background to text. You can't really calculate the width
- reliably in JS because margins are not taken into account by any of
- clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
- width if the user is using shrink to fit.
- This results in a margin-width's worth of pixels being cropped. If the
- user is not using shrink to fit then we expand the header.
- -->
- <b:if cond='data:mobile'>
- <div id='header-inner'>
- <div class='titlewrapper' style='background: transparent'>
- <h1 class='title' style='background: transparent; border-width: 0px'>
- <b:include name='title'/>
- </h1>
- </div>
- <b:include name='description'/>
- </div>
- <b:else/>
- <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
- <div class='titlewrapper' style='background: transparent'>
- <h1 class='title' style='background: transparent; border-width: 0px'>
- <b:include name='title'/>
- </h1>
- </div>
- <b:include name='description'/>
- </div>
- </b:if>
- <b:else/>
- <!--Show the image only-->
- <div id='header-inner'>
- <a expr:href='data:blog.homepageUrl' style='display: block'>
- <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
- </a>
- <!--Show the description-->
- <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
- <b:include name='description'/>
- </b:if>
- </div>
- </b:if>
- <b:else/>
- <!--No header image -->
- <div id='header-inner'>
- <div class='titlewrapper'>
- <h1 class='title'>
- <b:include name='title'/>
- </h1>
- </div>
- <b:include name='description'/>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='description'>
- <div class='descriptionwrapper'>
- <p class='description'><span><data:description/></span></p>
- </div>
- </b:includable>
- <b:includable id='title'>
- <b:if cond='data:blog.url == data:blog.homepageUrl'>
- <data:title/>
- <b:else/>
- <a expr:href='data:blog.homepageUrl'><data:title/></a>
- </b:if>
- </b:includable>
- </b:widget>
- </b:section>
- <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/>
- </div>
- <div style='clear:both'/>
- <div id='menu-wrapper'>
- <b:section class='menu' id='menu' maxwidgets='1' showaddelement='yes'>
- <b:widget id='PageList1' locked='false' title='Pages' type='PageList' version='1'>
- <b:widget-settings>
- <b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://www.blogkimchi.com/', 'title': 'Home', 'position': 0}, 'link0': {'href': 'https://www.blogkimchi.com/p/tai-lieu-mat.html', 'title': 'Tài liệu tiếng Hàn', 'position': 1}, 'link1': {'href': 'https://www.blogkimchi.com/p/sach-on-topik-ii-tac-gia-co-giao-chau.html', 'title': 'Sách TOPIK', 'position': 2}, 'link2': {'href': 'https://www.blogkimchi.com/p/gioi-thieu.html', 'title': 'Giới thiệu', 'position': 3}, 'link3': {'href': 'https://www.blogkimchi.com/p/sitemap.html', 'title': 'Library Blog', 'position': 4}}]]></b:widget-setting>
- <b:widget-setting name='homeTitle'>Home</b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <b:if cond='data:title'><h2><data:title/></h2></b:if>
- <div class='widget-content'>
- <b:if cond='data:mobile'>
- <select expr:id='data:widget.instanceId + "_select"'>
- <b:loop values='data:links' var='link'>
- <b:if cond='data:link.isCurrentPage'>
- <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
- <b:else/>
- <option expr:value='data:link.href'><data:link.title/></option>
- </b:if>
- </b:loop>
- </select>
- <span class='pagelist-arrow'>&#9660;</span>
- <b:else/>
- <ul>
- <b:loop values='data:links' var='link'>
- <b:if cond='data:link.isCurrentPage'>
- <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
- <b:else/>
- <li><a expr:href='data:link.href'><data:link.title/></a></li>
- </b:if>
- </b:loop>
- </ul>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- <div id='crosscol-wrapper' style='text-align:center'>
- <b:section class='crosscol' id='crosscol' maxwidgets='1' showaddelement='yes'>
- <b:widget id='HTML4' locked='false' title='' type='HTML' version='1'>
- <b:widget-settings>
- <b:widget-setting name='content'><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- QC_Chinhgiua_auto -->
- <ins class="adsbygoogle"
- style="display:block"
- data-ad-client="ca-pub-8410404233753270"
- data-ad-slot="3132210124"
- data-ad-format="auto"
- data-full-width-responsive="true"></ins>
- <script>
- (adsbygoogle = window.adsbygoogle || []).push({});
- </script></b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <h2 class='title'><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <data:content/>
- </div>
- <!-- QC_Duoi -->
- <b:if cond='data:blog.pageType == "index"'>
- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- Link_Giua -->
- <ins class="adsbygoogle"
- style="display:block"
- data-ad-client="ca-pub-8410404233753270"
- data-ad-slot="8068747549"
- data-ad-format="link"
- data-full-width-responsive="true"></ins>
- <script>
- (adsbygoogle = window.adsbygoogle || []).push({});
- </script>
- <!-- QC_Duoi -->
- </b:if> <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- <div id='content-wrapper'>
- <div id='container-wrapper'>
- <b:if cond='data:blog.url == data:blog.homepageUrl'>
- <div id='label1-wrapper'>
- <b:section class='label1' id='label1' maxwidgets='1' showaddelement='yes'>
- <b:widget id='HTML1' locked='false' title='Cộng đồng 2.0' type='HTML' version='1'>
- <b:widget-settings>
- <b:widget-setting name='content'><link href="https://dl.dropbox.com/s/83zedha973pbecv/tabbed-toc-skin-sitemap.css" media="screen" rel="stylesheet" type="text/css" />
- <div id="tabbed-toc">
- <span class="loading">Loading...</span></div>
- <script type="text/javascript">
- var tabbedTOC = {
- blogUrl: "https://www.blogkimchi.com/", // Blog URL
- containerId: "tabbed-toc", // Container ID
- activeTab: 1, // The default active tab index (default: the first tab)
- showDates: false, // `true` to show the post date
- showSummaries: false, // `true` to show the posts summaries
- numChars: 200, // Number of summary chars
- showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
- thumbSize: 40, // Thumbnail size
- noThumb: "http://lh3.ggpht.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
- monthNames: [ // Array of month names
- "January",
- "February",
- "March",
- "April",
- "May",
- "June",
- "July",
- "August",
- "September",
- "October",
- "November",
- "December"
- ],
- newTabLink: true, // Open link in new window?
- maxResults: 99999, // Maximum post results
- preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
- sortAlphabetically: true, // `false` to sort posts by published date
- showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
- newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
- };
- </script>
- <script src="https://dl.dropbox.com/s/jak1mqt2qj1msf4/tabbed-toc-sitemap.js" type="text/javascript"></script></b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <h2><span class='index'><a href='/search/label/<data:content/>?&max-results=6'>View All</a></span><data:content/></h2>
- <div class='widget-content'>
- <script>
- document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=published&alt=json-in-script&callback=labelthumbs\"><\/script>");
- </script>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- <div id='label2-wrapper'>
- <b:section class='label2' id='label2' maxwidgets='1' showaddelement='yes'>
- <b:widget id='HTML2' locked='false' title='Cẩm nang TOPIK II' type='HTML' version='1'>
- <b:widget-settings>
- <b:widget-setting name='content'>Cẩm nang TOPIK II</b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <h2><span class='index'><a href='/search/label/<data:content/>?&max-results=6'>View All</a></span><data:content/></h2>
- <div class='widget-content'>
- <script>
- document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=published&alt=json-in-script&callback=labelthumbs\"><\/script>");
- </script>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- </b:if>
- <div id='main-wrapper'>
- <b:section class='main' id='main' showaddelement='no'>
- <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog' version='1'>
- <b:widget-settings>
- <b:widget-setting name='showDateHeader'>false</b:widget-setting>
- <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
- <b:widget-setting name='showShareButtons'>false</b:widget-setting>
- <b:widget-setting name='showCommentLink'>false</b:widget-setting>
- <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
- <b:widget-setting name='postLocationLabel'>Google Account Video Purchases</b:widget-setting>
- <b:widget-setting name='showAuthor'>false</b:widget-setting>
- <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
- <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
- <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
- <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
- <b:widget-setting name='style.layout'>728x90</b:widget-setting>
- <b:widget-setting name='showLabels'>true</b:widget-setting>
- <b:widget-setting name='showLocation'>false</b:widget-setting>
- <b:widget-setting name='postLabelsLabel'>Chủ đề:</b:widget-setting>
- <b:widget-setting name='showTimestamp'>false</b:widget-setting>
- <b:widget-setting name='postsPerAd'>1</b:widget-setting>
- <b:widget-setting name='showBacklinks'>false</b:widget-setting>
- <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
- <b:widget-setting name='showInlineAds'>true</b:widget-setting>
- <b:widget-setting name='showReactions'>false</b:widget-setting>
- </b:widget-settings>
- <b:includable id='main' var='top'>
- <b:if cond='data:mobile == "false"'>
- <!-- posts -->
- <div class='blog-posts hfeed'>
- <b:include data='top' name='status-message'/>
- <data:defaultAdStart/>
- <b:loop values='data:posts' var='post'>
- <b:if cond='data:post.isDateStart'>
- <b:if cond='data:post.isFirstPost == "false"'>
- </div></div>
- </b:if>
- </b:if>
- <b:if cond='data:post.isDateStart'>
- <div class="date-outer">
- </b:if>
- <b:if cond='data:post.isDateStart'>
- <div class="date-posts">
- </b:if>
- <div class='post-outer'>
- <b:include data='post' name='post'/>
- <b:if cond='data:blog.pageType == "index"'>
- <b:if cond='data:post.isFirstPost'>
- <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
- <ins class='adsbygoogle' data-ad-client='ca-pub-8410404233753270' data-ad-format='fluid' data-ad-layout-key='-ed+6k-30-ac+ty' data-ad-slot='6636456777' style='display:block'/>
- <script>
- (adsbygoogle = window.adsbygoogle || []).push({});
- </script></b:if>
- </b:if>
- <b:if cond='data:blog.pageType == "static_page"'>
- <b:include data='post' name='comment_picker'/>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <b:include data='post' name='comment_picker'/>
- </b:if>
- </div>
- <b:if cond='data:post.includeAd'>
- <b:if cond='data:post.isFirstPost'>
- <data:defaultAdEnd/>
- <b:else/>
- <data:adEnd/>
- </b:if>
- <div class='inline-ad'>
- <data:adCode/>
- </div>
- <data:adStart/>
- </b:if>
- </b:loop>
- <b:if cond='data:numPosts != 0'>
- </div></div>
- </b:if>
- <data:adEnd/>
- </div>
- <!-- navigation -->
- <b:include name='nextprev'/>
- <!-- feed links -->
- <b:include name='feedLinks'/>
- <b:if cond='data:top.showStars'>
- <script src='//www.google.com/jsapi' type='text/javascript'/>
- <script type='text/javascript'>
- google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
- function initialize() {
- google.annotations.setApplicationId(<data:top.blogspotReviews/>);
- google.annotations.createAll();
- google.annotations.fetch();
- }
- google.setOnLoadCallback(initialize);
- </script>
- </b:if>
- <b:else/>
- <b:include name='mobile-main'/>
- </b:if>
- <b:if cond='data:top.showDummy'>
- <data:top.dummyBootstrap/>
- </b:if>
- </b:includable>
- <b:includable id='backlinkDeleteIcon' var='backlink'>
- <span expr:class='"item-control " + data:backlink.adminClass'>
- <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
- <img src='//www.blogger.com/img/icon_delete13.gif'/>
- </a>
- </span>
- </b:includable>
- <b:includable id='backlinks' var='post'>
- <a name='links'/><h4><data:post.backlinksLabel/></h4>
- <b:if cond='data:post.numBacklinks != 0'>
- <dl class='comments-block' id='comments-block'>
- <b:loop values='data:post.backlinks' var='backlink'>
- <div class='collapsed-backlink backlink-control'>
- <dt class='comment-title'>
- <span class='backlink-toggle-zippy'> </span>
- <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
- <b:include data='backlink' name='backlinkDeleteIcon'/>
- </dt>
- <dd class='comment-body collapseable'>
- <data:backlink.snippet/>
- </dd>
- <dd class='comment-footer collapseable'>
- <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
- <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
- </dd>
- </div>
- </b:loop>
- </dl>
- </b:if>
- <p class='comment-footer'>
- <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
- </p>
- </b:includable>
- <b:includable id='comment-form' var='post'>
- a<div class='comment-form'>
- <a name='comment-form'/>
- <b:if cond='data:mobile'>
- <h4 id='comment-post-message'>
- <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
- <p><data:blogCommentMessage/></p>
- <data:blogTeamBlogMessage/>
- <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
- <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%'/>
- <b:else/>
- <h4 id='comment-post-message'><data:postCommentMsg/></h4>
- <p><data:blogCommentMessage/></p>
- <data:blogTeamBlogMessage/>
- <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
- <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
- </b:if>
- <data:post.friendConnectJs/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
- </script>
- </div>
- </b:includable>
- <b:includable id='commentDeleteIcon' var='comment'>
- <span expr:class='"item-control " + data:comment.adminClass'>
- <b:if cond='data:showCmtPopup'>
- <div class='goog-toggle-button'>
- <div class='goog-inline-block comment-action-icon'/>
- </div>
- <b:else/>
- <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
- <img src='//www.blogger.com/img/icon_delete13.gif'/>
- </a>
- </b:if>
- </span>
- </b:includable>
- <b:includable id='comment_count_picker' var='post'>
- <b:if cond='data:post.commentSource == 1'>
- <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
- </span>
- <b:else/>
- <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
- <data:post.commentLabelFull/>:
- </a>
- </b:if>
- </b:includable>
- <b:includable id='comment_picker' var='post'>
- <b:if cond='data:post.commentSource == 1'>
- <b:include data='post' name='iframe_comments'/>
- <b:else/>
- <b:if cond='data:post.showThreadedComments'>
- <b:include data='post' name='threaded_comments'/>
- <b:else/>
- <b:include data='post' name='comments'/>
- </b:if>
- </b:if>
- </b:includable>
- <b:includable id='comments' var='post'>
- <div class='comments' id='comments'>
- <a name='comments'/>
- <b:if cond='data:post.allowComments'>
- <h4><data:post.commentLabelFull/>:</h4>
- <b:if cond='data:post.commentPagingRequired'>
- <span class='paging-control-container'>
- <b:if cond='data:post.hasOlderLinks'>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
-  
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
-  
- </b:if>
- <data:post.commentRangeText/>
- <b:if cond='data:post.hasNewerLinks'>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
- </b:if>
- </span>
- </b:if>
- <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
- <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
- <b:loop values='data:post.comments' var='comment'>
- <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
- <b:if cond='data:comment.favicon'>
- <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
- </b:if>
- <a expr:name='data:comment.anchorName'/>
- <b:if cond='data:blog.enabledCommentProfileImages'>
- <data:comment.authorAvatarImage/>
- </b:if>
- <b:if cond='data:comment.authorUrl'>
- <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
- <b:else/>
- <data:comment.author/>
- </b:if>
- <data:commentPostedByMsg/>
- </dt>
- <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
- <b:if cond='data:comment.isDeleted'>
- <span class='deleted-comment'><data:comment.body/></span>
- <b:else/>
- <p>
- <data:comment.body/>
- </p>
- </b:if>
- </dd>
- <dd class='comment-footer'>
- <span class='comment-timestamp'>
- <a expr:href='data:comment.url' title='comment permalink'>
- <data:comment.timestamp/>
- </a>
- <b:include data='comment' name='commentDeleteIcon'/>
- </span>
- </dd>
- </b:loop>
- </dl>
- </div>
- <b:if cond='data:post.commentPagingRequired'>
- <span class='paging-control-container'>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
- <data:post.oldestLinkText/>
- </a>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
- <data:post.olderLinkText/>
- </a>
-  
- <data:post.commentRangeText/>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
- <data:post.newerLinkText/>
- </a>
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
- <data:post.newestLinkText/>
- </a>
- </span>
- </b:if>
- <p class='comment-footer'>
- <b:if cond='data:post.embedCommentForm'>
- <b:if cond='data:post.allowNewComments'>
- <b:include data='post' name='comment-form'/>
- <b:else/>
- <data:post.noNewCommentsText/>
- </b:if>
- <b:else/>
- <b:if cond='data:post.allowComments'>
- <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
- </b:if>
- </b:if>
- </p>
- </b:if>
- <b:if cond='data:showCmtPopup'>
- <div id='comment-popup'>
- <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
- </iframe>
- </div>
- </b:if>
- <div id='backlinks-container'>
- <div expr:id='data:widget.instanceId + "_backlinks-container"'>
- <b:if cond='data:post.showBacklinks'>
- <b:include data='post' name='backlinks'/>
- </b:if>
- </div>
- </div>
- </div>
- </b:includable>
- <b:includable id='feedLinks'>
- <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
- <b:if cond='data:feedLinks'>
- <div class='blog-feeds'>
- <b:include data='feedLinks' name='feedLinksBody'/>
- </div>
- </b:if>
- <b:else/> <!--Post feed links -->
- <div class='post-feeds'>
- <b:loop values='data:posts' var='post'>
- <b:if cond='data:post.allowComments'>
- <b:if cond='data:post.feedLinks'>
- <b:include data='post.feedLinks' name='feedLinksBody'/>
- </b:if>
- </b:if>
- </b:loop>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='feedLinksBody' var='links'>
- <div class='feed-links'>
- <data:feedLinksMsg/>
- <b:loop values='data:links' var='f'>
- <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
- </b:loop>
- </div>
- </b:includable>
- <b:includable id='iframe_comments' var='post'>
- <b:if cond='data:post.allowIframeComments'>
- <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
- <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
- <b:if cond='data:post.embedCommentForm == "false"'>
- <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
- </b:if>
- </b:if>
- </b:includable>
- <b:includable id='mobile-index-post' var='post'>
- <div class='mobile-date-outer date-outer'>
- <b:if cond='data:post.dateHeader'>
- <div class='date-header'>
- <span><data:post.dateHeader/></span>
- </div>
- </b:if>
- <div class='mobile-post-outer'>
- <a expr:href='data:post.url'>
- <h3 class='mobile-index-title entry-title' itemprop='name'>
- <data:post.title/>
- </h3>
- <div class='mobile-index-arrow'>&rsaquo;</div>
- <div class='mobile-index-contents'>
- <b:if cond='data:post.thumbnailUrl'>
- <div class='mobile-index-thumbnail'>
- <div class='Image'>
- <img expr:src='data:post.thumbnailUrl'/>
- </div>
- </div>
- </b:if>
- <div class='post-body'>
- <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
- </div>
- </div>
- <div style='clear: both;'/>
- </a>
- <div class='mobile-index-comment'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:post.allowComments'>
- <b:if cond='data:post.numComments != 0'>
- <b:include data='post' name='comment_count_picker'/>
- </b:if>
- </b:if>
- </b:if>
- </div>
- </div>
- </div>
- </b:includable>
- <b:includable id='mobile-main' var='top'>
- <!-- posts -->
- <div class='blog-posts hfeed'>
- <b:include data='top' name='status-message'/>
- <b:if cond='data:blog.pageType == "index"'>
- <b:loop values='data:posts' var='post'>
- <b:include data='post' name='mobile-index-post'/>
- </b:loop>
- <b:else/>
- <b:loop values='data:posts' var='post'>
- <b:include data='post' name='mobile-post'/>
- </b:loop>
- </b:if>
- </div>
- <b:include name='mobile-nextprev'/>
- </b:includable>
- <b:includable id='mobile-nextprev'>
- <div class='blog-pager' id='blog-pager'>
- <b:if cond='data:newerPageUrl'>
- <div class='mobile-link-button' id='blog-pager-newer-link'>
- <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
- </div>
- </b:if>
- <b:if cond='data:olderPageUrl'>
- <div class='mobile-link-button' id='blog-pager-older-link'>
- <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
- </div>
- </b:if>
- <div class='mobile-link-button' id='blog-pager-home-link'>
- <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
- </div>
- <div class='mobile-desktop-link'>
- <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
- </div>
- </div>
- <div class='clear'/>
- </b:includable>
- <b:includable id='mobile-post' var='post'>
- <div class='date-outer'>
- <b:if cond='data:post.dateHeader'>
- <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
- </b:if>
- <div class='date-posts'>
- <div class='post-outer'>
- <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
- <b:if cond='data:post.thumbnailUrl'>
- <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
- </b:if>
- <meta expr:content='data:blog.blogId' itemprop='blogId'/>
- <meta expr:content='data:post.id' itemprop='postId'/>
- <a expr:name='data:post.id'/>
- <b:if cond='data:post.title'>
- <h3 class='post-title entry-title' itemprop='name'>
- <b:if cond='data:post.link'>
- <a expr:href='data:post.link'><data:post.title/></a>
- <b:else/>
- <b:if cond='data:post.url'>
- <b:if cond='data:blog.url != data:post.url'>
- <a expr:href='data:post.url'><data:post.title/></a>
- <b:else/>
- <data:post.title/>
- </b:if>
- <b:else/>
- <data:post.title/>
- </b:if>
- </b:if>
- </h3>
- </b:if>
- <div class='post-header'>
- <div class='post-header-line-1'/>
- </div>
- <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
- <data:post.body/>
- <div style='clear: both;'/> <!-- clear for photos floats -->
- </div>
- <div class='post-footer'>
- <div class='post-footer-line post-footer-line-1'>
- <span class='post-author vcard'>
- <b:if cond='data:top.showAuthor'>
- <b:if cond='data:post.authorProfileUrl'>
- <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
- <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
- <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
- <span itemprop='name'><data:post.author/></span>
- </a>
- </span>
- <b:else/>
- <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
- <span itemprop='name'><data:post.author/></span>
- </span>
- </b:if>
- </b:if>
- </span>
- <span class='post-timestamp'>
- <b:if cond='data:top.showTimestamp'>
- <data:top.timestampLabel/>
- <b:if cond='data:post.url'>
- <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
- <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
- </b:if>
- </b:if>
- </span>
- <span class='post-comment-link'>
- <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:post.allowComments'>
- <b:include data='post' name='comment_count_picker'/>
- </b:if>
- </b:if>
- </b:if>
- </span>
- </div>
- <div class='post-footer-line post-footer-line-2'>
- <b:if cond='data:top.showMobileShare'>
- <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
- <a href='javascript:void(0);'><data:shareMsg/></a>
- </div>
- </b:if>
- <b:if cond='data:top.showDummy'>
- <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
- </b:if>
- </div>
- </div>
- </div>
- <b:if cond='data:blog.pageType == "static_page"'>
- <b:include data='post' name='comment_picker'/>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <b:include data='post' name='comment_picker'/>
- </b:if>
- </div>
- </div>
- </div>
- </b:includable>
- <b:includable id='nextprev'>
- <div class='blog-pager' id='blog-pager'>
- <b:if cond='data:newerPageUrl'>
- <span id='blog-pager-newer-link'>
- <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
- </span>
- </b:if>
- <b:if cond='data:olderPageUrl'>
- <span id='blog-pager-older-link'>
- <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
- </span>
- </b:if>
- <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
- <b:if cond='data:mobileLinkUrl'>
- <div class='blog-mobile-link'>
- <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
- </div>
- </b:if>
- </div>
- <div class='clear'/>
- </b:includable>
- <b:includable id='post' var='post'>
- <div class='post hentry'>
- <a expr:name='data:post.id'/>
- <b:if cond='data:post.title'>
- <b:if cond='data:blog.pageType == "index"'>
- <b:if cond='data:post.thumbnailUrl'>
- <a expr:href='data:post.url'><div class='homepage-thumbnail'><script type='text/javascript'>document.write(homepage_thumbnail_resize("<data:post.thumbnailUrl/>","<data:blog.title/>"));</script></div></a>
- <b:else/>
- <b:if cond='data:post.firstImageUrl'>
- <a expr:href='data:post.url'><div class='homepage-thumbnail'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div></a>
- <b:else/>
- <a expr:href='data:post.url'><div class='homepage-thumbnail'><img expr:alt='data:post.title' expr:title='data:post.title' src='https://1.bp.blogspot.com/-XoS3ngLGa8E/W5kdOsDL1lI/AAAAAAAACRw/AccoZUbLQFQmg5wRfF5Ow8SffwGiFZiXQCLcBGAs/s320/blogkimchi-monqua.png'/></div></a>
- </b:if>
- </b:if>
- </b:if>
- <h3 class='post-title entry-title'>
- <b:if cond='data:post.link'>
- <a expr:href='data:post.link'><data:post.title/></a>
- <b:else/>
- <b:if cond='data:post.url'>
- <b:if cond='data:blog.url != data:post.url'>
- <a expr:href='data:post.url'><data:post.title/></a>
- <b:else/>
- <data:post.title/>
- </b:if>
- <b:else/>
- <data:post.title/>
- </b:if>
- </b:if>
- </h3>
- </b:if>
- <div class='post-header'>
- <div class='post-header-line-1'/>
- <b:if cond='data:blog.pageType != "index"'>
- <!-- Quảng cáo dưới tên bài viết -->
- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- ViTriDau_BaiViet -->
- <ins class="adsbygoogle"
- style="display:block"
- data-ad-client="ca-pub-8410404233753270"
- data-ad-slot="4337498126"
- data-ad-format="link"
- data-full-width-responsive="true"></ins>
- <script>
- (adsbygoogle = window.adsbygoogle || []).push({});
- </script>
- <br/>
- <!-- Widget bài viết liên quan (2) -->
- <b:if cond='data:blog.pageType == "item"'>
- <div id='related-posts'>
- <div style=''/>
- <font color='#FF0000'> <!-- Màu chữ label -->
- <b:loop values='data:post.labels' var='label'>
- <b:if cond='data:label.isLast != "true"'>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=3"' type='text/javascript'/>
- </b:if>
- </b:loop>
- </font>
- <script type='text/javascript'>
- removeRelatedDuplicates();
- printRelatedLabels();
- </script>
- </div>
- </b:if>
- </b:if> </div>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:post.dateHeader'>
- <script>var ultimaFecha = '<data:post.dateHeader/>';</script>
- <h2 class='date-header'><data:post.dateHeader/></h2>
- <b:else/>
- <h2 class='date-header'><script>document.write(ultimaFecha);</script>
- </h2>
- </b:if>
- </b:if>
- <div class='post-body entry-content'>
- <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <div>
- <data:post.snippet/>
- <div class='entry-meta'>
- <span class='jump-link'>
- <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
- </span> <span class='post-comment-link'>
- <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:post.allowComments'>
- <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/> </b:if></a>
- </b:if>
- </b:if>
- </b:if>
- </span>
- </div>
- </div>
- <b:else/>
- <data:post.body/>
- </b:if>
- <b:else/>
- <data:post.body/>
- </b:if>
- <!-- Post Share Code Start-->
- <div class='shared'>
- <div class='fb-save' data-size='small'/><div class='fb-share-button' data-layout='button_count' data-mobile-iframe='true' data-size='small'><a class='fb-xfbml-parse-ignore' href='https://www.facebook.com/sharer/sharer.php?u&src=sdkpreparse' target='_blank'>Chia sẻ</a></div>
- </div>
- <!-- Post Share Code End-->
- <b:if cond='data:blog.pageType == "item"'>
- <b:if cond='data:blog.pageType == "item"'>
- <div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='100%' expr:data-href='data:post.canonicalUrl'/>
- <div class='fb-quote'/>
- </b:if>
- <div style='text-align: center;'>
- <!-- ads cuoi bai_anh-->
- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- CuoiBai_Tren_Bvlq -->
- <ins class="adsbygoogle"
- style="display:block"
- data-ad-client="ca-pub-8410404233753270"
- data-ad-slot="7764116551"
- data-ad-format="link"
- data-full-width-responsive="true"></ins>
- <script>
- (adsbygoogle = window.adsbygoogle || []).push({});
- </script>
- <!--the end-->
- <br/><br/>
- </div>
- <b:if cond='data:blog.pageType == "item"'>
- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <ins class="adsbygoogle"
- style="display:block; text-align:center;"
- data-ad-layout="in-article"
- data-ad-format="fluid"
- data-ad-client="ca-pub-8410404233753270"
- data-ad-slot="4983339655"></ins>
- <script>
- (adsbygoogle = window.adsbygoogle || []).push({});
- </script>
- </b:if>
- </b:if>
- <div style='clear: both;'/> <!-- clear for photos floats -->
- </div>
- <div class='post-footer'>
- <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
- <b:if cond='data:top.showAuthor'>
- <data:top.authorLabel/>
- <span class='fn'><data:post.author/></span>
- </b:if>
- </span> <span class='post-timestamp'>
- <b:if cond='data:top.showTimestamp'>
- <data:top.timestampLabel/>
- <b:if cond='data:post.url'>
- <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
- </b:if>
- </b:if>
- </span> <span class='post-icons'>
- <!-- email post links -->
- <b:if cond='data:post.emailPostUrl'>
- <span class='item-action'>
- <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
- <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
- </a>
- </span>
- </b:if>
- <!-- quickedit pencil -->
- <b:include data='post' name='postQuickEdit'/>
- </span> <div class='post-share-buttons'>
- <b:if cond='data:post.sharePostUrl'>
- <b:include data='post' name='shareButtons'/>
- </b:if>
- </div> </div>
- <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
- <b:if cond='data:post.labels'>
- <data:postLabelsLabel/>
- <b:loop values='data:post.labels' var='label'>
- <a expr:href='data:label.url + "?&max-results=6"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
- </b:loop>
- </b:if>
- </span> </div>
- <div class='post-footer-line post-footer-line-3'><span class='post-location'>
- <b:if cond='data:top.showLocation'>
- <b:if cond='data:post.location'>
- <data:postLocationLabel/>
- <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
- </b:if>
- </b:if>
- </span> </div>
- </div>
- </div>
- </b:includable>
- <b:includable id='postQuickEdit' var='post'>
- <b:if cond='data:post.editUrl'>
- <span expr:class='"item-control " + data:post.adminClass'>
- <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
- <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
- </a>
- </span>
- </b:if>
- </b:includable>
- <b:includable id='shareButtons' var='post'>
- <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=orkut"' 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 + "&target=pinterest"' 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>
- </b:includable>
- <b:includable id='status-message'>
- <b:if cond='data:navMessage'>
- <div class='status-msg-wrap'>
- <div class='status-msg-body'>
- <data:navMessage/>
- </div>
- <div class='status-msg-border'>
- <div class='status-msg-bg'>
- <div class='status-msg-hidden'><data:navMessage/></div>
- </div>
- </div>
- </div>
- <div style='clear: both;'/>
- </b:if>
- </b:includable>
- <b:includable id='threaded-comment-form' var='post'>
- <div class='comment-form'>
- <a name='comment-form'/>
- <b:if cond='data:mobile'>
- <p><data:blogCommentMessage/></p>
- <data:blogTeamBlogMessage/>
- <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
- <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%'/>
- <b:else/>
- <p><data:blogCommentMessage/></p>
- <data:blogTeamBlogMessage/>
- <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
- <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
- </b:if>
- <data:post.friendConnectJs/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
- </script>
- </div>
- </b:includable>
- <b:includable id='threaded_comment_js' var='post'>
- <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
- <script type='text/javascript'>
- (function() {
- var items = <data:post.commentJso/>;
- var msgs = <data:post.commentMsgs/>;
- var config = <data:post.commentConfig/>;
- // <![CDATA[
- var cursor = null;
- if (items && items.length > 0) {
- cursor = parseInt(items[items.length - 1].timestamp) + 1;
- }
- var bodyFromEntry = function(entry) {
- if (entry.gd$extendedProperty) {
- for (var k in entry.gd$extendedProperty) {
- if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
- return '<span class="deleted-comment">' + entry.content.$t + '</span>';
- }
- }
- }
- return entry.content.$t;
- }
- var parse = function(data) {
- cursor = null;
- var comments = [];
- if (data && data.feed && data.feed.entry) {
- for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
- var comment = {};
- // comment ID, parsed out of the original id format
- var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
- comment.id = id ? id[2] : null;
- comment.body = bodyFromEntry(entry);
- comment.timestamp = Date.parse(entry.published.$t) + '';
- if (entry.author && entry.author.constructor === Array) {
- var auth = entry.author[0];
- if (auth) {
- comment.author = {
- name: (auth.name ? auth.name.$t : undefined),
- profileUrl: (auth.uri ? auth.uri.$t : undefined),
- avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
- };
- }
- }
- if (entry.link) {
- if (entry.link[2]) {
- comment.link = comment.permalink = entry.link[2].href;
- }
- if (entry.link[3]) {
- var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
- if (pid && pid[1]) {
- comment.parentId = pid[1];
- }
- }
- }
- comment.deleteclass = 'item-control blog-admin';
- if (entry.gd$extendedProperty) {
- for (var k in entry.gd$extendedProperty) {
- if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
- comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
- } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
- comment.displayTime = entry.gd$extendedProperty[k].value;
- }
- }
- }
- comments.push(comment);
- }
- }
- return comments;
- };
- var paginator = function(callback) {
- if (hasMore()) {
- var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
- if (cursor) {
- url += '&published-min=' + new Date(cursor).toISOString();
- }
- window.bloggercomments = function(data) {
- var parsed = parse(data);
- cursor = parsed.length < 50 ? null
- : parseInt(parsed[parsed.length - 1].timestamp) + 1
- callback(parsed);
- window.bloggercomments = null;
- }
- url += '&callback=bloggercomments';
- var script = document.createElement('script');
- script.type = 'text/javascript';
- script.src = url;
- document.getElementsByTagName('head')[0].appendChild(script);
- }
- };
- var hasMore = function() {
- return !!cursor;
- };
- var getMeta = function(key, comment) {
- if ('iswriter' == key) {
- var matches = !!comment.author
- && comment.author.name == config.authorName
- && comment.author.profileUrl == config.authorUrl;
- return matches ? 'true' : '';
- } else if ('deletelink' == key) {
- return config.baseUri + '/delete-comment.g?blogID='
- + config.blogId + '&postID=' + comment.id;
- } else if ('deleteclass' == key) {
- return comment.deleteclass;
- }
- return '';
- };
- var replybox = null;
- var replyUrlParts = null;
- var replyParent = undefined;
- var onReply = function(commentId, domId) {
- if (replybox == null) {
- // lazily cache replybox, and adjust to suit this style:
- replybox = document.getElementById('comment-editor');
- if (replybox != null) {
- replybox.height = '250px';
- replybox.style.display = 'block';
- replyUrlParts = replybox.src.split('#');
- }
- }
- if (replybox && (commentId !== replyParent)) {
- document.getElementById(domId).insertBefore(replybox, null);
- replybox.src = replyUrlParts[0]
- + (commentId ? '&parentID=' + commentId : '')
- + '#' + replyUrlParts[1];
- replyParent = commentId;
- }
- };
- var hash = (window.location.hash || '#').substring(1);
- var startThread, targetComment;
- if (/^comment-form_/.test(hash)) {
- startThread = hash.substring('comment-form_'.length);
- } else if (/^c[0-9]+$/.test(hash)) {
- targetComment = hash.substring(1);
- }
- // Configure commenting API:
- var configJso = {
- 'maxDepth': config.maxThreadDepth
- };
- var provider = {
- 'id': config.postId,
- 'data': items,
- 'loadNext': paginator,
- 'hasMore': hasMore,
- 'getMeta': getMeta,
- 'onReply': onReply,
- 'rendered': true,
- 'initComment': targetComment,
- 'initReplyThread': startThread,
- 'config': configJso,
- 'messages': msgs
- };
- var render = function() {
- if (window.goog && window.goog.comments) {
- var holder = document.getElementById('comment-holder');
- window.goog.comments.render(holder, provider);
- }
- };
- // render now, or queue to render when library loads:
- if (window.goog && window.goog.comments) {
- render();
- } else {
- window.goog = window.goog || {};
- window.goog.comments = window.goog.comments || {};
- window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
- window.goog.comments.loadQueue.push(render);
- }
- })();
- // ]]>
- </script>
- </b:includable>
- <b:includable id='threaded_comments' var='post'>
- <div class='comments' id='comments'>
- <a name='comments'/>
- <h4><data:post.commentLabelFull/>:</h4>
- <div class='comments-content'>
- <b:if cond='data:post.embedCommentForm'>
- <b:include data='post' name='threaded_comment_js'/>
- </b:if>
- <div id='comment-holder'>
- <data:post.commentHtml/>
- </div>
- </div>
- <p class='comment-footer'>
- <b:if cond='data:post.allowNewComments'>
- <b:include data='post' name='threaded-comment-form'/>
- <b:else/>
- <data:post.noNewCommentsText/>
- </b:if>
- </p>
- <b:if cond='data:showCmtPopup'>
- <div id='comment-popup'>
- <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
- </iframe>
- </div>
- </b:if>
- <div id='backlinks-container'>
- <div expr:id='data:widget.instanceId + "_backlinks-container"'>
- <b:if cond='data:post.showBacklinks'>
- <b:include data='post' name='backlinks'/>
- </b:if>
- </div>
- </div>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- <!--Page Navigation Starts-->
- <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "error_page"'>
- <script type='text/javascript'>
- //<![CDATA[
- var perPage=6;
- var numPages=6;
- var firstText ='First';
- var lastText ='Last';
- var prevText ='«';
- var nextText ='»';
- var urlactivepage=location.href;
- var home_page="/";
- eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5(18 O=="1a"){O="1w"}5(18 P=="1a"){P="1x"}6 L;6 o;6 m;6 u;1b();F 1c(f){6 d="";M=N(Q/2);5(M==Q-M){Q=M*2+1}E=m-M;5(E<1){E=1}i=N(f/p)+1;5(i-1==f/p){i=i-1}G=E+Q-1;5(G>i){G=i}d+="<4 7=\'1y\'>1z "+m+" 1A "+i+"</4>";6 e=N(m)-1;5(m>1){5(o=="r"){d+=\'<4 7="1d 1e"><a 9="\'+C+\'">\'+O+"</a></4>"}j{d+=\'<4 7="k 1e"><a 9="/v/w/\'+u+"?&l-s="+p+\'">\'+O+"</a></4>"}}5(m>2){5(m==3){5(o=="r"){d+=\'<4 7="1d"><a 9="\'+C+\'">\'+R+"</a></4>"}j{d+=\'<4 7="k"><a 9="/v/w/\'+u+"?&l-s="+p+\'">\'+R+"</a></4>"}}j{5(o=="r"){d+=\'<4 7="k"><a 9="#" x="H(\'+e+\');y z">\'+R+"</a></4>"}j{d+=\'<4 7="k"><a 9="#" x="I(\'+e+\');y z">\'+R+"</a></4>"}}}5(E>1){5(o=="r"){d+=\'<4 7="k"><a 9="\'+C+\'">1</a></4>\'}j{d+=\'<4 7="k"><a 9="/v/w/\'+u+"?&l-s="+p+\'">1</a></4>\'}}5(E>2){d+=" ... "}1f(6 g=E;g<=G;g++){5(m==g){d+=\'<4 7="1B">\'+g+"</4>"}j{5(g==1){5(o=="r"){d+=\'<4 7="k"><a 9="\'+C+\'">1</a></4>\'}j{d+=\'<4 7="k"><a 9="/v/w/\'+u+"?&l-s="+p+\'">1</a></4>\'}}j{5(o=="r"){d+=\'<4 7="k"><a 9="#" x="H(\'+g+\');y z">\'+g+"</a></4>"}j{d+=\'<4 7="k"><a 9="#" x="I(\'+g+\');y z">\'+g+"</a></4>"}}}}5(G<i-1){d+="..."}5(G<i){5(o=="r"){d+=\'<4 7="k"><a 9="#" x="H(\'+i+\');y z">\'+i+"</a></4>"}j{d+=\'<4 7="k"><a 9="#" x="I(\'+i+\');y z">\'+i+"</a></4>"}}6 a=N(m)+1;5(m<(i-1)){5(o=="r"){d+=\'<4 7="k"><a 9="#" x="H(\'+a+\');y z">\'+1g+"</a></4>"}j{d+=\'<4 7="k"><a 9="#" x="I(\'+a+\');y z">\'+1g+"</a></4>"}}5(m<i){5(o=="r"){d+=\'<4 7="k 1h"><a 9="#" x="H(\'+i+\');y z">\'+P+"</a></4>"}j{d+=\'<4 7="k 1h"><a 9="#" x="I(\'+i+\');y z">\'+P+"</a></4>"}}6 c=D.1C("1D");6 b=D.1E("1F-1G");1f(6 h=0;h<c.S;h++){c[h].1i=d}5(c&&c.S>0){d=""}5(b){b.1i=d}}F 15(a){6 c=a.1j;6 b=N(c.1H$1I.$t,10);1c(b)}F 1b(){6 a=B;5(a.n("/v/w/")!=-1){5(a.n("?T-l")!=-1){u=a.J(a.n("/v/w/")+14,a.n("?T-l"))}j{u=a.J(a.n("/v/w/")+14,a.n("?&l"))}}5(a.n("?q=")==-1&&a.n(".1J")==-1){5(a.n("/v/w/")==-1){o="r";5(B.n("#K=")!=-1){m=B.J(B.n("#K=")+8,B.S)}j{m=1}D.1k(\'<A U="\'+C+\'V/W/X?l-s=1&Y=Z-11-A&12=15"><\\/A>\')}j{o="w";5(a.n("&l-s=")==-1){p=1K}5(B.n("#K=")!=-1){m=B.J(B.n("#K=")+8,B.S)}j{m=1}D.1k(\'<A U="\'+C+"V/W/X/-/"+u+\'?Y=Z-11-A&12=15&l-s=1" ><\\/A>\')}}}F H(a){13=(a-1)*p;L=a;6 b=D.1l("1m")[0];6 c=D.1n("A");c.1o="1p/1q";c.1r("U",C+"V/W/X?1s-1t="+13+"&l-s=1&Y=Z-11-A&12=16");b.1u(c)}F I(a){13=(a-1)*p;L=a;6 b=D.1l("1m")[0];6 c=D.1n("A");c.1o="1p/1q";c.1r("U",C+"V/W/X/-/"+u+"?1s-1t="+13+"&l-s=1&Y=Z-11-A&12=16");b.1u(c)}F 16(c){17=c.1j.1L[0];6 a=17.1v.$t.J(0,19)+17.1v.$t.J(1M,1N);6 d=1O(a);5(o=="r"){6 b="/v?T-l="+d+"&l-s="+p+"#K="+L}j{6 b="/v/w/"+u+"?T-l="+d+"&l-s="+p+"#K="+L}1P.9=b};',62,114,'||||span|if|var|class||href|||||||||lastPageNo|else|displaypageNum|max|currentPageNo|indexOf|currentPage|perPage||page|results||postLabel|search|label|onclick|return|false|script|urlactivepage|home_page|document|pageStart|function|pageEnd|redirectpage|redirectlabel|substring|PageNo|noPage|pageNumber|parseInt|firstText|lastText|numPages|prevText|length|updated|src|feeds|posts|summary|alt|json||in|callback|jsonstart||totalcountdata|finddatepost|post|typeof||undefined|pagecurrentg|looppagecurrentg|showpage|firstpage|for|nextText|lastpage|innerHTML|feed|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|published|First|Last|showpageOf|Page|of|pagecurrent|getElementsByName|pageArea|getElementById|blog|pager|openSearch|totalResults|html|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
- //]]>
- </script>
- </b:if>
- </b:if>
- </b:if>
- <!--Page Navigation Ends -->
- </div> <!-- end container -->
- <div id='sidebar-wrapper'>
- <b:section class='sidebar' id='sidebar' preferred='yes'>
- <b:widget id='BlogSearch1' locked='false' title='Bạn muốn tìm gì?' type='BlogSearch'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <h2 class='title'><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <div expr:id='data:widget.instanceId + "_form"'>
- <form class='gsc-search-box' expr:action='data:blog.searchUrl'>
- <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
- <table cellpadding='0' cellspacing='0' class='gsc-search-box'>
- <tbody>
- <tr>
- <td class='gsc-input'>
- <input autocomplete='off' class='gsc-input' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' size='10' title='search' type='text'/>
- </td>
- <td class='gsc-search-button'>
- <input class='gsc-search-button' expr:value='data:messages.search' title='search' type='submit'/>
- </td>
- </tr>
- </tbody>
- </table>
- </form>
- </div>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- <b:widget id='PopularPosts1' locked='false' title='Bài xem nhiều nhất' type='PopularPosts'>
- <b:widget-settings>
- <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
- <b:widget-setting name='showThumbnails'>false</b:widget-setting>
- <b:widget-setting name='showSnippets'>false</b:widget-setting>
- <b:widget-setting name='timeRange'>LAST_MONTH</b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
- <div class='widget-content popular-posts'>
- <ul>
- <b:loop values='data:posts' var='post'>
- <li>
- <b:if cond='!data:showThumbnails'>
- <b:if cond='!data:showSnippets'>
- <!-- (1) No snippet/thumbnail -->
- <a expr:href='data:post.href'><data:post.title/></a>
- <b:else/>
- <!-- (2) Show only snippets -->
- <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
- <div class='item-snippet'><data:post.snippet/></div>
- </b:if>
- <b:else/>
- <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
- <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
- <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
- <div class='item-thumbnail'>
- <a expr:href='data:post.href' target='_blank'>
- <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'>
- <img alt='' border='0' expr:src='data:image'/>
- </b:with>
- </a>
- </div>
- </b:if>
- <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
- <b:if cond='data:showSnippets'>
- <div class='item-snippet'><data:post.snippet/></div>
- </b:if>
- </div>
- <div style='clear: both;'/>
- </b:if>
- </li>
- </b:loop>
- </ul>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='HTML6' locked='false' title='' type='HTML'>
- <b:widget-settings>
- <b:widget-setting name='content'><div style="text-align: center;">
- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- Tab_Ben_Vuong -->
- <ins class="adsbygoogle"
- style="display:inline-block;width:336px;height:280px"
- data-ad-client="ca-pub-8410404233753270"
- data-ad-slot="4557965682"></ins>
- <script>
- (adsbygoogle = window.adsbygoogle || []).push({});
- </script>
- </div></b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <h2 class='title'><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <data:content/>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- <b:widget id='HTML5' locked='false' title='' type='HTML'>
- <b:widget-settings>
- <b:widget-setting name='content'><![CDATA[<a href="http://www.blogkimchi.com/2016/11/bao-gia-sach-tieng-han.html"><img src="https://lh4.googleusercontent.com/-Ijt92_d6gdc/WnKwF8I_rRI/AAAAAAAABvQ/Lr99Msd25TQs7uAio4yHlaL-flaIz8QyACLcBGAs/s1600/23qjjv.gif" /></a>]]></b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <h2 class='title'><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <data:content/>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- <b:widget id='HTML3' locked='false' title='' type='HTML'>
- <b:widget-settings>
- <b:widget-setting name='content'><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- <!-- Tab_BenPhai_HTML -->
- <ins class="adsbygoogle"
- style="display:block"
- data-ad-client="ca-pub-8410404233753270"
- data-ad-slot="2474779784"
- data-ad-format="auto"
- data-full-width-responsive="true"></ins>
- <script>
- (adsbygoogle = window.adsbygoogle || []).push({});
- </script></b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <h2 class='title'><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <data:content/>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- <b:widget id='Label1' locked='false' title='Chủ đề' type='Label' version='1'>
- <b:widget-settings>
- <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
- <b:widget-setting name='display'>CLOUD</b:widget-setting>
- <b:widget-setting name='selectedLabelsList'/>
- <b:widget-setting name='showType'>ALL</b:widget-setting>
- <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <b:if cond='data:title'>
- <h2><data:title/></h2>
- </b:if>
- <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
- <b:if cond='data:display == "list"'>
- <ul>
- <b:loop values='data:labels' var='label'>
- <li>
- <b:if cond='data:blog.url == data:label.url'>
- <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
- <b:else/>
- <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
- </b:if>
- <b:if cond='data:showFreqNumbers'>
- <span dir='ltr'>(<data:label.count/>)</span>
- </b:if>
- </li>
- </b:loop>
- </ul>
- <b:else/>
- <b:loop values='data:labels' var='label'>
- <span expr:class='"label-size label-size-" + data:label.cssSize'>
- <b:if cond='data:blog.url == data:label.url'>
- <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
- <b:else/>
- <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
- </b:if>
- <b:if cond='data:showFreqNumbers'>
- <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
- </b:if>
- </span>
- </b:loop>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- <!-- spacer for skins that want sidebar and main to be the same height-->
- <div class='clear'> </div>
- </div> <!-- end content-wrapper -->
- <div id='footer-wrapper'>
- <b:section class='footer' id='footer'/>
- </div>
- </div></div> <!-- end outer-wrapper -->
- <div class='back-to-top'>
- <a href='#' id='back-to-top' title='back to top'><i class='icon-angle-up'/></a>
- </div>
- <!-- Do not remove the credit link - Jangan menghapus link credit dibawah ini -->
- <div id='credit-wrapper'>
- <div class='credit'>
- Copyright © 2015. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a>
- </div>
- </div>
- <!-- Global site tag (gtag.js) - Google Analytics -->
- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-90431084-1"></script>
- <script>
- window.dataLayer = window.dataLayer || [];
- function gtag(){dataLayer.push(arguments);}
- gtag('js', new Date());
- gtag('config', 'UA-90431084-1');
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement