<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.1.1' 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> <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/> <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet'/> <meta content='width=device-width, initial-scale=1' name='viewport'/> <title>DEMO LINKTHUTHUAT</title> <b:include data='blog' name='all-head-content'/> <script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/> <b:skin><![CDATA[ ]]></b:skin> <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/> <b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: &quot;.bg-photo&quot;, imageSizes: [480, 640, 800, 1200, 1600] }' name='responsiveImageStyle'/> </head> <body> <style type='text/css'> html{height:100%}body{background:#000000;color:#ffffff;margin:0;min-height:100%;height:100%;position:relative}.hub{display:block;font-family:sans-serif;font-weight:bold;font-size:9vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hub span:nth-child(2){background:#FF9900;color:#000000;border-radius:1vw;padding:0 1vw 1vw 1vw;display:inline-block}.saveImg{color:#fff;text-decoration:none;font-size:25px;font-weight:bold;font-family:sans-serif;border:1px dashed;padding:15px;border-radius:100px;float:left; padding-left: 20px; padding-right: 20px} </style> <div class='hub'> <span contenteditable='true' id='name1' style='outline: none'>TKN</span> <span contenteditable='true' id='name2' style='outline: none'>Blog</span> </div> <div> <a class='saveImg' href='javascript:void(0)' id='saveImg'>Lưu Ảnh</a> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'/> <script src='https://cdn.rawgit.com/nbtkhanh/tknblog/master/saveImg.js'/> <script> $(document).ready(function(){ var element = $(&quot;body&quot;); $(&#39;#saveImg&#39;).on(&#39;click&#39;, function () { var name1 = $(&#39;#name1&#39;).text(); var name2 = $(&#39;#name2&#39;).text(); $(&#39;#name1&#39;).text(name1); $(&#39;#name2&#39;).text(name2); $(&quot;#saveImg&quot;).attr(&quot;style&quot;, &quot;display:none;&quot;); html2canvas(element, { onrendered: function (canvas) { var newData = canvas.toDataURL(&quot;image/png&quot;).replace(/^data:image\/png/, &quot;data:application/octet-stream&quot;); $(&quot;#saveImg&quot;).attr(&quot;href&quot;, newData); $(&quot;#saveImg&quot;).attr(&quot;style&quot;, &quot;display:block;&quot;); $(&quot;#saveImg&quot;).text(&quot;Tải xuống&quot;); } }); }); $(&#39;.saveImg&#39;).on(&#39;click&#39;, function () { $(&quot;#saveImg&quot;).attr(&quot;download&quot;, &quot;logo_PornHub_KhanhBlogger.png&quot;); }) }); </script> <div class='page'> <b:with value='data:widgets.AdSense any (w =&gt; w.sectionId == &quot;ads&quot;)' var='hasVerticalAds'> <div class='page_body'> <main class='centered-bottom' id='main' role='main' tabindex='-1'> <b:if cond='data:view.isMultipleItems'> </b:if> <b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessageHtml)'> <div class='post-filter-message'> <div> <b:if cond='data:view.isArchive'> <data:view.archive.rangeMessage/> <b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/> <data:view.search.resultsMessageHtml/> </b:if> </div> <div> <a class='flat-button ripple' expr:href='data:blog.homepageUrl'> <data:messages.showAll/> </a> </div> </div> </b:if> <b:if cond='data:blog.url != data:blog.homepageUrl'> <b:section class='main' id='page_body' name='Page Body' showaddelement='false'> <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog' version='2' visible='true'> <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='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='timestampLabel'/> <b:widget-setting name='showAuthorProfile'>false</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLabels'>false</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='postLabelsLabel'/> <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'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='noContentPlaceholder'/> <b:comment>Cap the total number of ads (widgets and inline ads).</b:comment> <b:with value='3' var='maxNumAds'> <b:with value='data:widgets.AdSense.size' var='numDesktopAds'> <b:with value='data:widgets.AdSense count (w =&gt; w.sectionId != &quot;ads&quot;)' var='numMobileAds'> <b:comment>Filter out the featured post, but only on the homepage.</b:comment> <b:with value='data:widgets.FeaturedPost filter (w =&gt; w.sectionId == &quot;page_body&quot;) map (w =&gt; w.postId)' var='featuredPostIds'> <b:with value='data:view.isHomepage ? data:posts filter (post =&gt; post.id not in data:featuredPostIds) : data:posts' var='posts'> <b:include name='super.main'/> </b:with> </b:with> </b:with> </b:with> </b:with> </b:includable> <b:includable id='aboutPostAuthor'> <div class='author-name'> <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'> <span> <data:post.author.name/> </span> </a> </div> <div> <span class='author-desc'> <data:post.author.aboutMe/> </span> </div> </b:includable> <b:includable id='addComments'> <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'> <b:message name='messages.postAComment'/> </a> </b:includable> <b:includable id='commentAuthorAvatar'> <div class='avatar-image-container'> <img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='&quot;item-control &quot; + 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:messages.deleteComment'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='commentForm' var='post'> <div class='comment-form'> <a name='comment-form'/> <h4 id='comment-post-message'><data:messages.postAComment/></h4> <b:if cond='data:this.messages.blogComment != &quot;&quot;'> <p><data:this.messages.blogComment/></p> </b:if> <b:include data='post' name='commentFormIframeSrc'/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;); </script> </div> </b:includable> <b:includable id='commentFormIframeSrc' var='post'> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> </b:includable> <b:includable id='commentItem' var='comment'> <div class='comment' expr:id='&quot;c&quot; + data:comment.id'> <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/> <div class='comment-block'> <div class='comment-author'> <b:if cond='data:comment.authorUrl'> <b:message name='messages.authorSaidWithLink'> <b:param expr:value='data:comment.author' name='authorName'/> <b:param expr:value='data:comment.authorUrl' name='authorUrl'/> </b:message> <b:else/> <b:message name='messages.authorSaid'> <b:param expr:value='data:comment.author' name='authorName'/> </b:message> </b:if> </div> <div expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'> <data:comment.body/> </div> <div 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> </div> </div> </div> </b:includable> <b:includable id='commentList' var='comments'> <div id='comments-block'> <b:loop values='data:comments' var='comment'> <b:include data='comment' name='commentItem'/> </b:loop> </div> </b:includable> <b:includable id='commentPicker' var='post'> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframeComments'/> <b:elseif cond='data:post.showThreadedComments'/> <b:include data='post' name='threadedComments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:includable> <b:includable id='comments' var='post'> <section expr:class='&quot;comments&quot; + (data:post.embedCommentForm ? &quot; embed&quot; : &quot;&quot;)' expr:data-num-comments='data:post.numberOfComments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <b:include name='commentsTitle'/> <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'> <b:include cond='data:post.comments' data='post.comments' name='commentList'/> </div> <b:if cond='data:post.commentPagingRequired'> <div class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:messages.oldest/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:messages.older/> </a> </b:if> <span class='comment-range-text'> <data:post.commentRangeText/> </span> <b:if cond='data:post.hasNewerLinks'> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:messages.newer/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:messages.newest/> </a> </b:if> </div> </b:if> <div class='footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='commentForm'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <b:include data='post' name='addComments'/> </b:if> </b:if> </div> </b:if> <b:if cond='data:showCmtPopup'> </b:if> </section> </b:includable> <b:includable id='commentsLink'> <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'> <b:include data='{ iconClass: &quot;touch-icon&quot; }' name='commentIcon'/> <span class='num_comments'> <b:if cond='data:post.numberOfComments &gt; 0'> <b:message name='messages.numberOfComments'> <b:param expr:value='data:post.numberOfComments' name='numComments'/> </b:message> <b:else/> <data:messages.postAComment/> </b:if> </span> </a> </b:includable> <b:includable id='commentsTitle'> <h3 class='title'><data:messages.comments/></h3> </b:includable> <b:includable id='defaultAdUnit'> <b:comment>Clear out style (needs to be a non-empty string)</b:comment> <b:with value='&quot;/* Done in css. */&quot;' var='style'> <b:include name='super.defaultAdUnit'/> </b:with> </b:includable> <b:includable id='feedLinks'> <b:comment>Don&#39;t show feed links.</b:comment> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:messages.subscribeTo/> <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='headerByline'> <b:include cond='data:view.isMultipleItems or data:widgets.Blog.first.headerByline.items.share' data='{ shareButtonClass: &quot;post-share-buttons-top&quot;, overridden: true }' name='maybeAddShareButtons'/> <b:include name='super.headerByline'/> </b:includable> <b:includable id='homePageLink'><b:comment>Don&#39;t show</b:comment></b:includable> <b:includable id='iframeComments' 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.url.canonical' expr:data-viewtype='data:post.viewType'/> <b:if cond='!data:post.embedCommentForm'> <b:include data='post' name='commentsLink'/> </b:if> </b:if> </b:includable> <b:includable id='inlineAd' var='post'> <div> <b:class cond='data:post.adNumber + data:numDesktopAds lt data:maxNumAds' name='desktop-ad'/> <b:class cond='data:post.adNumber + data:numMobileAds lt data:maxNumAds' name='mobile-ad'/> <b:include data='post' name='super.inlineAd'/> </div> </b:includable> <b:includable id='nextPageLink'> <a class='blog-pager-older-link flat-button ripple' expr:href='data:olderPageUrl' expr:title='data:messages.morePosts'> <data:messages.morePosts/> </a> </b:includable> <b:includable id='post' var='post'> <div class='post'> <b:include data='post' name='postMeta'/> <b:include data='post' name='postTitle'/> <b:include name='headerByline'/> <b:if cond='data:view.isSingleItem'> <b:include data='post' name='postBody'/> <b:else/> <b:include data='post' name='postBodySnippet'/> <b:include data='post' name='postJumpLink'/> </b:if> <b:include data='post' name='postFooter'/> </div> </b:includable> <b:includable id='postBody' var='post'> <!-- If metaDescription is empty, use the post body as the schema.org description too, for G+/FB snippeting. --> <div class='post-body entry-content float-container' expr:id='&quot;post-body-&quot; + data:post.id'> <data:post.body/> </div> </b:includable> <b:includable id='postBodySnippet' var='post'> <div class='container post-body entry-content' expr:id='&quot;post-snippet-&quot; + data:post.id'> <b:if cond='data:post.featuredImage'> <div class='snippet-thumbnail'> <b:include data='{ image: data:post.featuredImage, imageSizes: [32, 64, 128, 256], imageRatio: &quot;1:1&quot;, sourceSizes: &quot;(max-width: 800px) 20vw, 128px&quot; }' name='responsiveImage'/> </div> </b:if> <b:include cond='data:post' data='post' name='postSnippet'/> </div> </b:includable> <b:includable id='postCommentsAndAd' var='post'> <article class='post-outer-container'> <!-- Post title and body --> <div class='post-outer'> <b:include data='post' name='post'/> </div> <!-- Comments --> <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/> <!-- Show ad inside post container, after comments, if single item. --> <b:include cond='data:view.isSingleItem and data:post.includeAd' data='post' name='inlineAd'/> </article> <!-- Show ad outside post container (between posts) for feed pages. --> <b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/> </b:includable> <b:includable id='postCommentsLink'> <b:if cond='data:view.isMultipleItems'> <span class='byline post-comment-link container'> <b:include cond='data:post.commentSource != 1' name='commentsLink'/> <b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/> </span> </b:if> </b:includable> <b:includable id='postFooter' var='post'> <div class='post-bottom'> <div class='post-footer float-container'> <b:include name='footerBylines'/> <b:include cond='data:widget.type == &quot;Blog&quot;' data='post' name='postFooterAuthorProfile'/> </div> <b:if cond='data:view.isSingleItem'> <b:include data='{ shareButtonClass: &quot;post-share-buttons-bottom invisible&quot;, overridden: true }' name='maybeAddShareButtons'/> <b:else/> <b:include data='post' name='postFooterJumpLink'/> </b:if> </div> </b:includable> <b:includable id='postFooterAuthorProfile' var='post'> <b:if cond='data:post.author.aboutMe and data:view.isPost'> <div class='author-profile'> <b:if cond='data:post.author.authorPhoto.url'> <img class='author-image' expr:src='data:post.author.authorPhoto.url' width='50px'/> <div class='author-about'> <b:include data='post' name='aboutPostAuthor'/> </div> <b:else/> <b:include data='post' name='aboutPostAuthor'/> </b:if> </div> </b:if> </b:includable> <b:includable id='postFooterJumpLink'> <b:comment>Ripple, and show &#39;keep reading&#39; as the default.</b:comment> <div class='jump-link flat-button ripple'> <a expr:href='data:post.hasJumpLink ? data:post.url fragment &quot;more&quot; : data:post.url' expr:title='data:post.title'> <data:blog.jumpLinkMessage/> </a> </div> </b:includable> <b:includable id='postHeader' var='post'> <b:include name='headerByline'/> </b:includable> <b:includable id='postJumpLink'> <b:comment>Overridden, and migrated to postFooter. Called as postFooterJumpLink.</b:comment> </b:includable> <b:includable id='postLabels'> <b:comment>We don&#39;t display labels on the home page.</b:comment> <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'> <b:include name='super.postLabels'/> </b:if> </b:includable> <b:includable id='postMeta' var='post'> <b:include data='post' name='postMetadataJSON'/> </b:includable> <b:includable id='postPagination'> <div class='blog-pager container' id='blog-pager'> <b:include cond='data:newerPageUrl' name='previousPageLink'/> <b:include cond='data:olderPageUrl' name='nextPageLink'/> <b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/> </div> </b:includable> <b:includable id='postShareButtons' var='post'> <b:comment>We call super.postShareButtons from the migrated positions.</b:comment> </b:includable> <b:includable id='postTitle' var='post'> </b:includable> <b:includable id='previousPageLink'><b:comment>Don&#39;t show</b:comment></b:includable> <b:includable id='snippetedPostByline'> <b:include name='headerByline'/> </b:includable> <b:includable id='threadedCommentForm' var='post'> <div class='comment-form'> <a name='comment-form'/> <h4 id='comment-post-message'><data:messages.postAComment/></h4> <b:if cond='data:this.messages.blogComment != &quot;&quot;'> <p><data:this.messages.blogComment/></p> </b:if> <b:include data='post' name='commentFormIframeSrc'/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;); </script> </div> </b:includable> <b:includable id='threadedCommentJs' var='post'> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <b:template-script inline='true' name='threaded_comments'/> <script type='text/javascript'> blogger.widgets.blog.initThreadedComments( <data:post.commentJso/>, <data:post.commentMsgs/>, <data:post.commentConfig/>); </script> </b:includable> <b:includable id='threadedComments' var='post'> <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'> <a name='comments'/> <b:include name='commentsTitle'/> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threadedCommentJs'/> </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='threadedCommentForm'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> </section> </b:includable> </b:widget> </b:section> </b:if> </main> </div> </b:with> </div> <aside class='sidebar-container container sidebar-invisible' role='complementary'> <div class='sidebar_top_wrapper'> <b:class cond='data:widgets none w =&gt; w.sectionId == &quot;sidebar_top&quot;' name='no-items'/> </div> <b:section class='sidebar_bottom' id='sidebar_bottom' name='Sidebar (Bottom)' preferred='yes'> <b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='false'> <b:includable id='main'> <b:include name='reportAbuse'/> </b:includable> </b:widget> </b:section> </aside> <script type='text/javascript'> (function(d,s,id){var z=d.createElement(s);z.type=&quot;text/javascript&quot;;z.id=id;z.async=true;z.src=&quot;//static.zotabox.com/b/1/b174bc21696fba8eac410f3219770970/widgets.js&quot;;var sz=d.getElementsByTagName(s)[0];sz.parentNode.insertBefore(z,sz)}(document,&quot;script&quot;,&quot;zb-embed-code&quot;)); </script> <b:template-script async='true' name='indie' version='1.0.0'/> </body> </html>