API tools faq
paste
Advertisement
LanhLung

Template Doi GuocMoc

LanhLung
Mar 29th, 2016
208
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 145.06 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' lang='vi' 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'>
  4. <head>
  5. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  6. <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
  7. <!-- SEO by DoiGuocMoc.Com -->
  8. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  9. <meta content='Hỗn Tạp Blog, blog lưu giữ tất cả các bài viết hay trên mạng internet, từ tin tức công nghệ, cho đến sức khỏe, làm đẹp. Từ thủ thuật blogger cho đến Facebook.' name='keywords'/>
  10. <meta content='Hỗn tạp blog, blog lưu giữ tất cả các bài viết hay trên mạng internet, từ tin tức công nghệ, cho đến sức khỏe, làm đẹp. Từ thủ thuật blogger cho đến Facebook.v' name='description'/>
  11. <meta content='Hỗn Tạp Blog' property='og:title'/>
  12. <meta content='Hỗn tạp blog, blog lưu giữ tất cả các bài viết hay trên mạng internet, từ tin tức công nghệ, cho đến sức khỏe, làm đẹp. Từ thủ thuật blogger cho đến Facebook.' property='og:description'/>
  13. <meta content='http://www.jamviet.com/upload/2015/09/tech_blogs.jpg' property='og:image'/>
  14. <meta content='index, follow' name='robots'/>
  15. </b:if>
  16. <b:if cond='data:blog.pageTitle == data:blog.title'>
  17. <title><data:blog.title/></title>
  18. <b:else/>
  19. <title><data:blog.pageName/> | <data:blog.title/></title>
  20. </b:if>
  21. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  22. <meta content='noindex, nofollow' name='robots'/>
  23. <b:else/>
  24. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  25. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  26. </b:if>
  27. <b:else/>
  28. <b:if cond='data:blog.pageTitle != data:blog.title'>
  29. <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  30. <meta expr:content='data:blog.metaDescription' name='description'/>
  31. <b:else/>
  32. <meta expr:content='data:blog.pageName + &quot;. &quot; + data:blog.pageName + &quot; - Một bài viết hay, hữu ích cho mọi người từ &quot; + data:blog.title' name='description'/>
  33. </b:if>
  34. <meta expr:content='data:blog.pageName' name='keywords'/>
  35. <meta content='index, follow' name='robots'/>
  36. </b:if>
  37. </b:if>
  38. <b:else/>
  39. <b:if cond='data:blog.searchLabel'>
  40. <meta expr:content='&quot;Tất cả thông tin về &quot; + data:blog.searchLabel' name='description'/>
  41. <meta expr:content='data:blog.searchLabel + &quot;, &quot; + data:blog.title + &quot;, từ khóa 1, từ khóa 2, từ khóa 3,...&quot;' name='keywords'/>
  42. <meta content='index, follow' name='robots'/>
  43. </b:if>
  44. </b:if>
  45. <meta content='vi_VN' property='og:locale'/>
  46. <meta content='1493749930932265' property='fb:app_id'/>
  47. <meta content='100005752141406' property='fb:admins'/>
  48. <meta content='website' property='og:type'/>
  49. <b:include data='blog' name='google-analytics'/>
  50. <!-- END SEO by DoiGuocMoc.Com -->
  51. &lt;!--
  52. <style type='text/css'/>
  53. --&gt;
  54. <!-- CSS Style -->
  55. <b:skin><![CDATA[
  56.  
  57. /*
  58. -----------------------------------------------
  59. Blogger Template Style
  60. Name: Đôi Guốc Mộc Blog
  61. Version: 1.0
  62. Designer: Lê Tuấn
  63. URL: DoiGuocMoc.Com
  64. ----------------------------------------------- */
  65. @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
  66. /* Content
  67. ----------------------------------------------- */
  68. * { padding: 0; margin: 0; outline: 0; list-style: none; border: 0 none }
  69. *, *:before, *:after { box-sizing: border-box }
  70. .navbar, .post-feeds, .feed-links { display: none }
  71. .section, .widget { margin: 0; padding: 0 }
  72. strong, b { font-weight: bold }
  73. cite, em, i { font-style: italic }
  74. a:link { color: #383838; text-decoration: none; outline: none; transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s }
  75. a:visited { color: #333333; text-decoration: none }
  76. a:hover { color: #F88C00; text-decoration: none }
  77. a img { border: none; border-width: 0; outline: none }
  78. sup, sub { vertical-align: baseline; position: relative; top: -.4em; font-size: 86% }
  79. sub { top: .4em }
  80. small { font-size: 86% }
  81. kbd { font-size: 80%; border: 1px solid #999; padding: 2px 5px; border-bottom-width: 2px; border-radius: 3px }
  82. mark { background-color: #ffce00; color: black }
  83. p, blockquote, pre, table, figure, hr, ol, ul, dl { margin: 10px 0 }
  84. hr { height: 1px; border: none; background-color: #666 }
  85. img { max-width: 100% }
  86. blockquote { margin-bottom: 10px; font-family: monospace, monospace; display: block; overflow: auto; font-size: 17px; padding: 10px; color: #fff; background: #333; max-height: 400px; line-height: 22px }
  87. /*------- heading -------*/
  88. h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: normal; margin: 0 }
  89. h1 { font-size: 200%;corlor:#F88C00 }
  90. h1 a{color:#F88C00 !important }
  91. .descriptionwrapper {color:#fff}
  92. h2 { font-size: 180% }
  93. h3 { font-size: 160% }
  94. h4 { font-size: 140% }
  95. h5 { font-size: 120% }
  96. h6 { font-size: 100% }
  97. .post-body h2 { font-weight: 300; color: #F88C00; margin: 20px 0 7px; padding-left: 5px; border-left: 3px solid }
  98. .post-body h3 { font-weight: 300; color: #F88C00; margin: 20px 0 7px; padding-left: 5px; border-left: 3px solid }
  99. .post-body h4 { font-weight: 300; color: #F88C00; margin: 15px 0 7px; padding-left: 5px; border-left: 3px solid }
  100. h2.post-title { font-size: 28px; font-weight: 400; color: #333; margin: 10px 0 }
  101. .index h2 { font-size: 24px; margin: 5px 0 }
  102. .item .post-footer { float: left; width: 100%; color: #888; font-size: 12px; border-bottom: 1px solid #f2f2f2; padding-bottom: 5px; margin-bottom: 10px }
  103. .item abbr, .item acronym { color: #888; font-size: 11px }
  104. /*------- list -------*/
  105. ol, ul, dl { margin: 0 }
  106. ol { list-style: decimal outside }
  107. ul { list-style: disc outside }
  108. li { margin: 0 }
  109. dt { font-weight: bold }
  110. dd { margin: 0 0 .5em 2em }
  111. .breadcrumbs { font-size: 90% }
  112. /*------- form -------*/
  113. input, button, select, textarea { font: inherit; font-size: 100%; line-height: normal; vertical-align: baseline }
  114. textarea { display: block; box-sizing: border-box }
  115. body { margin: 0; width: 100%; background: #eee; font-family: 'Roboto', sans-serif }
  116. .container { width: 1024px; margin: 0 auto }
  117. .wrapper-outer { position: relative }
  118. .index .main h3 { font-size: 22px !important; font-weight: 400 !important; padding: 5px 0 0; border-top: 1px solid #f88c00; margin-top: 10px !important; margin: 0 }
  119. .index .main h3 a { color: #111 }
  120. .index .post-outer .post-footer { font-size: 13px; color: #666; padding: 5px 0; display: block; width: 100%; float: left }
  121. .index .post-outer .post-footer span { margin-right: 10px }
  122. .index .post-outer .post-footer span span { margin-right: 0 }
  123. .index .status-msg-border { display: none }
  124. .index .status-msg-wrap { display: none }
  125. .item .post-outer { border-top: 1px solid #ccc }
  126. #wrapper { margin: 0 auto }
  127. #wrapper #main-content { width: 1024px }
  128. #wrapper #main-content { padding: 15px }
  129. #wrapper .post-cover-head { margin: -24px -24px 20px }
  130. #wrapper { position: relative; background: #FFF; width: 1024px; margin: 0 auto }
  131. .content { float: left; width: 678px }
  132. #sidebar { float: right; width: 300px }
  133. #header { background: #293a4a; margin: 0 auto 0; position: relative; width: 100% ;float: left;}
  134. .post-footer span { margin-right: 10px }
  135. .post-footer span span { margin-right: 0 }
  136. .entry-content { font-size: 17px; text-align: justify }
  137. .entry-content span { display: block; line-height: 22px }
  138. .index .entry-content span { font-size: 16px; color: #333 }
  139. .PopularPosts h2:before {
  140. font-family: FontAwesome;
  141. Content: "\f005";
  142. }
  143. #footer-1 h2:before {
  144. font-family: FontAwesome;
  145. content: "\f0e6";
  146. }
  147. #footer-1 h4:before {
  148. font-family: FontAwesome;
  149. content: "\f0e6";
  150. }
  151. #footer-2 h4:before {
  152. font-family: FontAwesome;
  153. content: "\f0c0";
  154. }
  155. #footer-3 h4:before {
  156. font-family: FontAwesome;
  157. content: "\f086";
  158. }
  159. #footer-2 h2:before {
  160. font-family: FontAwesome;
  161. content: "\f0c0";
  162. }
  163. #footer-3 h2:before {
  164. font-family: FontAwesome;
  165. content: "\f086";
  166. }
  167. .Label h2:before {
  168. font-family: FontAwesome;
  169. content: "\f02c";
  170. }
  171. .chuyen-bai {width: 100%;
  172. display: block;
  173. font-weight: 500;}
  174. #bai-sau {
  175. float: left;
  176. padding: 5px 10px 5px 5px;
  177. width: 50%;
  178. }
  179. #bai-truoc {
  180. float: right;
  181. width: 50%;
  182. padding: 5px 5px 5px 10px;
  183. }
  184. #author-box {
  185. float: left;
  186. width: 100%;
  187. border-top: 1px solid #ccc;
  188. }
  189. /*------- TOP NAV -------*/
  190. .top-nav { background: rgba(0, 0, 0, 0.1) !important; height: 35px }
  191. .top-nav ul { float: left }
  192. .top-nav ul li { position: relative; display: inline-block; float: left; font-size: 15px }
  193. .top-nav ul li a { display: inline-block; height: 35px; line-height: 35px; color: #888888; padding: 0 20px 0 0 }
  194. .top-nav ul li a:hover { color: #f88c00 !important }
  195. .top-nav ul ul { background: #fbfbfb; display: none; padding: 0; position: absolute; top: 30px; width: 180px; z-index: 200; float: left; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) }
  196. .top-nav ul ul li { background: none !important; border: none !important; z-index: 200; min-width: 180px }
  197. .top-nav ul ul ul { right: auto; left: 100%; top: 0; z-index: 200 }
  198. .top-nav ul ul a { background: none !important; height: auto !important; line-height: 1em; padding: 10px 10px; width: 160px; display: block !important; margin-right: 0 !important; z-index: 200; color: #777 !important }
  199. .top-nav ul li:hover > a, .top-nav ul:hover > a, .top-nav ul li.current-menu-item a { color: #F88C00 }
  200. .top-nav ul li.menu-item-has-children a { padding-right: 20px }
  201. .header-content { padding: 0; margin: 0 auto; max-width: 1024px; min-height: 100px }
  202. #header-inner { float: left ; margin: 10px 0; }
  203. .ads-header { width: 728px; height: 90px; float: right; margin: 10px 0}
  204. body#layout div.section { padding: 0 !important }
  205. .social-icons a { margin: 2px; position: relative; text-shadow: none; display: inline-block }
  206. /* Main Nav */
  207. .top-nav .social-icons { float: right; padding-top: 2px }
  208. .top-nav .social-icons a { color: #fafafa }
  209. .top-nav .social-icons a { opacity: 0.5 }
  210. .top-nav .social-icons a:hover { top: 0; opacity: 1 }
  211. .comment-avatar img { width: 45px }
  212. .top-nav .social-icons i:before { padding: 0 2px; line-height: 28px; font-size: 16px }
  213. .header-content { padding: 0; margin: 0 auto; max-width: 1024px }
  214. .logo { float: left }
  215. .logo h1, .logo h2 { max-width: 300px }
  216. .logo strong { display: none }
  217. .logo span { font-weight: normal; font-size: 14px; display: block; clear: both }
  218. #theme-header.full-logo .header-content { padding: 0 }
  219. #theme-header.full-logo .logo { float: none; margin: 0 !important }
  220. #theme-header.full-logo .logo a { display: block; line-height: 0 }
  221. #theme-header.full-logo .logo img { width: 100%; height: auto }
  222. #theme-header { width: 100% }
  223. #theme-header.center-logo .logo, #theme-header.center-logo .e3lan-top { float: none; text-align: center }
  224. .recent-post-title { border-top: 1px solid #ccc }
  225. .recent-post-title h2 { font-size: 22px; font-weight: 400 }
  226. .recent-post-title h2 span { padding: 5px 0; border-top: 1px solid #90B913 }
  227. span.hdc_meta_date:before { content: "\f017"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 4px }
  228. span.hdc_meta_more:before { content: "\f0a9"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 4px }
  229. .readmore { float: right; display: block; padding: 5px 10px; color: #fff !important; background: #f88c00; border-radius: 3px; margin-top: 5px; font-size: 13px }
  230. .readmore a { color: #fff !important }
  231. .readmore:hover { background: #ccc }
  232. /*--------------- Popular Posts Widget ----------------*/
  233. .popular-posts .item-thumbnail img { width: 90px; height: 60px }
  234. .popular-posts .item-thumbnail { float: left; margin-right: 10px }
  235. .popular-posts li { height: 70px }
  236. .popular-posts .item-title {height: 60px;
  237. overflow: hidden;}
  238. /*--------------------------------------
  239. TOP 5 POST NEW
  240. --------------------------------------*/
  241. .featured-post a { color: #fff; display: block }
  242. h3.entry-title { font-weight: 400; font-family: 'Roboto', sans-serif; font-size: 16px }
  243. .featured-post .col-post { float: left; position: relative; overflow: hidden; margin: 0 }
  244. .featured-post .col-post1 { float: left; position: relative; overflow: hidden; margin: 0 }
  245. .featured-post .secondary-post { width: 33.33333333%; margin-top: 1px; background-color: #fff; height: 150px; padding-left: 1px }
  246. .featured-post .main-post { width: 50%; float: right; background-color: #fff; height: 150px; padding-left: 1px }
  247. .featured-post .main-post1 { height: 150px }
  248. .featured-post .main-post1 img { height: 150px }
  249. .featured-post .main-post:last-child { width: 50%; background-color: #000; border-right: 0 !important }
  250. .secondary-post.col-post:last-child { margin-right: 0 !important; float: right }
  251. .item .secondary-post.col-post:nth-child(3n) { margin-right: 0 !important; float: right }
  252. .item .scroll-box .scroll-item { float: left; width: 31.33333333%; margin: 0 3% 10px 0; height: 190px }
  253. .featured-post img { height: 100% }
  254. .featured-post .main-post img { height: 150px; width: 100%; object-fit: cover;}
  255. .featured-post .secondary-post img { height: 150px; width: 100%;}
  256. .featured-post header { position: absolute; padding: 5px 10px; bottom: 0; background: rgba(2,2,2,0.72); width: 100% }
  257. .featured-post h4 { font-size: 16px; line-height: 1.3 }
  258. .featured-post a:hover { color: #f0f0f0 }
  259. .featured-post header1 { position: absolute; padding: 10px 0 0; top: 0; width: 85%; margin-top: 59px }
  260. .hdc_meta a.com { float: none !important }
  261. .hdc_meta span { margin-right: 10px }
  262. .featured-post h4 a { font-weight: 400 }
  263. .item .post-footer-line { float: left; width: 100%; font-size: 11px; color: #888 }
  264. .index h2.post-title.entry-title { border-top: 1px solid #F88C00; padding: 5px 0 0 }
  265. .post-footer-line { float: left; width: 100%; font-size: 11px; color: #888; padding-bottom: 5px }
  266. .recent-box .recent-item, .scroll-box .scroll-item { float: left; width: 31.33333333%; margin: 0 3% 10px 0; height: 190px }
  267. .scroll-box .cat-box-content { padding: 0; position: relative }
  268. .group_items { width: 100%; float: left }
  269. .scroll-item.secondary-post.col-post h3 { font-size: 16px; font-weight: 400; padding-left: 0; border-left: 0 }
  270. li.other-news { overflow: hidden; margin-bottom: 13px; transition: all .4s; max-height: 60px; overflow: hidden; float: right; clear: right }
  271. .hdc_thumb2 { float: left; margin: 0 10px 0 0; position: relative; line-height: 0 }
  272. /*-------------- STYLE BOX 1 -------------*/
  273. .stylebox1 { float: left; margin-top: 20px }
  274. .stylebox1 .hdc_thumbs1 { width: 48%; float: left }
  275. .stylebox1 .hdc_thumbs22 { width: 50%; float: right }
  276. .stylebox1 .hdc_thumbs22 li a { font-size: 16px; line-height: 19px; margin-right: 5px; margin-bottom: 5px }
  277. .stylebox1 .hdc_thumbs22 li a.com { font-size: 11px }
  278. .stylebox1 .hdc_thumbs22 li { float: left; width: 100% }
  279. .stylebox1 .hdc_thumb img { width: 100%; border: 1px solid #ccc; height: 178px }
  280. .stylebox1 .hdc_title { font-size: 22px; line-height: 20px; font-weight: 400 }
  281. .stylebox1 .hdc_thumbs1 .hdc_title { line-height: 24px }
  282. .stylebox1 .hdc_meta { font-size: 11px !important; display: block; color: #777 }
  283. .stylebox1 .rp_summary { line-height: 20px; color: #666; display: block; text-align: justify }
  284. .stylebox1 .hdc_thumbs1 .hdc_meta { margin: 10px 0 5px }
  285. /*-------------- STYLE BOX 2 -------------*/
  286. .stylebox2 { float: left; margin-top: 20px; margin-bottom: 20px }
  287. .stylebox2 .hdc_meta { font-size: 11px !important; margin-top: 7px; color: #777; display: block }
  288. .stylebox2 .hdc_thumb { width: 275px; height: 165px; margin-right: 20px }
  289. .stylebox2 .hdc_thumb img { width: 275px; height: 165px }
  290. .stylebox2 .hdc_thumbs { float: left; margin-bottom: 10px }
  291. .stylebox2 .hdc_title { font-weight: 400; line-height: 10px }
  292. .stylebox2 .hdc_thumbs li { border-bottom: 0 solid #eaeaea; padding: 0; width: 100%; float: none; height: auto }
  293. .stylebox2 .first-news .inner-content { padding: 0 0 10px 0; overflow: hidden }
  294. .stylebox2 .first-news .inner-content .hdc_thumb { float: left; width: 275px; height: 165px; margin-right: 20px; position: relative; line-height: 0 }
  295. .stylebox2 .first-news .inner-content .hdc_thumb img { border: 1px solid #eee }
  296. .stylebox2 .hdc_thumbs .hdc_title { font-size: 22px; font-weight: 400; line-height: 24px }
  297. .stylebox2 .hdc_thumbs .hdc_meta_date { margin-right: 10px }
  298. .stylebox2 .hdc_thumbs .rp_summary { line-height: 21px; color: #666; text-align: justify }
  299. .stylebox2 .hdc_thumbs2 { float: left; width: 100% }
  300. .stylebox2 .hdc_thumbs2 li { overflow: hidden; padding: 10px 0 0 0; width: 50%; float: left; height: 70px; transition: all .4s }
  301. .stylebox2 .hdc_thumbs2 li a.com { font-size: 11px }
  302. .stylebox2 .hdc_thumbs2 li a { font-size: 16px; line-height: 19px }
  303. .stylebox2 .hdc_thumbs2 .hdc_meta { font-size: 12px }
  304. /*-------------- STYLE BOX 4 -------------*/
  305. #stylebox-4-left { width: 49%; float: left }
  306. #stylebox-4-right { width: 49%; float: right }
  307. .stylebox4 .first-news img { width: 100%; border: 1px solid #eee }
  308. .stylebox4 .hdc_thumbs2 li { overflow: hidden; padding: 10px 0 0 0; width: 100%; float: left; height: 70px; transition: all .4s }
  309. .stylebox4 .hdc_thumbs2 li a { font-size: 16px; line-height: 19px }
  310. .stylebox4 .hdc_meta { font-size: 11px !important; margin-top: 7px; color: #777; display: block }
  311. .stylebox4 .hdc_thumbs2 li a.com { font-size: 11px }
  312. .stylebox4 .hdc_thumbs .hdc_title { font-size: 22px; font-weight: 400; line-height: 24px }
  313. .stylebox4 .hdc_thumbs .rp_summary { line-height: 21px; color: #666; text-align: justify }
  314. .stylebox4 .hdc_title { font-weight: 400; line-height: 10px }
  315. /* -------------------------------
  316. Sidebar
  317. -------------------------------- */
  318. #sidebar .widget h2 { font-size: 20px; text-transform: uppercase; font-weight: 300; color: #fff; background: #F88C00; margin-bottom: 10px; padding: 8px 5px 6px; margin: 0 0 10px }
  319. #sidebar .widget { margin: 0 0 20px;width: 100%;float: left}
  320. #sidebar .list-label-widget-content li { float: left; padding: 5px; background: #999; margin-right: 1px; color: #fff; margin-bottom: 1px }
  321. #sidebar .list-label-widget-content li:hover { background: #f88c00 }
  322. #sidebar .list-label-widget-content span:hover { background: #f88c00 }
  323. #sidebar .list-label-widget-content li a { color: #fff }
  324. #sidebar .FollowByEmail { margin-top: -23px }
  325. #sidebar .FollowByEmail h2 { padding-bottom: 4px; background-color: #fcc682; color: #f85000; text-align: center; font-size: 22px; padding-top: 6px; text-transform: uppercase }
  326. #widget-feedburner-2 { margin-top: -23px !important;margin-bottom: 0px !important}
  327. #widget-feedburner-2 h4 { padding-bottom: 4px; background-color: #fcc682; color: #f85000; text-align: center; font-size: 22px; padding: 6px 0 11px; text-transform: uppercase; font-weight: 300 }
  328. .widget-feedburner-counter { text-align: center; margin-top: -7px; color: #00614f; font-size: 21px; padding: 20px 10px 12.5px; background-color: #c1e080 }
  329. #widget-feedburner-2 p { line-height: 28px; padding-bottom: 10px }
  330. .widget-feedburner .feedburner-email { border: 0; background: #f9f9f9; color: #515151; font: 14px Tahoma; padding: 8px; margin-bottom: 10px; display: block; width: 100%; height: 38px }
  331. .button, a.button, a.more-link, #main-content input[type="submit"], .form-submit #submit, #login-form .login-button, .widget-feedburner .feedburner-subscribe, input[type="submit"], #buddypress button, #buddypress a.button, #buddypress input[type=submit], #buddypress input[type=reset], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, a.bp-title-button { width: auto; position: relative; background-color: #f88c00; color: #FFF; padding: 5px 12px; font: 12px Tahoma; display: inline-block; line-height: 22px; border: 0 none; cursor: pointer; text-decoration: none; transition: all .3s ease-in-out; border-radius: 2px }
  332. #widget-feedburner-2 input[type="submit"] { background-color: #006250 !important; font-size: 17px !important }
  333. #sidebar .FollowByEmail .widget-content { background-color: #c1e080; text-align: center; margin-top: -10px; color: #00614f; font-size: 21px; padding: 12.5px 10px }
  334. #sidebar .FollowByEmail .widget-content .follow-by-email-address { border: 0; background: #f9f9f9; color: #515151; font: 14px Tahoma; padding: 8px; margin-bottom: 10px; display: block; width: 100%; height: 38px }
  335. #sidebar .FollowByEmail .widget-content .follow-by-email-submit { background-color: #006250 !important; font-size: 17px !important; width: auto; position: relative; background-color: #f88c00; color: #FFF; padding: 5px 12px; font: 12px Tahoma; display: inline-block; line-height: 22px; border: 0 none; cursor: pointer; text-decoration: none; transition: all .3s ease-in-out; border-radius: 2px }
  336. /*----------------------------------------
  337. FOOTER
  338. -----------------------------------------*/
  339. #theme-footer { position: relative; color: #ddd; background: #333; padding: 15px 0 0 }
  340. #theme-footer a { color: #ccc }
  341. #footer-widget-area { width: 1024px; margin: 0 auto }
  342. .footer-widgets-box { float: left; margin-right: 1% }
  343. #footer-1 { width: 25.5% }
  344. #footer-1 li { min-height: 58px }
  345. #footer-2 { width: 20.5% }
  346. #footer-3 { width: 21% }
  347. #footer-4 { width: 30%; margin-right: 0 }
  348. #theme-footer h4 { font-weight: 300; font-size: 22px; border-bottom: 1px solid #222; padding: 0 0 10px }
  349. #theme-footer h2 { font-weight: 300; font-size: 22px; border-bottom: 1px solid #222; padding: 0 0 10px; margin: 0 }
  350. #theme-footer .widget-content { padding: 0; border-top: 1px solid #444 }
  351. #theme-footer #footer-4 .widget-content { border-top: 0 solid #444; padding: 1px 0 0 }
  352. .footer li, #theme-footer li { font-weight: 300; max-height: 58px; font-size: 15px; line-height: 28px; overflow: hidden; border-bottom: 1px solid #3c3c3c }
  353. .footer-bottom { position: relative; background: #1e1e1e; line-height: 35px; color: #ccc; width: 100%; float: left; font-size: 14px }
  354. .footer-bottom a { color: #ccc }
  355. .alignright { float: right }
  356. .alignleft { float: left }
  357. /*---------------------------------
  358. COMMENT
  359. ---------------------------------*/
  360. #comments h3 { border-left: 0; padding-left: 0; color: #CB2027; margin: 0; font-weight: 300; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; font-size: 20px }
  361. #comments { margin: 0; padding-top: 10px }
  362. #comment_block { margin: 20px 0; display: block }
  363. .comment_avatar { background: url(https://lh4.googleusercontent.com/-ROLNKhgoFCw/AAAAAAAAAAI/AAAAAAAAAAA/Ycbynv2hi_k/s32-c-mo/photo.jpg)no-repeat; -webkit-background-size: 45px; -moz-background-size: 45px; -o-background-size: 45px; background-size: 45px; height: 45px; width: 45px; float: left; margin-right: 10px; overflow: hidden }
  364. .comment_avatar img { height: 45px; width: 45px }
  365. a.comment-delete { background: #EE4F3D; padding: 2px 10px; color: #fff; border: 1px solid #C0392B; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px }
  366. a.comment_reply { background: #2ecc71; padding: 2px 10px; color: #fff; border: 1px solid #27ae60; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; margin-right: 5px }
  367. .comment_child { margin: 8px 0 8px 30px }
  368. .comment_body { margin: 5px 0 }
  369. .comment_body p { margin: 0; line-height: 22px }
  370. .comment_sett { padding: 10px 0 0; display: block }
  371. .comment_name { font-size: 15px; padding-bottom: 3px }
  372. .comment_service { font-size: 12px }
  373. .comment_body img { max-width: 90% }
  374. .comment_cincong { background: #F7F7F7; padding: 8px; border: 1px solid #ddd; overflow: hidden; margin-bottom: 15px }
  375. #sopiler { background: #AFEAB9; padding: 8px; border: 1px solid #1EAD35; margin: 0; margin-top: 3px; text-align: center }
  376. #sopiler-click { background: #55C864; border-bottom: 2px solid #1EAD35; padding: 5px 10px; color: #fff }
  377. #sopiler-click:hover { background: #3FB64E }
  378. #sopiler img { max-width: 90%; display: block; margin: 0 auto; border: 1px solid #333 }
  379. /*------------ MENU -------------*/
  380. li#searchboxbswright { float: right !important }
  381. .search-box { border-left: 1px solid #ccc; border-right: 1px solid #ccc; position: relative; width: 100%; margin: 0; padding: 0; height: 46px; line-height: 46px }
  382. .search-form { width: 313px; background: none; overflow: hidden }
  383. .search-box input[type="text"] { width: 90%; padding: 13px; color: #666; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; outline: none }
  384. .search-text { font-size: 14px; color: #fff; border-width: 0; background: transparent }
  385. .search-button { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; position: absolute; top: 0; right: 0; width: 50px; padding: 13.5px; font-size: 100%; color: #666; text-align: center; border-width: 0; cursor: pointer; background: none; outline: none }
  386. button { background: #1AAB8A; color: #fff; border: none; position: relative; font: 300 16px Roboto, sans-serif; padding: 10px 20px; cursor: pointer; transition: 800ms ease all; outline: none }
  387. button:before, button:after { content: ''; position: absolute; top: 0; right: 0; height: 2px; width: 0; background: #1AAB8A; transition: 400ms ease all }
  388. button:after { right: inherit; top: inherit; left: 0; bottom: 0 }
  389. .fa-search:before { content: "\f002" }
  390. /*-------- Bắt đầu Stick Nav -------*/
  391. sticknav { background: #ffffff; height: 30px; width: 100%; margin-right: 0; margin-left: 0; left: 0; right: 0; position: relative; z-index: 9999 }
  392. .fixed { position: fixed }
  393. /*-------- Kết thúc Stick Nav -------*/
  394. #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; box-sizing: border-box }
  395. #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
  396. #cssmenu #menu-button { display: none }
  397. #cssmenu { opacity: 0.9; width: auto; line-height: 1; background: #ffffff; z-index: 999; border-bottom: 1px solid #ccc }
  398. #cssmenu ul { max-width: 1024px; margin: auto }
  399. #cssmenu a.home { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-image: url(//doiguocmoc.com/wp-content/themes/dgmv1.3/images/home.png) !important; background-repeat: no-repeat !important; background-position: center -43px !important; text-indent: -9999px; width: 52px; height: 46px }
  400. #cssmenu a.home:hover { background-color: #f88c00; background-position: center 10px !important }
  401. #menu-line { display: none }
  402. #cssmenu > ul > li { float: left }
  403. #cssmenu.align-center > ul { font-size: 0; text-align: center }
  404. #cssmenu.align-center > ul > li { display: inline-block; float: none }
  405. #cssmenu.align-center ul ul { text-align: left }
  406. #cssmenu.align-right > ul > li { float: right }
  407. #cssmenu.align-right ul ul { text-align: right }
  408. #cssmenu > ul > li > a { padding: 16px 20px 15px; font-size: 15px; text-decoration: none; text-transform: uppercase; color: #000000; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease }
  409. #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #F88C00; background: #333 }
  410. #cssmenu > ul > li.has-sub > a { padding-right: 25px }
  411. #cssmenu > ul > li.has-sub > a::after { position: absolute; top: 17px; right: 10px; width: 6px; height: 6px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease }
  412. #cssmenu > ul > li.has-sub:hover > a::after { border-color: #F88C00 }
  413. #cssmenu ul ul { position: absolute; left: -9999px }
  414. #cssmenu li:hover > ul { left: auto }
  415. #cssmenu.align-right li:hover > ul { right: 0 }
  416. #cssmenu ul ul ul { margin-left: 100%; top: 0 }
  417. #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100% }
  418. #cssmenu ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease }
  419. #cssmenu ul li:hover > ul > li { height: 32px }
  420. #cssmenu ul ul li a { padding: 10px 20px; width: 160px; font-size: 12px; background: #333333; text-decoration: none; color: #dddddd; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease }
  421. #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #ffffff }
  422. #cssmenu ul ul li.has-sub > a::after { position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease }
  423. #cssmenu.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd }
  424. #cssmenu ul ul li.has-sub:hover > a::after { border-color: #ffffff }
  425. .khung-tim-kiem {display:none}
  426. @media all and (max-width: 786px) {.khung-tim-kiem {display:block;border: 1px solid #ccc;border-width: 0px 0px 1px 1px;}#cssmenu #searchboxbswright{display:none}
  427. #cssmenu { width: 100% } #cssmenu ul { width: 100%; display: none } #cssmenu.align-center > ul, #cssmenu.align-right ul ul { text-align: left } #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li { width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15) } #cssmenu ul li a, #cssmenu ul ul li a { width: 100% } #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li { float: none; display: block } #cssmenu ul ul li a { padding: 17px 20px 17px 30px; font-size: 12px; color: #000000; background: none } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #000000 } #cssmenu ul ul ul li a { padding-left: 40px } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0 } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display: none } #menu-line { display: none } #cssmenu #menu-button { display: block; padding: 20px; color: #000000; cursor: pointer; font-size: 12px; text-transform: uppercase } #cssmenu #menu-button::after { content: ''; position: absolute; top: 20px; right: 20px; display: block; width: 20px; height: 3px; background: #000000 } #cssmenu #menu-button::before { content: ''; position: absolute; top: 25px; right: 20px; display: block; width: 20px; height: 8px; border-top: 3px solid #000000; border-bottom: 3px solid #000000 } #cssmenu .submenu-button { position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height: 46px; width: 52px; cursor: pointer } #cssmenu .submenu-button::after { content: ''; position: absolute; top: 17px; left: 26px; display: block; width: 1px; height: 11px; background: #000000; z-index: 99 } #cssmenu .submenu-button::before { content: ''; position: absolute; left: 21px; top: 22px; display: block; width: 11px; height: 1px; background: #000000; z-index: 99 } #cssmenu .submenu-button.submenu-opened:after { display: none }
  428. }
  429. /* CSS Back To Top */
  430. #backtotop { overflow: hidden; position: fixed; z-index: 90; right: 10px; bottom: 10px; display: none; width: 42px; height: 40px; line-height: 30px; color: #eee; text-align: center; background-color: #F88C00; font-size: 20px; text-indent: 0; cursor: pointer; -webkit-transform: translateZ(0); padding: 4px 0 0; text-align: center; transition: all .5s }
  431. #backtotop:hover { background-color: #133783; color: #fff }
  432. /* ---------- SHARE BUTTON ---------- */
  433. .promote_post_bg { float: left; width: 100%; padding: 10px 0 6px; margin-top: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
  434. .promote_twitter { float: left; margin-right: 20px }
  435. .promote_facebook { float: left; margin-right: 20px }
  436. .promote_google { float: left }
  437. /*--------------- PageNavi ---------------*/
  438. .showpageOf { float: right }
  439. #blog-pager { padding: 5px 0; font-size: 14px; border-top: 1px solid #f88c00 }
  440. .pagecurrent { padding: 3px 8px; background: #f88c00; color: #fff }
  441. #blog-pager { clear: both; margin: 10px auto }
  442. .blog-pager { background: none }
  443. .displaypageNum a, .showpage a, .pagecurrent { font-size: 14px; padding: 5px 12px; margin-right: 5px; color: #666; background-color: #eee }
  444. .displaypageNum a:hover, .showpage a:hover, .pagecurrent { background: #F88C00; text-decoration: none; color: #fff }
  445. #blog-pager .pagecurrent { font-weight: bold; color: #fff; background: #F88C00 }
  446. #blog-pager .pages { border: none }
  447. .top-commentators { margin: 2px 0 0; border-bottom: 1px solid #3c3c3c; line-height: 26px }
  448. .avatar-top-commentators { margin-bottom: -4px }
  449. .top-commentators .commenter-link-name { padding-left: 0 }.qc-header-post { float:left; width:100%; }
  450. .post-ads { float:left; margin:0 10px 10px 0; position:relative; }
  451. @media (max-width:600px) {
  452. .post-ads { width:100%; } .post-right { margin-left:0 !important; width:100%; float:left; }
  453. }
  454. .post-body img { transition:all .3s; max-width:100%; }
  455. .post-right { margin:0 0 0 310px; padding:0 0 10px; }
  456. p.post-excerpt { margin:0; padding:10px; background-color:#ECF0F1; font-size:17px; line-height:1.5em; color:#F88C00; }
  457. #related-posts { margin:10px 0; }
  458. #related-posts ul li { list-style-type:none; color:#F88C00; font-size:16px; line-height:22px; max-height:22px; overflow:hidden; }
  459. #related-posts ul li a { color:#006250; }
  460. #related-posts ul li a:hover { color:#F88C00; }
  461. #related-posts h4 { color:#E74C3C; border-bottom:1px dashed #E74C3C; padding:5px 0; font-size:18px; margin-bottom:5px; }
  462. #related-posts ul { margin-left:0; }
  463. #related-posts .fa { margin-right:5px; }
  464. #random-posts img { border-radius:1000px; border:5px solid; color:#dddddd; float:left; margin-right:5px; width:75px; height:75px; background-color:#F5F5F5; padding:3px; transition:all 0.2s linear 0s; }
  465. #random-posts img:hover { opacity:0.6; }
  466. ul#random-posts { list-style-type:none; padding:0; }
  467. #random-posts a { font-size:12px; text-transform:uppercase; padding:3px 0 5px; }
  468. #random-posts a:hover { text-decoration:none; }
  469. .random-summary { font-size:11px; background:none; padding:5px; margin-right:8px; }
  470. #random-posts li { margin-bottom:10px; border-bottom:1px solid #EEEEEE; padding:4px; }
  471. .author-box .fa { margin-right:5px; }
  472. .status-msg-wrap { display:none; }
  473. .quickedit {display:none;}
  474. .error_page #sidebar { display:none; }
  475. .error_page {margin:20px 0}
  476. .error_page .content { width:100%; text-align:center; }
  477. .box-404 { font-size:200px; font-weight:bold; color:#eee; }
  478. .error_page h1 { font-size:50px; }
  479. .error_page .blog-pager { display:none; }
  480. .error_page #error-page .search-box { width:380px; margin:auto; border:1px solid #ccc; }
  481. .error_page #error-page .search-box input[type="text"] { padding:0; }
  482. .error_page .scroll-box .scroll-item { float:left; margin-right:2%; width:23.5%; }
  483. .error_page .scroll-box .scroll-item img { width:100%; }
  484. .static_page #sidebar { display:none; }
  485. .static_page #wrapper { width:758px; text-align:justify; }
  486. .static_page .content { width:100%; }
  487. .static_page #wrapper #main-content { width:100%; }
  488. .static_page #wrapper #main-content { width:100%; }
  489. .static_page .entry-content { display:block; float:left; width:100%; }
  490. .static_page #comments { float:left; width:100%; }
  491. .post-body ul li { list-style-type: disc; margin-left: 40px }
  492. .post-body ol li { list-style-type: decimal; margin-left: 40px }
  493. /*------- CSS Tooltip -------*/
  494. .arlina-tooltip { position: relative; display: inline-block }
  495. .arlina-tooltip:before, .arlina-tooltip:after { position: absolute; opacity: 0; z-index: 1000; pointer-events: none }
  496. .arlina-tooltip:hover:before, .arlina-tooltip:hover:after { opacity: 1 }
  497. .arlina-tooltip:before { content: ''; position: absolute; background: transparent; border: 4px solid transparent; position: absolute }
  498. .arlina-tooltip:after { content: attr(data-arlina-tooltip) !important; background: #494158; color: #fff; padding: 6px 8px; font-size: 11px !important; font-family: 'Open Sans' !important; white-space: nowrap; border-radius: 2px; -webkit-backface-visibility: hidden; margin-left: initial }
  499. .arlina-tooltip-top:before { bottom: 140%; left: 10%; margin: 0 0 -9px 0; border-top-color: #494158 }
  500. .arlina-tooltip-top:after { bottom: 125%; left: 10%; margin: 0 0 3px -10px !important }
  501. /* CSS Share Button */
  502. .share-post { text-align: center; padding: 10px 0; float: left; color: #ccc; border-top: 1px solid; border-bottom: 1px solid; width: 100%; margin-top:30px }
  503. .widget .post-body > .share-post ul { padding: 0 }
  504. .share-post li { float: left; margin: 0 1% }
  505. .share-post li a { padding: 0 14px 0 30px; display: block; border-radius: 2px; font-size: 16px; transition: all 0.6s ease-out }
  506. .share-post li a.twitter { color: #19bfe5 }
  507. .share-post li a.facebook { color: #3b5998 }
  508. .share-post li a.gplus { color: #d64136 }
  509. .share-post li a.pinterest { color: #cb2027 }
  510. .share-post li a.tumblr { color: #304e6c }
  511. .share-post li a:hover { color: #F88C00 }
  512. .share-post li .twitter .fa:before { color: #19bfe5 }
  513. .share-post li .facebook .fa:before { color: #3b5998 }
  514. .share-post li .gplus .fa:before { color: #d64136 }
  515. .share-post li .pinterest .fa:before { color: #cb2027 }
  516. .share-post li .tumblr .fa:before { color: #304e6c }
  517. .share-post li .fa:before { position: absolute; top: 0; left: 0; display: inline-block; padding: 0 0 0 12px; line-height: 22px; text-shadow: 2px 2px rgba(0, 0, 0, 0.1); font-size: 18px; transition: all 0.6s ease-out }
  518. .share-post li:hover .fa:before { text-shadow: -2px 2px rgba(0, 0, 0, 0.1) }
  519. .share-post li .fa { display: initial }
  520. .share-post ul li { list-style-type: none !important; margin-left: 0 !important; border-right: 1px solid #ccc }
  521. .share-post ul li:last-child { border-right: 0 }
  522. /*--------------------------------
  523. Author Box
  524. ---------------------------------*/
  525. .block-head { padding: 5px 0 10px; overflow: hidden }
  526. .block-head h3 { border-left: 0; padding-left: 0; color: #CB2027; margin: 0; font-size: 22px }
  527. #author-box .post-listing { padding: 0; margin-bottom: 10px }
  528. .author-bio { clear: both; overflow: hidden }
  529. #author-box .author-avatar img { max-width: 100px; margin-right: 20px }
  530. .author-avatar img { float: left; margin: 0 20px 0 0 }
  531. .author-description { font-size: 18px; line-height: 22px }
  532. .author-social { float: left; margin-top: 10px }
  533. .author-social a { height: 25px; float: left; width: 25px; display: block; text-align: center; padding: 5px 3px 3px 5px; background: #f1f1f1; color: #777; border-radius: 2px; margin-right: 2px; font-size: 14px }
  534. .social-site { background: #666 }
  535. .author-social a:hover { color: #FFF }
  536. .flat-social a:hover { background: #444 }
  537. .social-icons.social-colored .fa-facebook:before, .social-facebook, .author-social a.social-facebook:hover, .arq-lite-facebook a:hover i, .arqam-lite-widget-counter.colored .arq-lite-facebook a i { background: #39599f }
  538. .social-icons.social-colored .fa-twitter:before, .social-twitter, .author-social a.social-twitter:hover, .arq-lite-twitter a:hover i, .arqam-lite-widget-counter.colored .arq-lite-twitter a i { background: #45b0e3 }
  539. .social-icons.social-colored .fa-google-plus:before, .social-google-plus, .author-social a.social-google-plus:hover, .arq-lite-google a:hover i, .arqam-lite-widget-counter.colored .arq-lite-google a i { background: #fa0101 }
  540. /*-----------------------------
  541. co-the-ban-thich
  542. ----------------------------*/
  543. .co-the-ban-thich { padding: 10px 0; border-top: 1px solid #F88C00;float: left;width:100%}
  544. .co-the-ban-thich img{max-width:100% }
  545. .co-the-ban-thich h3 { border-left: 0; padding-left: 0; color: #CB2027; margin: 0; padding-bottom: 15px }
  546. @media (max-width: 500px) {.index .post-body img {width: 100%; height: 200px;}
  547. .error_page #error-page .search-box {width: 100%}
  548. .error_page .scroll-box .scroll-item {margin-right: 0%;width: 100%;}
  549. .error_page #wrapper {width:100%}
  550. .static_page #wrapper {width: 100%}
  551. #header-inner img {margin:auto}
  552. #header-inner {float:none}
  553. #cssmenu {opacity: 1;}.wrapper-outer { width: 100% } #wrapper { width: 100% } #wrapper #main-content { width: 100% } #wrapper #main-content { padding-right: 5px; padding-left: 5px } .container { width: 100% } .content { width: 100% } #sidebar { width: 100% } .ads-header { width: 100%; height: auto } .Menu.Main { display: none } .top-nav .social-icons { display: none } #related-posts ul li { padding: 10px 0; float: left; width: 100%; margin-right: 0; max-height: 70px }
  554. /*--------- TOP 5 POST NEW -------*/.list-post-new { width: 100% }
  555. /*---------- Style Box 1 ---------*/.stylebox1 .hdc_thumbs1 { width: 100% } .stylebox1 .hdc_thumbs22 { width: 100% }
  556. /*---------- Style Box 2 ---------*/.stylebox2 .first-news .inner-content .hdc_thumb { width: 100% } .stylebox2 .hdc_thumb img { width: 100%; height: 165px } .stylebox2 .hdc_thumbs2 li { width: 100% }
  557. /*---------- Style Box 3 ---------*/.recent-box .recent-item, .scroll-box .scroll-item { width: 100%; height: auto } .stylebox3 img { width: 100% }
  558. /*---------- Style Box 4 ---------*/#stylebox-4-left { width: 100% ; margin-bottom: 20px;} #stylebox-4-right { width: 100%; margin-bottom: 20px; margin-bottom: 20px; }
  559. /*----------- FOOTER -----------*/#footer-widget-area { width: 100%; padding: 0 5px } #footer-1 { width: 100% } #footer-2 { width: 100% } #footer-3 { width: 100% } #footer-4 { width: 100% } .share-post li { width: 100% }
  560. }
  561. @media (min-width: 501px) and (max-width: 768px) {
  562. #header-inner img {margin:auto}
  563. #header-inner {float:none}
  564. .error_page #error-page .search-box {width: 100%}
  565. .error_page .scroll-box .scroll-item {margin-right: 0%;width: 100%;}
  566. .error_page #wrapper {width:100%}
  567. .static_page #wrapper {width: 100%}
  568. #cssmenu {opacity: 1;}.wrapper-outer { width: 100% } #wrapper { width: 100% } #wrapper #main-content { width: 100% } #wrapper #main-content { padding-right: 5px; padding-left: 5px } .container { width: 100% } .content { width: 100% } #sidebar { width: 100% } .ads-header { width: 100%; height: auto } .Menu.Main { display: none } .top-nav .social-icons { display: none }
  569. /*--------- TOP 5 POST NEW -------*/.list-post-new { width: 100% }
  570. /*---------- Style Box 1 ---------*/.stylebox1 .hdc_thumbs1 { width: 48% } .stylebox1 .hdc_thumbs22 { width: 50% }
  571. /*---------- Style Box 2 ---------*/.stylebox2 .first-news .inner-content .hdc_thumb { width: 48% } .stylebox2 .hdc_thumb img { width: 100%; height: 165px } .stylebox2 .hdc_thumbs2 li { width: 50% }
  572. /*---------- Style Box 3 ---------*/.recent-box .recent-item, .scroll-box .scroll-item { width: 31.333333%; height: auto } .stylebox3 img { width: 100% }
  573. /*---------- Style Box 4 ---------*/#stylebox-4-left { width: 49% } #stylebox-4-right { width: 49% }
  574. /*----------- FOOTER -----------*/#footer-widget-area { width: 100%; padding: 0 5px } #footer-1 { width: 49% } #footer-2 { width: 49% } #footer-3 { width: 49% } #footer-4 { width: 49%; margin: 0.5% }
  575. /*------------ SIDEBAR ---------*/#sidebar .widget { width: 49%; float: left; margin: 0.5% } #backtotop { overflow: hidden; position: fixed; z-index: 90; right: 10px; bottom: 10px; width: 42px; height: 42px; line-height: 30px; color: #eee; background-color: #F88C00; font-size: 20px; text-indent: 0; cursor: pointer; -webkit-transform: translateZ(0); padding: 4px 0 0; text-align: center; transition: all .5s } .share-post li a { padding: 6px 0 6px 0 } .share-post li .fa:before { display: none }
  576. }
  577. @media (min-width: 769px) and (max-width: 1023px) {
  578. .wrapper-outer { width: 100% } #wrapper { width: 100% } #wrapper #main-content { width: 100% } #wrapper #main-content { padding-right: 5px; padding-left: 5px } .container { width: 100% } .content { width: 100% } #sidebar { width: 100% ;float: left; margin-top: 20px;} .ads-header { width: 100%; height: auto } .Menu.Main { display: none } .top-nav .social-icons { display: none }
  579. /*--------- TOP 5 POST NEW -------*/.list-post-new { width: 100% }
  580. /*---------- Style Box 1 ---------*/.stylebox1 .hdc_thumbs1 { width: 48% } .stylebox1 .hdc_thumbs22 { width: 50% }
  581. /*---------- Style Box 2 ---------*/.stylebox2 .first-news .inner-content .hdc_thumb { width: 48% } .stylebox2 .hdc_thumb img { width: 100%; height: 165px } .stylebox2 .hdc_thumbs2 li { width: 50% }
  582. /*---------- Style Box 3 ---------*/.recent-box .recent-item, .scroll-box .scroll-item { width: 31.333333%; height: auto } .stylebox3 img { width: 100% }
  583. /*---------- Style Box 4 ---------*/#stylebox-4-left { width: 49% } #stylebox-4-right { width: 49% }
  584. /*----------- FOOTER -----------*/#footer-widget-area { width: 100%; padding: 0 5px } #footer-1 { width: 49% } #footer-2 { width: 49% } #footer-3 { width: 49% } #footer-4 { width: 49% }
  585. /*------------ SIDEBAR ---------*/#sidebar .widget { width: 100%;float: left } .PopularPosts{width: 49.5%;
  586. float: left;}.Label{width: 49.5%;float: right;}
  587. }
  588. .list-unstyled{padding-left:0;list-style:none;margin:2px}.list-inline li{display:inline-block;padding-right:5px;padding-left:5px;margin-bottom:10px}.tl-colored-social .fa,.tl-social-icons .fa{font-size:16px}.tl-colored-social .fa,.tl-social-icons .fa{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.tl-colored-social .fa,.tl-social-icons .fa{width:35px;height:35px;line-height:35px;text-align:center;color:#FFF;color:rgba(255,255,255,0.8)}.tl-colored-social.icon-circle .fa,.tl-social-icons.icon-circle .fa{border-radius:50%}.tl-colored-social.icon-rounded .fa,.tl-social-icons.icon-rounded .fa{border-radius:2px}.tl-colored-social.icon-flat .fa,.tl-social-icons.icon-flat .fa{border-radius:0}.tl-colored-social .fa:hover,.tl-colored-social .fa:active,.tl-social-icons .fa:hover,.tl-social-icons .fa:active{color:#FFF}.tl-colored-social.icon-zoom .fa:hover,.tl-colored-social.icon-zoom .fa:active,.tl-social-icons.icon-zoom .fa:hover,.tl-social-icons.icon-zoom .fa:active,.tl-social-sidebar li:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.tl-colored-social.icon-rotate .fa:hover,.tl-colored-social.icon-rotate .fa:active,.tl-social-icons.icon-rotate .fa:hover,.tl-social-icons.icon-rotate .fa:active{-webkit-transform:scale(1.1) rotate(360deg);-moz-transform:scale(1.1) rotate(360deg);-ms-transform:scale(1.1) rotate(360deg);-o-transform:scale(1.1) rotate(360deg);transform:scale(1.1) rotate(360deg)}.tl-colored-social .fa-dribbble,.tl-social-icons .fa-dribbble:hover,.tl-socialicons .tl-dribbble:hover .tl-sicon{background-color:#F46899}.tl-colored-social .fa-stumbleupon,.tl-social-icons .fa-stumbleupon:hover{background-color:#eb4924}.tl-colored-social .fa-reddit,.tl-social-icons .fa-reddit:hover{background-color:#5f99cf}.tl-colored-social .fa-facebook,.tl-social-icons .fa-facebook:hover,.tl-socialicons .tl-facebook:hover .tl-sicon{background-color:#3C599F}.tl-colored-social .fa-rss,.tl-social-icons .fa-rss:hover{background-color:#f26522}.tl-colored-social .fa-lastfm,.tl-social-icons .fa-lastfm:hover{background-color:#d51007}.tl-colored-social .fa-flickr,.tl-social-icons .fa-flickr:hover{background-color:#FF0084}.tl-colored-social .fa-instagram,.tl-social-icons .fa-instagram:hover,.tl-socialicons .tl-instagram:hover .tl-sicon{background-color:#685243}.tl-colored-social .fa-foursquare,.tl-social-icons .fa-foursquare:hover,.tl-socialicons .tl-foursquare:hover .tl-sicon{background-color:#0086BE}.tl-colored-social .fa-github,.tl-social-icons .fa-github:hover,.tl-socialicons .tl-github:hover .tl-sicon{background-color:#070709}.tl-colored-social .fa-google-plus,.tl-social-icons .fa-google-plus:hover,.tl-socialicons .tl-googleplus:hover .tl-sicon{background-color:#CF3D2E}.tl-colored-social .fa-instagram,.tl-social-icons .fa-instagram:hover{background-color:#A1755C}.tl-colored-social .fa-linkedin,.tl-social-icons .fa-linkedin:hover{background-color:#0085AE}.tl-colored-social .fa-pinterest,.tl-social-icons .fa-pinterest:hover,.tl-socialicons .tl-pinterest:hover .tl-sicon{background-color:#CC2127}.tl-colored-social .fa-twitter,.tl-social-icons .fa-twitter:hover,.tl-socialicons .tl-twitter:hover .tl-sicon{background-color:#32CCFE}.tl-colored-social .fa-vk,.tl-social-icons .fa-vk:hover,.tl-socialicons .tl-vk:hover .tl-sicon{background-color:#375474}.tl-colored-social .fa-soundcloud,.tl-social-icons .fa-soundcloud:hover,.tl-socialicons .tl-soundcloud:hover .tl-sicon{background-color:#FF4100}.tl-colored-social .fa-vine,.tl-social-icons .fa-vine:hover,.tl-socialicons .tl-vine:hover .tl-sicon{background-color:#35B57C}.tl-colored-social .fa-xing,.tl-social-icons .fa-xing:hover{background-color:#00555C}.tl-colored-social .fa-youtube,.tl-social-icons .fa-youtube:hover,.tl-socialicons .tl-youtube:hover .tl-sicon{background-color:#C52F30}.top-social ul li{margin:0;padding:0}div#socialicons-top{float:left}.top-social .list-unstyled{margin:0}
  589. .tl-socialicons{text-align:center;overflow:auto;font-size:22px;margin:0 -8px}.tl-socialicons .tl-socialInner{position:relative;overflow:hidden;padding-left:8px}.tl-socialicons .tl-social{float:left;width:25%}.tl-socialicons .tl-sinn{padding-right:8px}.tl-socialicons .tl-sinn:hover .tl-sicon{color:#fff}.tl-socialicons .tl-sicon{display:block;padding:10px 0;}.tl-socialicons .tl-facebook .tl-sicon{color:#3B5998}.tl-socialicons .tl-googleplus .tl-sicon{color:#DD4B39}.tl-socialicons .tl-twitter .tl-sicon{color:#2AA9E0}.tl-socialicons .tl-instagram .tl-sicon{color:#685243}.tl-socialicons .tl-pinterest .tl-sicon{color:#CC2028}.tl-socialicons .tl-youtube .tl-sicon{color:#DE1829}.tl-socialicons .tl-vine .tl-sicon{color:#35B57C}.tl-socialicons .tl-soundcloud .tl-sicon{color:#FF4100}.tl-socialicons .tl-vk .tl-sicon{color:#45668e}.tl-socialicons .tl-foursquare .tl-sicon{color:#f94877}.tl-socialicons .tl-github .tl-sicon{color:#333333}.tl-socialicons .tl-dribbble .tl-sicon{color:#ea4c89}.tl-socialicons .tl-sicon{background:#F5F5F5;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.tl-socialicons .tl-scount{display:block;color:#eee;background:#CFCFCF;padding:5px 0;position:relative;margin-bottom:8px;font-size:14px;font-weight:600}.tl-socialicons .tl-scount:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(238,238,238,0);border-bottom-color:#CFCFCF;border-width:4px;margin-left:-4px}
  590.  
  591. ]]></b:skin>
  592. <link href='//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css' rel='stylesheet'/>
  593. <!-- CSS for Layout -->
  594. <b:template-skin>
  595. <![CDATA[
  596. #layout .header-outer{width:300px;float:left}#layout .ads-header1.section{width:705px;float:right}#layout #sidebar{width:315px;float:right}#layout .content{width:700px;float:left}#layout li{display:none}#layout #theme-footer{position:relative;color:#ddd;background:#333;padding:15px 0 0}#layout #theme-footer a{color:#ccc}#layout #footer-widget-area{width:1024px;margin:0 auto}#layout .footer-widgets-box{float:left;margin-right:1%}#layout #footer-1{width:25.5%}#layout #footer-2{width:20.5%}#layout #footer-3{width:21%}#layout #footer-4{width:30%;margin-right:0}#layout #stylebox-4-left{width:47%;float:left}#layout #stylebox-4-right{width:47%;float:right}.CSS_LIGHTBOX {z-index: 9999 !important}
  597. ]]>
  598. </b:template-skin>
  599. <!-- Auto Read More -->
  600. <script type='text/javascript'>
  601. var summaryConf = {
  602. showImage: true,
  603. imgFloat: &#39;left&#39;,
  604. imgWidth: 275,
  605. imgHeight: 165,
  606. defaultThumb:&#39;http://1.bp.blogspot.com/-Zr0pmj1bLnM/Uhh7kROhGYI/AAAAAAAAGkE/W51xFS75-Ec/s1600/no-thumbnail.png&#39;,
  607. words: 55,
  608. wordsNoImg: 80,
  609. skip: 0,
  610. showHome: true,
  611. showLabel: true
  612. };
  613. //<![CDATA[
  614. function summary(h){
  615. summary.count=summary.count||0;
  616. summary.count++;
  617. var g=location.href.indexOf("/search/label/")==-1&&location.href.indexOf("/search?")==-1,c=location.href.indexOf("/search/label/")!=-1;
  618. if(summary.count<=summaryConf.skip){
  619. return
  620. }
  621. if(g&&!summaryConf.showHome){
  622. return
  623. }
  624. if(c&&!summaryConf.showLabel){
  625. return
  626. }
  627. var e=document.getElementById(h),f=e.getElementsByTagName("img"),a="";
  628. if(summaryConf.showImage){
  629. if(summaryConf.defaultThumb!="none"){
  630. a='<img width="'+summaryConf.imgWidth+'" height="'+summaryConf.imgHeight+'"';
  631. if(summaryConf.imgFloat!="no"){
  632. var b=' style="float:'+summaryConf.imgFloat+';margin:0 15px 5px 0;padding:0;border-radius:10px 0"';
  633. a+=b
  634. }
  635. a+=' src="'+(f.length>0?f[0].src:summaryConf.defaultThumb)+'" />'
  636. }
  637. else{
  638. if(f.length>0){
  639. a='<img width="'+summaryConf.imgWidth+'" height="'+summaryConf.imgHeight+'"';
  640. if(summaryConf.imgFloat!="no"){
  641. var b=' style="float:'+summaryConf.imgFloat+';margin:0 5px 5px 0;padding:0"';
  642. a+=b
  643. }
  644. a+=' src="'+f[0].src+'" />'
  645. }
  646. }
  647. }
  648. if(a!="") var d=summary.strip(e.innerHTML,summaryConf.words)
  649. else var d=summary.strip(e.innerHTML,summaryConf.wordsNoImg);
  650. e.innerHTML=a+d+"..."
  651. }
  652. summary.strip=function(a,b){
  653. return a.replace(/<.*?>/ig,"").split(/\s+/).slice(0,b-1).join(" ")
  654. };
  655. //]]>
  656. </script>
  657. </head>
  658. <body expr:class='&quot;loading&quot; + data:blog.mobileClass + &quot; &quot; + data:blog.pageType + &quot; &quot; + data:blog.Label'>
  659. <script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'/>
  660. <script type='text/javascript'>
  661. //<![CDATA[
  662. (function($){$.fn.menumaker=function(options){var cssmenu=$(this),settings=$.extend({title:"Menu",format:"dropdown",sticky:false},options);return this.each(function(){cssmenu.prepend('<div id="menu-button">'+settings.title+'</div>');$(this).find("#menu-button").on('click',function(){$(this).toggleClass('menu-opened');var mainmenu=$(this).next('ul');if(mainmenu.hasClass('open')){mainmenu.hide().removeClass('open')}else{mainmenu.show().addClass('open');if(settings.format==="dropdown"){mainmenu.find('ul').show()}}});cssmenu.find('li ul').parent().addClass('has-sub');multiTg=function(){cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>');cssmenu.find('.submenu-button').on('click',function(){$(this).toggleClass('submenu-opened');if($(this).siblings('ul').hasClass('open')){$(this).siblings('ul').removeClass('open').hide()}else{$(this).siblings('ul').addClass('open').show()}})};if(settings.format==='multitoggle')multiTg();else cssmenu.addClass('dropdown');if(settings.sticky===true)cssmenu.css('position','fixed');resizeFix=function(){if($(window).width()>768){cssmenu.find('ul').show()}if($(window).width()<=768){cssmenu.find('ul').hide().removeClass('open')}};resizeFix();return $(window).on('resize',resizeFix)})}})(jQuery);(function($){$(document).ready(function(){$(document).ready(function(){$("#cssmenu").menumaker({title:"Menu",format:"multitoggle"});$("#cssmenu").prepend("<div id='menu-line'></div>");var foundActive=false,activeElement,linePosition=0,menuLine=$("#cssmenu #menu-line"),lineWidth,defaultPosition,defaultWidth;$("#cssmenu > ul > li").each(function(){if($(this).hasClass('active')){activeElement=$(this);foundActive=true}});if(foundActive===false){activeElement=$("#cssmenu > ul > li").first()}defaultWidth=lineWidth=activeElement.width();defaultPosition=linePosition=activeElement.position().left;menuLine.css("width",lineWidth);menuLine.css("left",linePosition);$("#cssmenu > ul > li").hover(function(){activeElement=$(this);lineWidth=activeElement.width();linePosition=activeElement.position().left;menuLine.css("width",lineWidth);menuLine.css("left",linePosition)},function(){menuLine.css("left",defaultPosition);menuLine.css("width",defaultWidth)})})})})(jQuery);
  663. //]]>
  664. </script>
  665. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  666. <script src='https://a44d96df9defe676467f55bacaa4f23d0646da4a.googledrive.com/host/0ByBzWAyW5EdvSHctbjJ5R1R6RDQ/post.js' type='text/javascript'/>
  667. </b:if>
  668. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  669. <script src='https://googledrive.com/host/0ByBzWAyW5EdvSHctbjJ5R1R6RDQ/error-page.js' type='text/javascript'/>
  670. </b:if>
  671. <script>
  672. window . fbAsyncInit = function () {
  673. FB . init ({
  674. appId : &#39;1493749930932265&#39; ,
  675. xfbml : true ,
  676. version : &#39;v2.5&#39;
  677. });
  678. };
  679.  
  680. ( function ( d , s , id ){
  681. var js , fjs = d . getElementsByTagName ( s )[ 0 ];
  682. if ( d . getElementById ( id )) { return ;}
  683. js = d . createElement ( s ); js . id = id ;
  684. js . src = &quot;//connect.facebook.net/vi_VN/sdk.js&quot; ;
  685. fjs . parentNode . insertBefore ( js , fjs );
  686. }( document , &#39;script&#39; , &#39;facebook-jssdk&#39; ));
  687. </script>
  688. <header>
  689. <div id='header' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
  690. <div class='top-nav' id='top-nav'>
  691. <div class='container'>
  692. <div class='top-menu'>
  693. <ul class='menu' id='menu-menu-top'>
  694. <li><a href='/p/gioi-thieu.html'>Giới thiệu</a></li>
  695. <li><a href='/p/sitemap.html'>Sitemap</a></li>
  696. </ul>
  697. </div>
  698. <div class='social-icons'>
  699. <a href='/feed' target='_blank' title='Rss'><i class='fa fa-rss'/></a>
  700. <a href='https://plus.google.com/110540386213119698778/posts' target='_blank' title='Google+'><i class='fa fa-google-plus'/></a>
  701. <a href='https://www.facebook.com' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a>
  702. <a href='http://twitter.com' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
  703. </div>
  704. </div>
  705. </div>
  706. <div style='clear: both'/>
  707. <div class='header-content'>
  708. <div class='header-outer'>
  709. <b:section class='header' id='header-logo' maxwidgets='1' showaddelement='yes'>
  710. <b:widget id='Header1' locked='false' title='Hỗn Tạp Blog (Tiêu đề)' type='Header'>
  711. <b:includable id='main'>
  712. <b:if cond='data:useImage'>
  713. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  714. <!--
  715. Show image as background to text. You can't really calculate the width
  716. reliably in JS because margins are not taken into account by any of
  717. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  718. width if the user is using shrink to fit.
  719. This results in a margin-width's worth of pixels being cropped. If the
  720. user is not using shrink to fit then we expand the header.
  721. -->
  722. <b:if cond='data:mobile'>
  723. <div id='header-inner'>
  724. <div class='titlewrapper' style='background: transparent'>
  725. <h1 class='title' style='background: transparent; border-width: 0px'>
  726. <b:include name='title'/>
  727. </h1>
  728. </div>
  729. <b:include name='description'/>
  730. </div>
  731. <b:else/>
  732. <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  733. <div class='titlewrapper' style='background: transparent'>
  734. <h1 class='title' style='background: transparent; border-width: 0px'>
  735. <b:include name='title'/>
  736. </h1>
  737. </div>
  738. <b:include name='description'/>
  739. </div>
  740. </b:if>
  741. <b:else/>
  742. <div id='header-inner'>
  743. <a expr:href='data:blog.homepageUrl' style='display: block'>
  744. <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
  745. </a>
  746. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  747. <b:include name='description'/>
  748. </b:if>
  749. </div>
  750. </b:if>
  751. <b:else/>
  752. <div id='header-inner'>
  753. <div class='titlewrapper'>
  754. <h1 class='title'>
  755. <b:include name='title'/>
  756. </h1>
  757. </div>
  758. <b:include name='description'/>
  759. </div>
  760. </b:if>
  761. </b:includable>
  762. <b:includable id='description'>
  763. <div class='descriptionwrapper'>
  764. <p class='description'>
  765. <span>
  766. <data:description/>
  767. </span>
  768. </p>
  769. </div>
  770. </b:includable>
  771. <b:includable id='title'>
  772. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  773. <data:title/>
  774. <b:else/>
  775. <a expr:href='data:blog.homepageUrl'>
  776. <data:title/>
  777. </a>
  778. </b:if>
  779. </b:includable>
  780. </b:widget>
  781. </b:section>
  782. </div>
  783. <div class='ads-header'>
  784. <b:section class='ads-header1' id='ads-header1' maxwidgets='1' showaddelement='yes'>
  785. <b:widget id='HTML1' locked='false' title='' type='HTML'>
  786. <b:includable id='main'>
  787. <b:if cond='data:title != &quot;&quot;'>
  788. <h2 class='title'>
  789. <data:title/>
  790. </h2>
  791. </b:if>
  792. <div class='widget-content'>
  793. <data:content/>
  794. </div>
  795. </b:includable>
  796. </b:widget>
  797. </b:section>
  798. </div>
  799. </div>
  800. </div>
  801. <div style='clear: both'/>
  802. </header>
  803. <sticknav>
  804. <div id='cssmenu'>
  805. <ul>
  806. <li><a class='home' href='/'/></li>
  807. <li><a href='/search/label/Công nghệ?&amp;max-results=10'>Công nghệ</a></li>
  808. <li><a href='/search/label/Sức khỏe?&amp;max-results=10'>Sức khỏe</a></li>
  809. <li><a href='/search/label/Làm đẹp?&amp;max-results=10'>Làm đẹp</a></li>
  810. <li class='has-sub'><a href='/search/label/Thủ thuật?&amp;max-results=10'>Thủ thuật</a>
  811. <ul>
  812. <li><a href='/search/label/Blogger?&amp;max-results=10'>Blogger</a></li>
  813. <li><a href='/search/label/Di động?&amp;max-results=10'>Di động</a></li>
  814. <li><a href='/search/label/Windows?&amp;max-results=10'>Windows</a></li>
  815. <li><a href='/search/label/Facebook?&amp;max-results=10'>Facebook</a></li>
  816. <li><a href='/search/label/Internet?&amp;max-results=10'>Internet</a></li>
  817. </ul>
  818. </li>
  819. <li><a href='/search/label/Game?&amp;max-results=10'>Game</a></li>
  820. <li id='searchboxbswright'>
  821. <div class='search-box'>
  822. <form action='/search' class='search-form' method='get' target='_top'>
  823. <input class='search-text' name='q' placeholder='Tìm kiếm trên blog...' type='text'/>
  824. <button class='search-button' type='submit'><span><i class='fa fa-search'/></span></button>
  825. </form>
  826. </div>
  827. </li>
  828. </ul>
  829. </div>
  830. </sticknav>
  831. <div class='khung-tim-kiem search-box'>
  832. <form action='/search' class='search-form' method='get' target='_top'>
  833. <input class='search-text' name='q' placeholder='Tìm kiếm trên blog...' type='text'/>
  834. <button class='search-button' type='submit'><span><i class='fa fa-search'/></span></button>
  835. </form>
  836. </div>
  837. <div style='clear: both'/>
  838. <div class='wrapper-outer'>
  839. <div id='wrapper'>
  840. <div class='inner-wrapper'>
  841. <div id='main-content'>
  842. <div class='content' itemscope='itemscope' itemtype='http://schema.org/Blog'>
  843. <b:section class='main' id='main' name='Main' showaddelement='no'>
  844. <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>
  845. <b:includable id='main' var='top'>
  846. <!-- posts -->
  847. <b:if cond='data:mobile == &quot;false&quot;'>
  848. <b:include data='top' name='status-message'/>
  849. <b:include data='posts' name='breadcrumb'/>
  850. <div class='blog-posts hfeed'>
  851. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  852. <div id='error-page'>
  853. <div id='error-404'>
  854. <div class='box-404'>
  855. 404 :(
  856. </div>
  857. <h1>
  858. Địa chỉ URL không tồn tại
  859. </h1>
  860. <p>
  861. Có thể URL bị hỏng hoặc đã bị Admin blog gỡ bỏ. Bạn hãy thử tìm kiếm với từ khóa khác!
  862. </p>
  863. <div class='search-box'>
  864. <form action='/search' class='search-form' method='get' target='_top'>
  865. <input class='search-text' name='q' placeholder='Tìm kiếm phần mềm, thủ thuật, game,...' type='text'/>
  866. <button class='search-button' type='submit'>
  867. <span>
  868. <i class='fa fa-search'>
  869. </i>
  870. </span>
  871. </button>
  872. </form>
  873. </div>
  874. <br/>
  875. <div class='scroll-box co-the-ban-thich'>
  876. <script expr:src='&quot;/feeds/posts/default/?alt=json-in-script&amp;callback=stylebox3&amp;max-results=4&quot;' type='text/javascript'/>
  877. </div>
  878. </div>
  879. </div>
  880. </b:if>
  881. <data:defaultAdStart/>
  882. <b:loop values='data:posts' var='post'>
  883. <b:include data='post' name='post'/>
  884. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  885. <b:include data='post' name='threaded_comments'/>
  886. </b:if>
  887. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  888. <b:include data='post' name='threaded_comments'/>
  889. </b:if>
  890. <b:if cond='data:post.includeAd'>
  891. <b:if cond='data:post.isFirstPost'>
  892. <data:defaultAdEnd/>
  893. <b:else/>
  894. <data:adEnd/>
  895. </b:if>
  896. <div class='inline-ad'>
  897. <data:adCode/>
  898. </div>
  899. <data:adStart/>
  900. </b:if>
  901. <b:if cond='data:post.trackLatency'>
  902. <data:post.latencyJs/>
  903. </b:if>
  904. </b:loop>
  905. <data:adEnd/>
  906. </div>
  907. <!-- navigation -->
  908. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  909. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  910. <b:include name='nextprev'/>
  911. </b:if>
  912. </b:if>
  913. <div class='clear'/>
  914. <b:else/>
  915. <b:include name='mobile-main'/>
  916. </b:if>
  917. </b:includable>
  918. <b:includable id='backlinkDeleteIcon' var='backlink'>
  919. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  920. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  921. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  922. </a>
  923. </span>
  924. </b:includable>
  925. <b:includable id='backlinks' var='post'>
  926. <a name='links'/>
  927. <h4>
  928. <data:post.backlinksLabel/>
  929. </h4>
  930. <b:if cond='data:post.numBacklinks != 0'>
  931. <dl class='comments-block' id='comments-block'>
  932. <b:loop values='data:post.backlinks' var='backlink'>
  933. <div class='collapsed-backlink backlink-control'>
  934. <dt class='comment-title'>
  935. <span class='backlink-toggle-zippy'>
  936. &#160;
  937. </span>
  938. <a expr:href='data:backlink.url' rel='nofollow'>
  939. <data:backlink.title/>
  940. </a>
  941. <b:include data='backlink' name='backlinkDeleteIcon'/>
  942. </dt>
  943. <dd class='comment-body collapseable'>
  944. <data:backlink.snippet/>
  945. </dd>
  946. <dd class='comment-footer collapseable'>
  947. <span class='comment-author'>
  948. <data:post.authorLabel/>
  949. <data:backlink.author/>
  950. </span>
  951. <span class='comment-timestamp'>
  952. <data:post.timestampLabel/>
  953. <data:backlink.timestamp/>
  954. </span>
  955. </dd>
  956. </div>
  957. </b:loop>
  958. </dl>
  959. </b:if>
  960. <p class='comment-footer'>
  961. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
  962. <data:post.createLinkLabel/>
  963. </a>
  964. </p>
  965. </b:includable>
  966. <b:includable id='breadcrumb' var='posts'>
  967. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  968. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  969. <div class='breadcrumbs'>
  970. <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
  971. <a expr:href='data:blog.homepageUrl' rel='tag'>
  972. Home
  973. </a>
  974. </span>
  975. &#187;
  976. <span>
  977. <data:blog.pageName/>
  978. </span>
  979. </div>
  980. <b:else/>
  981. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  982. <!-- breadcrumb for the post page -->
  983. <b:loop values='data:posts' var='post'>
  984. <b:if cond='data:post.labels'>
  985. <div class='breadcrumbs'>
  986. <span typeof='v:Breadcrumb'>
  987. <a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>
  988. Home
  989. </a>
  990. </span>
  991. <b:loop values='data:post.labels' var='label'>
  992. &#187;
  993. <span typeof='v:Breadcrumb'>
  994. <a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' property='v:title' rel='v:url'>
  995. <data:label.name/>
  996. </a>
  997. </span>
  998. </b:loop>
  999. &#187;
  1000. <span>
  1001. <data:post.title/>
  1002. </span>
  1003. </div>
  1004. <b:else/>
  1005. <div class='breadcrumbs'>
  1006. <span>
  1007. <a expr:href='data:blog.homepageUrl' rel='tag'>
  1008. Home
  1009. </a>
  1010. </span>
  1011. &#187;
  1012. <span>
  1013. Unlabelled
  1014. </span>
  1015. &#187;
  1016. <span>
  1017. <data:post.title/>
  1018. </span>
  1019. </div>
  1020. </b:if>
  1021. </b:loop>
  1022. <b:else/>
  1023. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1024. <!-- breadcrumb for the label archive page and search pages.. -->
  1025. <div class='breadcrumbs'>
  1026. <span>
  1027. <a expr:href='data:blog.homepageUrl'>
  1028. Home
  1029. </a>
  1030. </span>
  1031. &#187;
  1032. <span>
  1033. Archives for
  1034. <data:blog.pageName/>
  1035. </span>
  1036. </div>
  1037. <b:else/>
  1038. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1039. <div class='breadcrumbs'>
  1040. <b:if cond='data:blog.pageName == &quot;&quot;'>
  1041. <span>
  1042. <a expr:href='data:blog.homepageUrl'>
  1043. Home
  1044. </a>
  1045. </span>
  1046. &#187;
  1047. <span>
  1048. All posts
  1049. </span>
  1050. <b:else/>
  1051. <span>
  1052. <a expr:href='data:blog.homepageUrl'>
  1053. Home
  1054. </a>
  1055. </span>
  1056. &#187;
  1057. <span>
  1058. Bài viết cho &quot;
  1059. <data:blog.pageName/>
  1060. &quot;
  1061. </span>
  1062. </b:if>
  1063. </div>
  1064. </b:if>
  1065. </b:if>
  1066. </b:if>
  1067. </b:if>
  1068. </b:if>
  1069. </b:includable>
  1070. <b:includable id='comment-form' var='post'>
  1071. <div class='comment-form'>
  1072. <a id='comment-form'/>
  1073. <b:if cond='data:mobile'>
  1074. <h4 id='comment-post-message'>
  1075. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'>
  1076. <data:postCommentMsg/>
  1077. </a>
  1078. </h4>
  1079. <p>
  1080. <data:blogCommentMessage/>
  1081. </p>
  1082. <data:blogTeamBlogMessage/>
  1083. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1084. <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
  1085. </b:if>
  1086. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1087. <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/>
  1088. </b:if>
  1089. <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  1090. <b:else/>
  1091. <h4 id='comment-post-message'>
  1092. <data:postCommentMsg/>
  1093. </h4>
  1094. <p>
  1095. <data:blogCommentMessage/>
  1096. </p>
  1097. <data:blogTeamBlogMessage/>
  1098. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1099. <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
  1100. </b:if>
  1101. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1102. <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/>
  1103. </b:if>
  1104. <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='300' id='comment-editor' name='comment-editor'/>
  1105. </b:if>
  1106. <data:post.friendConnectJs/>
  1107. <data:post.cmtfpIframe/>
  1108. <script type='text/javascript'>
  1109. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1110. </script>
  1111. </div>
  1112. </b:includable>
  1113. <b:includable id='commentDeleteIcon' var='comment'>
  1114. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1115. <b:if cond='data:showCmtPopup'>
  1116. <div class='goog-toggle-button'>
  1117. <div class='goog-inline-block comment-action-icon'/>
  1118. </div>
  1119. <b:else/>
  1120. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1121. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1122. </a>
  1123. </b:if>
  1124. </span>
  1125. </b:includable>
  1126. <b:includable id='comment_count_picker' var='post'>
  1127. <b:if cond='data:post.commentSource == 1'>
  1128. <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'>
  1129. </span>
  1130. <b:else/>
  1131. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1132. <data:post.commentLabelFull/>
  1133. :
  1134. </a>
  1135. </b:if>
  1136. </b:includable>
  1137. <b:includable id='comment_picker' var='post'>
  1138. <b:if cond='data:post.commentSource == 1'>
  1139. <b:include data='post' name='iframe_comments'/>
  1140. <b:else/>
  1141. <b:if cond='data:post.showThreadedComments'>
  1142. <b:include data='post' name='threaded_comments'/>
  1143. <b:else/>
  1144. <b:include data='post' name='comments'/>
  1145. </b:if>
  1146. </b:if>
  1147. </b:includable>
  1148. <b:includable id='comments' var='post'>
  1149. </b:includable>
  1150. <b:includable id='feedLinks'>
  1151. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1152. <!-- Blog feed links -->
  1153. <b:if cond='data:feedLinks'>
  1154. <div class='blog-feeds'>
  1155. <b:include data='feedLinks' name='feedLinksBody'/>
  1156. </div>
  1157. </b:if>
  1158. <b:else/>
  1159. <!--Post feed links -->
  1160. <div class='post-feeds'>
  1161. <b:loop values='data:posts' var='post'>
  1162. <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
  1163. </b:loop>
  1164. </div>
  1165. </b:if>
  1166. </b:includable>
  1167. <b:includable id='feedLinksBody' var='links'>
  1168. <div class='feed-links'>
  1169. <data:feedLinksMsg/>
  1170. <b:loop values='data:links' var='f'>
  1171. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
  1172. <data:f.name/>
  1173. (
  1174. <data:f.feedType/>
  1175. )
  1176. </a>
  1177. </b:loop>
  1178. </div>
  1179. </b:includable>
  1180. <b:includable id='iframe_comments' var='post'>
  1181. <b:if cond='data:post.allowIframeComments'>
  1182. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1183. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1184. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1185. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1186. <data:postCommentMsg/>
  1187. </a>
  1188. </b:if>
  1189. </b:if>
  1190. </b:includable>
  1191. <b:includable id='mobile-index-post' var='post'>
  1192. <div class='mobile-date-outer date-outer'>
  1193. <b:if cond='data:post.dateHeader'>
  1194. <div class='date-header'>
  1195. <span>
  1196. <data:post.dateHeader/>
  1197. </span>
  1198. </div>
  1199. </b:if>
  1200. <div class='mobile-post-outer'>
  1201. <div class='mobile-index-comment'>
  1202. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1203. <b:if cond='data:post.numComments == 1'>
  1204. 1
  1205. <data:top.commentLabel/>
  1206. <b:else/>
  1207. <data:post.numComments/>
  1208. <data:top.commentLabelPlural/>
  1209. </b:if>
  1210. </a>
  1211. </div>
  1212. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1213. <a expr:href='data:post.url'>
  1214. <data:post.title/>
  1215. </a>
  1216. </h3>
  1217. <div class='mobile-index-contents' style='display:none;'>
  1218. <a expr:href='data:post.url'>
  1219. <b:if cond='data:post.thumbnailUrl'>
  1220. <div class='mobile-index-thumbnail'>
  1221. <div class='Image'>
  1222. <img expr:src='data:post.thumbnailUrl'/>
  1223. </div>
  1224. </div>
  1225. </b:if>
  1226. </a>
  1227. <div class='post-body'>
  1228. <b:if cond='data:post.snippet'>
  1229. <data:post.snippet/>
  1230. </b:if>
  1231. </div>
  1232. </div>
  1233. <div style='clear: both;'/>
  1234. </div>
  1235. </div>
  1236. </b:includable>
  1237. <b:includable id='mobile-main' var='top'>
  1238. <!-- posts -->
  1239. <div class='blog-posts hfeed'>
  1240. <b:include data='top' name='status-message'/>
  1241. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1242. <b:loop values='data:posts' var='post'>
  1243. <b:include data='post' name='mobile-index-post'/>
  1244. </b:loop>
  1245. <b:else/>
  1246. <b:loop values='data:posts' var='post'>
  1247. <b:include data='post' name='mobile-post'/>
  1248. </b:loop>
  1249. </b:if>
  1250. <div style='clear: both;'/>
  1251. </div>
  1252. <b:include name='mobile-nextprev'/>
  1253. </b:includable>
  1254. <b:includable id='mobile-nextprev'>
  1255. <div class='blog-pager' id='blog-pager'>
  1256. <b:if cond='data:newerPageUrl'>
  1257. <div class='mobile-link-button' id='blog-pager-newer'>
  1258. <a class='blog-pager-newer' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
  1259. &amp;lsaquo; Prev
  1260. </a>
  1261. </div>
  1262. </b:if>
  1263. <div class='mobile-link-button' id='blog-pager-home'>
  1264. <a class='home-link' expr:href='data:blog.homepageUrl'>
  1265. <data:homeMsg/>
  1266. </a>
  1267. </div>
  1268. <b:if cond='data:olderPageUrl'>
  1269. <div class='mobile-link-button' id='blog-pager-older'>
  1270. <a class='blog-pager-older' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
  1271. Next &amp;rsaquo;
  1272. </a>
  1273. </div>
  1274. </b:if>
  1275. <div class='mobile-desktop-link'>
  1276. <a class='home-link' expr:href='data:desktopLinkUrl'>
  1277. <data:desktopLinkMsg/>
  1278. </a>
  1279. </div>
  1280. </div>
  1281. <div class='clear'/>
  1282. </b:includable>
  1283. <b:includable id='mobile-post' var='post'>
  1284. <div class='date-outer'>
  1285. <b:if cond='data:post.dateHeader'>
  1286. <h2 class='date-header'>
  1287. <span>
  1288. <data:post.dateHeader/>
  1289. </span>
  1290. </h2>
  1291. </b:if>
  1292. <div class='date-posts'>
  1293. <div class='post-outer'>
  1294. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1295. <b:if cond='data:post.thumbnailUrl'>
  1296. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1297. </b:if>
  1298. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1299. <meta expr:content='data:post.id' itemprop='postId'/>
  1300. <a expr:name='data:post.id'/>
  1301. <b:if cond='data:post.title'>
  1302. <h3 class='post-title entry-title' itemprop='name'>
  1303. <b:if cond='data:post.link'>
  1304. <a expr:href='data:post.link'>
  1305. <data:post.title/>
  1306. </a>
  1307. <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
  1308. <a expr:href='data:post.url'>
  1309. <data:post.title/>
  1310. </a>
  1311. <b:else/>
  1312. <data:post.title/>
  1313. </b:if>
  1314. </h3>
  1315. </b:if>
  1316. <div class='post-header'>
  1317. <div class='post-header-line-1'/>
  1318. </div>
  1319. <div class='post hentry' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1320. <data:post.body/>
  1321. <div style='clear: both;'/>
  1322. <!-- clear for photos floats -->
  1323. </div>
  1324. <div class='post-footer'>
  1325. <div class='post-footer-line post-footer-line-1'>
  1326. <span class='post-author vcard'>
  1327. <b:if cond='data:top.showAuthor'>
  1328. <b:if cond='data:post.authorProfileUrl'>
  1329. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1330. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1331. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1332. <span itemprop='name'>
  1333. <data:post.author/>
  1334. </span>
  1335. </a>
  1336. </span>
  1337. <b:else/>
  1338. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1339. <span itemprop='name'>
  1340. <data:post.author/>
  1341. </span>
  1342. </span>
  1343. </b:if>
  1344. </b:if>
  1345. </span>
  1346. <span class='post-timestamp'>
  1347. <b:if cond='data:top.showTimestamp'>
  1348. <data:top.timestampLabel/>
  1349. <b:if cond='data:post.url'>
  1350. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1351. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
  1352. <abbr class='published' expr:title='data:post.timestampISO8601' itemprop='Published'>
  1353. <data:post.timestamp/>
  1354. </abbr>
  1355. </a>
  1356. </b:if>
  1357. </b:if>
  1358. </span>
  1359. <span class='post-comment-link'>
  1360. <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/>
  1361. </span>
  1362. </div>
  1363. <div class='post-footer-line post-footer-line-2'>
  1364. <b:if cond='data:top.showMobileShare'>
  1365. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1366. <a href='javascript:void(0);'>
  1367. <data:shareMsg/>
  1368. </a>
  1369. </div>
  1370. </b:if>
  1371. <b:if cond='data:top.showDummy'>
  1372. <div class='goog-inline-block dummy-container'>
  1373. <data:post.dummyTag/>
  1374. </div>
  1375. </b:if>
  1376. </div>
  1377. </div>
  1378. </div>
  1379. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  1380. </div>
  1381. </div>
  1382. </div>
  1383. </b:includable>
  1384. <b:includable id='nextprev'>
  1385. <div class='blog-pager' id='blog-pager'>
  1386. <b:if cond='data:newerPageUrl'>
  1387. <span id='blog-pager-newer-link'>
  1388. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
  1389. <data:newerPageTitle/>
  1390. </a>
  1391. </span>
  1392. </b:if>
  1393. <b:if cond='data:olderPageUrl'>
  1394. <span id='blog-pager-older-link'>
  1395. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
  1396. <data:olderPageTitle/>
  1397. </a>
  1398. </span>
  1399. </b:if>
  1400. <a class='home-link' expr:href='data:blog.homepageUrl'>
  1401. <data:homeMsg/>
  1402. </a>
  1403. <b:if cond='data:mobileLinkUrl'>
  1404. <div class='blog-mobile-link'>
  1405. <a expr:href='data:mobileLinkUrl'>
  1406. <data:mobileLinkMsg/>
  1407. </a>
  1408. </div>
  1409. </b:if>
  1410. </div>
  1411. <div class='clear'/>
  1412. </b:includable>
  1413. <b:includable id='post' var='post'>
  1414. <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1415. <a expr:name='data:post.id'/>
  1416. <b:if cond='data:post.title'>
  1417. <h2 class='post-title entry-title' itemprop='name'>
  1418. <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
  1419. <a expr:href='data:post.link ? data:post.link : data:post.url'>
  1420. <data:post.title/>
  1421. </a>
  1422. <b:else/>
  1423. <data:post.title/>
  1424. </b:if>
  1425. </h2>
  1426. </b:if>
  1427. <div class='post-header'>
  1428. <div class='post-footer'>
  1429. <div class='post-footer-line post-footer-line-1'>
  1430. <span class='post-author vcard'>
  1431. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1432. <i class='fa fa-user'/>
  1433. <span itemprop='name'>
  1434. <data:post.author/>
  1435. </span>
  1436. </span>
  1437. </span>
  1438. <span class='post-timestamp'>
  1439. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1440. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
  1441. <abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
  1442. <i class='fa fa-clock-o'/>
  1443. <data:post.timestamp/>
  1444. </abbr>
  1445. </a>
  1446. </span>
  1447. <span class='post-labels'>
  1448. <i class='fa fa-folder'/>
  1449. <b:loop values='data:post.labels' var='label'>
  1450. <a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'>
  1451. <data:label.name/>
  1452. </a>
  1453. <b:if cond='not data:label.isLast'>
  1454. ,
  1455. </b:if>
  1456. </b:loop>
  1457. </span>
  1458. <span class='post-comment-link'>
  1459. <i class='fa fa-comments'/> <span class='fb-comments-count' expr:href='data:post.canonicalUrl'/> Bình luận</span>
  1460. </div>
  1461. </div>
  1462. </div>
  1463. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1464. <div class='qc-header-post'>
  1465. <div class='post-ads'>
  1466.  
  1467. </div>
  1468. <div class='post-right'>
  1469. <p class='post-excerpt'>
  1470. <data:post.snippet/>
  1471. </p>
  1472. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1473. <div id='related-posts'>
  1474. <h4>
  1475. <i class='fa fa-bullhorn'/>
  1476. Bài viết liên quan:
  1477. </h4>
  1478. <b:loop values='data:post.labels' var='label'>
  1479. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
  1480. </b:loop>
  1481. <script type='text/javascript'>
  1482. var maxresults=5;removeRelatedDuplicates();printRelatedLabels(&quot;<data:post.url/>&quot;);</script>
  1483. </div>
  1484. </b:if>
  1485. </div>
  1486. </div><div style='clear:both'/>
  1487. </b:if>
  1488. <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  1489. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;articleBody&quot;'>
  1490. <span expr:id='data:post.id'>
  1491. <data:post.body/>
  1492. </span>
  1493. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1494. <div class='readmore'>
  1495. <a expr:href='data:post.url'>
  1496. Xem tiếp &#187;
  1497. </a>
  1498. </div>
  1499. <script type='text/javascript'>
  1500. summary(&quot;<data:post.id/>&quot;)</script>
  1501. <b:else/>
  1502. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1503. <script type='text/javascript'>
  1504. summary(&quot;<data:post.id/>&quot;)</script>
  1505. </b:if>
  1506. </b:if>
  1507. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1508. <div class='share-post'>
  1509. <ul>
  1510. <li>
  1511. <a class='twitter arlina-tooltip arlina-tooltip-top' data-arlina-tooltip='Share on Twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>
  1512. <i class='fa fa-twitter'/>
  1513. Twitter
  1514. </a>
  1515. </li>
  1516. <li>
  1517. <a class='facebook arlina-tooltip arlina-tooltip-top' data-arlina-tooltip='Share on Facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank'>
  1518. <i class='fa fa-facebook'/>
  1519. Facebook
  1520. </a>
  1521. </li>
  1522. <li>
  1523. <a class='gplus arlina-tooltip arlina-tooltip-top' data-arlina-tooltip='Share on Google Plus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank'>
  1524. <i class='fa fa-google-plus'/>
  1525. Google
  1526. </a>
  1527. </li>
  1528. <li>
  1529. <a class='tumblr arlina-tooltip arlina-tooltip-top' data-arlina-tooltip='Share on Tumblr' href='http://www.tumblr.com/share' rel='nofollow' target='_blank'>
  1530. <i class='fa fa-tumblr'/>
  1531. Tumblr
  1532. </a>
  1533. </li>
  1534. <li>
  1535. <a class='pinterest arlina-tooltip arlina-tooltip-top' data-arlina-tooltip='Share on Pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description= + data:post.title&quot;' target='_blank'>
  1536. <i class='fa fa-pinterest'/>
  1537. Pinterest
  1538. </a>
  1539. </li>
  1540. </ul>
  1541. </div>
  1542. <div style='clear:both'/>
  1543. <script type='text/javascript'>
  1544. //<![CDATA[
  1545. $(document).ready(function () {
  1546. var newerLink = $('a.bai-sau').attr('href');
  1547. $('a.bai-sau').load(newerLink + ' .post-title:first', function ()
  1548. {
  1549. var newerLinkTitle = $('a.bai-sau').text();
  1550. $('a.bai-sau').html('«' + '<h7>' + newerLinkTitle +
  1551. '<h7>');
  1552. });
  1553. var olderLink = $('a.bai-truoc').attr('href');
  1554. $('a.bai-truoc').load(olderLink + ' .post-title:first', function ()
  1555. {
  1556. var olderLinkTitle = $('a.bai-truoc').text();
  1557. $('a.bai-truoc').html('<h7>' + olderLinkTitle +
  1558. '</h7>' + '»');
  1559. });
  1560. });
  1561. //]]>
  1562. </script>
  1563. <div class='chuyen-bai' id='chuyen-bai'>
  1564. <b:if cond='data:newerPageUrl'>
  1565. <span id='bai-sau'>
  1566. <a class='bai-sau' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  1567. </span>
  1568. </b:if>
  1569. <b:if cond='data:olderPageUrl'>
  1570. <span id='bai-truoc'>
  1571. <a class='bai-truoc' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  1572. </span>
  1573. </b:if>
  1574. </div>
  1575. <div class='clear'/>
  1576. <section id='author-box'>
  1577. <div class='block-head'>
  1578. <h3>
  1579. Chủ bút: Hỗn Tạp Blog
  1580. </h3>
  1581. <div class='stripe-line'/>
  1582. </div>
  1583. <div class='post-listing'>
  1584. <div class='author-bio'>
  1585. <div class='author-avatar'>
  1586. <img class='tie-appear' src='http://seo.edu.vn/images/news/2013/11/thu%20thuat%20seo/huong-dan-tao-blogspot-blogger4.jpg'/>
  1587. </div>
  1588. <!-- #author-avatar -->
  1589. <div class='author-description'>
  1590. Hỗn tạp blog, blog lưu giữ tất cả các bài viết hay trên mạng internet, từ tin tức công nghệ, cho đến sức khỏe, làm đẹp. Từ thủ thuật blogger cho đến Facebook
  1591. </div>
  1592. <!-- #author-description -->
  1593. <div class='author-social flat-social'>
  1594. <a class='social-site' href='http://hontapblog.ga'>
  1595. <i class='fa fa-home'/>
  1596. </a>
  1597. <a class='social-facebook' href='https://www.facebook.com/'>
  1598. <i class='fa fa-facebook'/>
  1599. </a>
  1600. <a class='social-twitter' href='http://twitter.com/'>
  1601. <i class='fa fa-twitter'/>
  1602. </a>
  1603. <a class='social-google-plus' href='https://plus.google.com/110540386213119698778/posts'>
  1604. <i class='fa fa-google-plus'/>
  1605. </a>
  1606. </div>
  1607. <div class='clear'/>
  1608. </div>
  1609. </div>
  1610. </section>
  1611. <div class='scroll-box co-the-ban-thich'>
  1612. <h3>
  1613. <span>
  1614. Có thể bạn sẽ thích
  1615. </span>
  1616. </h3>
  1617. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1618. <div id='co-the-ban-thich'>
  1619. <b:loop values='data:post.labels' var='label'>
  1620. <b:if cond='data:label.isLast != &quot;true&quot;'>
  1621. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=stylebox3&amp;max-results=0&quot;' type='text/javascript'/>
  1622. <b:else/>
  1623. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=stylebox3&amp;max-results=6&quot;' type='text/javascript'/>
  1624. </b:if>
  1625. </b:loop>
  1626. </div>
  1627. <div style='clear:both'/>
  1628. </b:if>
  1629. </div>
  1630. <div class='fb-comments' data-num-posts='5' data-width='100%' expr:href='data:post.canonicalUrl'/> </b:if>
  1631. <b:if cond='data:post.authorAboutMe'>
  1632. <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1633. <b:if cond='data:post.authorPhoto.url'>
  1634. <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  1635. </b:if>
  1636. <div>
  1637. <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  1638. <span itemprop='name'>
  1639. <data:post.author/>
  1640. </span>
  1641. </a>
  1642. </div>
  1643. <span itemprop='description'>
  1644. <data:post.authorAboutMe/>
  1645. </span>
  1646. </div>
  1647. </b:if>
  1648. <div style='clear: both;'/>
  1649. <!-- clear for photos floats -->
  1650. </div>
  1651. <b:if cond='data:post.hasJumpLink'>
  1652. <div class='jump-link'>
  1653. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
  1654. <data:post.jumpText/>
  1655. </a>
  1656. </div>
  1657. </b:if>
  1658. </div>
  1659. </b:includable>
  1660. <b:includable id='postQuickEdit' var='post'>
  1661. </b:includable>
  1662. <b:includable id='shareButtons' var='post'>
  1663. </b:includable>
  1664. <b:includable id='status-message'>
  1665. <b:if cond='data:navMessage'>
  1666. <div class='status-msg-wrap'>
  1667. <data:navMessage/>
  1668. </div>
  1669. <div style='clear: both;'/>
  1670. </b:if>
  1671. </b:includable>
  1672. <b:includable id='threaded-comment-form' var='post'>
  1673. <div class='comment-form'>
  1674. <a name='comment-form'/>
  1675. <b:if cond='data:mobile'>
  1676. <p>
  1677. <data:blogCommentMessage/>
  1678. </p>
  1679. <data:blogTeamBlogMessage/>
  1680. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1681. <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%'/>
  1682. <b:else/>
  1683. <p>
  1684. <data:blogCommentMessage/>
  1685. </p>
  1686. <data:blogTeamBlogMessage/>
  1687. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1688. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1689. </b:if>
  1690. <data:post.friendConnectJs/>
  1691. <data:post.cmtfpIframe/>
  1692. <script type='text/javascript'>
  1693. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1694. </script>
  1695. </div>
  1696. </b:includable>
  1697. <b:includable id='threaded_comment_js' var='post'>
  1698. </b:includable>
  1699. <b:includable id='threaded_comments' var='post'>
  1700. <div class='comments' id='comments'>
  1701. <b:if cond='data:post.allowComments'>
  1702. <h3>
  1703. Có
  1704. <data:post.numComments/>
  1705. nhận xét
  1706. <span style='float: right;font-size: 18px;line-height: 24px;'>
  1707. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1708. <data:postCommentMsg/>
  1709. </a>
  1710. </span>
  1711. </h3>
  1712. <b:if cond='data:post.commentPagingRequired'>
  1713. <span class='paging-control-container'>
  1714. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1715. <data:post.oldestLinkText/>
  1716. </a>
  1717. &#160;
  1718. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1719. <data:post.olderLinkText/>
  1720. </a>
  1721. &#160;
  1722. <data:post.commentRangeText/>
  1723. &#160;
  1724. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1725. <data:post.newerLinkText/>
  1726. </a>
  1727. &#160;
  1728. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1729. <data:post.newestLinkText/>
  1730. </a>
  1731. </span>
  1732. </b:if>
  1733. <div class='clear'/>
  1734. <div id='comment_block'>
  1735. <b:loop values='data:post.comments' var='comment'>
  1736. <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>
  1737. <b:if cond='data:post.adminClass == data:comment.adminClass'>
  1738. &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
  1739. <b:else/>
  1740. &lt;div class=&#39;comment_inner&#39;&gt;
  1741. </b:if>
  1742. <div class='comment_avatar'>
  1743. <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
  1744. </div>
  1745. <div class='comment_cincong'>
  1746. <div class='comment_header'>
  1747. <div class='comment_name'>
  1748. <b:if cond='data:comment.authorUrl'>
  1749. <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
  1750. <data:comment.author/>
  1751. </a>
  1752. <b:else/>
  1753. <data:comment.author/>
  1754. </b:if>
  1755. </div>
  1756. <div class='comment_service'>
  1757. <a expr:href='data:comment.url' rel='nofollow' title='permalink'>
  1758. <span class='comment_date'>
  1759. <data:comment.timestamp/>
  1760. </span>
  1761. </a>
  1762. </div>
  1763. <div class='clear'/>
  1764. </div>
  1765. <div class='comment_body'>
  1766. <b:if cond='data:comment.isDeleted'>
  1767. <span class='deleted-comment'>
  1768. <data:comment.body/>
  1769. </span>
  1770. <b:else/>
  1771. <p>
  1772. <data:comment.body/>
  1773. </p>
  1774. <div class='comment_sett'>
  1775. <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>
  1776. <span class='iconicstroke-curved-arrow'/>
  1777. Trả lời
  1778. </a>
  1779. <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
  1780. <span class='iconicstroke-x'/>
  1781. Xóa
  1782. </a>
  1783. </div>
  1784. <div class='clear'/>
  1785. </b:if>
  1786. </div>
  1787. <div class='clear'/>
  1788. </div>
  1789. &lt;/div&gt;
  1790. <div class='clear'/>
  1791. <div class='comment_child'/>
  1792. <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
  1793. </div>
  1794. </b:loop>
  1795. </div>
  1796. <div class='clear'/>
  1797. <b:if cond='data:post.commentPagingRequired'>
  1798. <span class='paging-control-container'>
  1799. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1800. <data:post.oldestLinkText/>
  1801. </a>
  1802. &#160;
  1803. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1804. <data:post.olderLinkText/>
  1805. </a>
  1806. &#160;
  1807. <data:post.commentRangeText/>
  1808. &#160;
  1809. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1810. <data:post.newerLinkText/>
  1811. </a>
  1812. &#160;
  1813. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1814. <data:post.newestLinkText/>
  1815. </a>
  1816. </span>
  1817. </b:if>
  1818. <div class='clear'/>
  1819. <div class='comment_form'>
  1820. <b:if cond='data:post.embedCommentForm'>
  1821. <b:if cond='data:post.allowNewComments'>
  1822. <b:include data='post' name='threaded-comment-form'/>
  1823. <b:else/>
  1824. <data:post.noNewCommentsText/>
  1825. </b:if>
  1826. <b:else/>
  1827. <b:if cond='data:post.allowComments'>
  1828. </b:if>
  1829. </b:if>
  1830. </div>
  1831. </b:if>
  1832. </div>
  1833. <script type='text/javascript'>
  1834. //<![CDATA[
  1835. if (typeof(jQuery) == 'undefined') {
  1836. //output the script (load it from google api)
  1837. document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
  1838. }
  1839. //]]>
  1840. </script>
  1841. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1842. <script type='text/javascript'>
  1843. <b:if cond='data:post.numComments != 0'>
  1844. var Items = <data:post.commentJso/>;
  1845. var Msgs = <data:post.commentMsgs/>;
  1846. var Config = <data:post.commentConfig/>;
  1847. <b:else/>
  1848. var Items = {};
  1849. var Msgs = {};
  1850. var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
  1851. </b:if>
  1852. //<![CDATA[
  1853. var _0x3870=["\x6D\x61\x78\x54\x68\x72\x65\x61\x64\x44\x65\x70\x74\x68","\x4A\x50\x47","\x47\x49\x46","\x50\x4E\x47","\x42\x4D\x50","\x5B\x70\x72\x65\x5D","\x3C\x70\x72\x65\x3E","\x5B\x2F\x70\x72\x65\x5D","\x3C\x2F\x70\x72\x65\x3E","\x3C\x70\x72\x65\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x72\x75\x73\x68\x3A\x20\x70\x6C\x61\x69\x6E\x3B\x20\x74\x69\x74\x6C\x65\x3A\x20\x3B\x20\x6E\x6F\x74\x72\x61\x6E\x73\x6C\x61\x74\x65\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x22\x3E","\x26\x6C\x74\x3B\x63\x6F\x64\x65\x26\x67\x74\x3B","\x3C\x2F\x63\x6F\x64\x65\x3E","\x2E\x63\x6F\x6D\x6D\x65\x6E\x74\x5F\x66\x6F\x72\x6D","\x73\x72\x63","\x61\x74\x74\x72","\x23\x63\x6F\x6D\x6D\x65\x6E\x74\x2D\x65\x64\x69\x74\x6F\x72","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x79\x6F\x75\x74\x75\x62\x65\x2E\x63\x6F\x6D\x2F\x77\x61\x74\x63\x68\x3F\x76\x3D","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x26","","\x6C\x65\x6E\x67\x74\x68","\x3C\x69\x66\x72\x61\x6D\x65\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6F\x6D\x6D\x65\x6E\x74\x5F\x79\x6F\x75\x74\x75\x62\x65\x22\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x79\x6F\x75\x74\x75\x62\x65\x2E\x63\x6F\x6D\x2F\x65\x6D\x62\x65\x64\x2F","\x3F\x61\x75\x74\x6F\x68\x69\x64\x65\x3D\x31\x22\x20\x66\x72\x61\x6D\x65\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x61\x6C\x6C\x6F\x77\x66\x75\x6C\x6C\x73\x63\x72\x65\x65\x6E\x3E\x3C\x2F\x69\x66\x72\x61\x6D\x65\x3E","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x77\x77\x77\x2E\x79\x6F\x75\x74\x75\x62\x65\x2E\x63\x6F\x6D\x2F\x77\x61\x74\x63\x68\x3F\x76\x3D","\x2E","\x74\x6F\x55\x70\x70\x65\x72\x43\x61\x73\x65","\x48\x54\x54\x50\x3A\x2F\x2F","\x74\x6F\x4C\x6F\x77\x65\x72\x43\x61\x73\x65","\x48\x54\x54\x50\x53\x3A\x2F\x2F","\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6F\x6D\x6D\x65\x6E\x74\x5F\x69\x6D\x67\x22\x2F\x3E","\x68\x74\x6D\x6C","\x23\x63\x6F\x6D\x6D\x65\x6E\x74\x5F\x62\x6C\x6F\x63\x6B\x20\x2E\x63\x6F\x6D\x6D\x65\x6E\x74\x5F\x62\x6F\x64\x79\x20\x70","\x40\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x23\x63","\x3C\x2F\x61\x3E","\x2E\x63\x6F\x6D\x6D\x65\x6E\x74\x5F\x77\x72\x61\x70\x20\x2E\x63\x6F\x6D\x6D\x65\x6E\x74\x5F\x62\x6F\x64\x79\x20\x70","\x63","\x26\x70\x61\x72\x65\x6E\x74\x49\x44\x3D","\x23\x25\x37\x42","\x72\x65\x70\x6C\x61\x63\x65","\x69\x64","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x23\x6F\x72\x69\x67\x69\x6E\x5F\x63\x66\x6F\x72\x6D\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x52\x65\x73\x65\x74\x5F\x43\x6F\x6D\x6D\x65\x6E\x74\x5F\x46\x6F\x72\x6D\x28\x29\x22\x3E","\x61\x64\x64\x43\x6F\x6D\x6D\x65\x6E\x74","\x3C\x2F\x61\x3E\x3C\x61\x20\x6E\x61\x6D\x65\x3D\x22\x6F\x72\x69\x67\x69\x6E\x5F\x63\x66\x6F\x72\x6D\x22\x2F\x3E","\x23\x72\x5F\x66\x5F\x63","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x23\x63\x6F\x6D\x6D\x65\x6E\x74\x2D\x66\x6F\x72\x6D\x5F","\x23\x72\x63","\x70\x61\x72\x65\x6E\x74\x49\x64","\x64\x61\x74\x61\x2D\x6C\x65\x76\x65\x6C","\x23\x63","\x3A\x66\x69\x72\x73\x74","\x72\x65\x6D\x6F\x76\x65","\x3A\x66\x69\x72\x73\x74\x20\x2E\x63\x6F\x6D\x6D\x65\x6E\x74\x5F\x72\x65\x70\x6C\x79","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6F\x6D\x6D\x65\x6E\x74\x5F\x77\x72\x61\x70\x22\x20\x69\x64\x3D\x22\x63","\x22\x20\x64\x61\x74\x61\x2D\x6C\x65\x76\x65\x6C\x3D\x22","\x22\x3E","\x3C\x2F\x64\x69\x76\x3E","\x20\x2E\x63\x6F\x6D\x6D\x65\x6E\x74\x5F\x63\x68\x69\x6C\x64\x3A\x66\x69\x72\x73\x74","\x23\x63\x6F\x6D\x6D\x65\x6E\x74\x73","\x2F\x73\x34\x35\x2D\x63\x2F","\x73\x68\x6F\x77","\x65\x61\x63\x68","\x2E\x63\x6F\x6D\x6D\x65\x6E\x74\x5F\x61\x76\x61\x74\x61\x72\x20\x69\x6D\x67","\x66\x69\x6E\x64"];Config[_0x3870[0]]=2;Display_Emo=true;Replace_Youtube_Link=true;Replace_Image_Link=true;Replace_Force_Tag=true;Replace_Image_Ext=[_0x3870[1],_0x3870[2],_0x3870[3],_0x3870[4]];Force_Tag=[_0x3870[5],_0x3870[6],_0x3870[7],_0x3870[8],_0x3870[9],_0x3870[10],_0x3870[8],_0x3870[11]];var Cur_Cform_Hdr=_0x3870[12];var Cur_Cform_Url=$(_0x3870[15])[_0x3870[14]](_0x3870[13]);$(_0x3870[33])[_0x3870[32]](function(_0x254cx3,_0x254cx4){if(Replace_Youtube_Link){var _0x254cx5=_0x3870[16];var _0x254cx6=_0x254cx4[_0x3870[17]](_0x254cx5);while(_0x254cx6!= -1){ht=_0x254cx4[_0x3870[18]](_0x254cx6);yt_link=trim(ht);var _0x254cx7=yt_link[_0x3870[17]](_0x3870[19]);var _0x254cx8=_0x3870[20];if(_0x254cx7== -1){_0x254cx8=yt_link[_0x3870[18]](_0x254cx5[_0x3870[21]])}else {_0x254cx8=yt_link[_0x3870[18]](_0x254cx5[_0x3870[21]],_0x254cx7)};var _0x254cx9=_0x3870[22]+_0x254cx8+_0x3870[23];_0x254cx4=_0x254cx4[_0x3870[18]](0,_0x254cx6)+_0x254cx9+_0x254cx4[_0x3870[18]](_0x254cx6+yt_link[_0x3870[21]]);_0x254cx6=_0x254cx4[_0x3870[17]](_0x254cx5);if(_0x254cx6== -1){_0x254cx5=_0x3870[24];_0x254cx6=_0x254cx4[_0x3870[17]](_0x254cx5);};};};if(Replace_Image_Link){var _0x254cxa=_0x3870[20];var _0x254cxb=_0x254cx4;for(var i=0;i<Replace_Image_Ext[_0x3870[21]];i++){var _0x254cx5=_0x3870[25]+Replace_Image_Ext[i];var _0x254cxd=_0x254cxb[_0x3870[26]]();var _0x254cx6=_0x254cxd[_0x3870[17]](_0x254cx5);while(_0x254cx6!= -1){img_src=_0x254cxb[_0x3870[18]](0,_0x254cx6+_0x254cx5[_0x3870[21]]);_0x254cxd=img_src[_0x3870[26]]();var _0x254cxe=_0x3870[27];var _0x254cxf=_0x254cxd[_0x3870[17]](_0x254cxe);var _0x254cx10=_0x3870[20];while(_0x254cxf!= -1){_0x254cx10=_0x254cxe[_0x3870[28]]();img_src=img_src[_0x3870[18]](_0x254cxf+_0x254cxe[_0x3870[21]]);_0x254cxd=img_src[_0x3870[26]]();_0x254cxf=_0x254cxd[_0x3870[17]](_0x254cxe);};_0x254cxe=_0x3870[29];_0x254cxd=img_src[_0x3870[26]]();_0x254cxf=_0x254cxd[_0x3870[17]](_0x254cxe);while(_0x254cxf!= -1){_0x254cx10=_0x254cxe[_0x3870[28]]();img_src=img_src[_0x3870[18]](_0x254cxf+_0x254cxe[_0x3870[21]]);_0x254cxd=img_src[_0x3870[26]]();_0x254cxf=_0x254cxd[_0x3870[17]](_0x254cxe);};if(_0x254cx10==_0x3870[20]||img_src[_0x3870[21]]<6){break };img_src=_0x254cx10+img_src;_0x254cxa+=_0x254cxb[_0x3870[18]](0,_0x254cx6+_0x254cx5[_0x3870[21]]-img_src[_0x3870[21]])+_0x3870[30]+img_src+_0x3870[31];_0x254cxb=_0x254cxb[_0x3870[18]](_0x254cx6+_0x254cx5[_0x3870[21]]);_0x254cxd=_0x254cxb[_0x3870[26]]();_0x254cx6=_0x254cxd[_0x3870[17]](_0x254cx5);};};_0x254cx4=_0x254cxa+_0x254cxb;};if(Replace_Force_Tag){var _0x254cx11=Force_Tag[_0x3870[21]];if(_0x254cx11%2==1){_0x254cx11--};for(var i=0;i<_0x254cx11;i+=2){while(1){var _0x254cxb=_0x254cx4[_0x3870[28]]();_0x254cx6=_0x254cxb[_0x3870[17]](Force_Tag[i]);if(_0x254cx6!= -1){_0x254cx4=_0x254cx4[_0x3870[18]](0,_0x254cx6)+Force_Tag[i+1]+_0x254cx4[_0x3870[18]](_0x254cx6+Force_Tag[i][_0x3870[21]])}else {break };}};};return _0x254cx4;});$(_0x3870[36])[_0x3870[32]](function(i,_0x254cx12){temp=_0x254cx12[_0x3870[28]]();index=temp[_0x3870[17]](_0x3870[34]);if(index!= -1){index_tail=temp[_0x3870[17]](_0x3870[35],index);if(index_tail!= -1){_0x254cx12=_0x254cx12[_0x3870[18]](0,index)+_0x254cx12[_0x3870[18]](index_tail+4)};};return _0x254cx12;});function Valid_Par_Id(par_id){r=par_id[_0x3870[17]](_0x3870[37]);if(r!= -1){par_id=par_id[_0x3870[18]](r+1)};return par_id;}function Cform_Ins_ParID(par_id){par_id=_0x3870[38]+par_id+_0x3870[39];n_cform_url=Cur_Cform_Url[_0x3870[40]](/#%7B/,par_id);return n_cform_url;}function Reset_Comment_Form(){html=$(Cur_Cform_Hdr)[_0x3870[32]]();$(Cur_Cform_Hdr)[_0x3870[32]](_0x3870[20]);Cur_Cform_Hdr=_0x3870[12];$(Cur_Cform_Hdr)[_0x3870[32]](html);$(_0x3870[15])[_0x3870[14]](_0x3870[13],Cur_Cform_Url);}function Display_Reply_Form(_0x254cx18){par_id=$(_0x254cx18)[_0x3870[14]](_0x3870[41]);par_id=Valid_Par_Id(par_id);html=$(Cur_Cform_Hdr)[_0x3870[32]]();if(Cur_Cform_Hdr==_0x3870[12]){reset_html=_0x3870[42]+Msgs[_0x3870[43]]+_0x3870[44];$(Cur_Cform_Hdr)[_0x3870[32]](reset_html);}else {$(Cur_Cform_Hdr)[_0x3870[32]](_0x3870[20])};Cur_Cform_Hdr=_0x3870[45]+par_id;$(Cur_Cform_Hdr)[_0x3870[32]](html);$(_0x3870[15])[_0x3870[14]](_0x3870[13],Cform_Ins_ParID(par_id));}cur_url=window[_0x3870[47]][_0x3870[46]];search_formid=_0x3870[48];search_index=cur_url[_0x3870[17]](search_formid);if(search_index!= -1){ret_id=cur_url[_0x3870[18]](search_index+search_formid[_0x3870[21]]);Display_Reply_Form(_0x3870[49]+ret_id);};for(var i=0;i<Items[_0x3870[21]];i++){if(_0x3870[50] in Items[i]){var par_id=Items[i][_0x3870[50]];var par_level=parseInt($(_0x3870[52]+par_id+_0x3870[53])[_0x3870[14]](_0x3870[51]));$(_0x3870[52]+par_id+_0x3870[60])[_0x3870[32]](function(_0x254cx3,_0x254cx4){var _0x254cx1a=Items[i][_0x3870[41]];if(par_level>=Config[_0x3870[0]]){$(_0x3870[52]+_0x254cx1a+_0x3870[55])[_0x3870[54]]()};var _0x254cx1b=$(_0x3870[52]+_0x254cx1a+_0x3870[53])[_0x3870[32]]();_0x254cx1b=_0x3870[56]+_0x254cx1a+_0x3870[57]+(par_level+1)+_0x3870[58]+_0x254cx1b+_0x3870[59];$(_0x3870[52]+_0x254cx1a)[_0x3870[54]]();return (_0x254cx4+_0x254cx1b);});}};var avatar=$(_0x3870[61]);avatar[_0x3870[66]](_0x3870[65])[_0x3870[64]](function(){var _0x254cx1d=$(this)[_0x3870[14]](_0x3870[13]);$(this)[_0x3870[63]]()[_0x3870[14]](_0x3870[13],_0x254cx1d[_0x3870[40]](/\/s[0-9]+(\-c)?\//,_0x3870[62]));});
  1854. //]]>
  1855. </script>
  1856. </b:includable>
  1857. </b:widget>
  1858. </b:section>
  1859. </div>
  1860. <aside id='sidebar' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
  1861. <b:section class='theiaStickySidebar' id='theiaStickySidebar' maxwidgets='100' showaddelement='yes'>
  1862. <b:widget id='PopularPosts2' locked='false' title='Bài viết xem nhiều' type='PopularPosts'>
  1863. <b:includable id='main'>
  1864. <b:if cond='data:title != &quot;&quot;'>
  1865. <h2>
  1866. <data:title/>
  1867. </h2>
  1868. </b:if>
  1869. <div class='widget-content popular-posts'>
  1870. <ul>
  1871. <b:loop values='data:posts' var='post'>
  1872. <li>
  1873. <b:if cond='!data:showThumbnails'>
  1874. <b:if cond='!data:showSnippets'>
  1875. <a expr:href='data:post.href'>
  1876. <data:post.title/>
  1877. </a>
  1878. <b:else/>
  1879. <div class='item-title'>
  1880. <a expr:href='data:post.href'>
  1881. <data:post.title/>
  1882. </a>
  1883. </div>
  1884. <div class='item-snippet'>
  1885. <data:post.snippet/>
  1886. </div>
  1887. </b:if>
  1888. <b:else/>
  1889. <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  1890. <b:if cond='data:post.thumbnail'>
  1891. <div class='item-thumbnail'>
  1892. <a expr:href='data:post.href' target='_blank'>
  1893. <img alt='' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  1894. </a>
  1895. </div>
  1896. </b:if>
  1897. <div class='item-title'>
  1898. <a expr:href='data:post.href'>
  1899. <data:post.title/>
  1900. </a>
  1901. </div>
  1902. <b:if cond='data:showSnippets'>
  1903. <div class='item-snippet'>
  1904. <data:post.snippet/>
  1905. </div>
  1906. </b:if>
  1907. </div>
  1908. <div style='clear: both;'/>
  1909. </b:if>
  1910. </li>
  1911. </b:loop>
  1912. </ul>
  1913. </div>
  1914. </b:includable>
  1915. </b:widget>
  1916. <b:widget id='HTML17' locked='false' title='' type='HTML'>
  1917. <b:includable id='main'>
  1918. <!-- only display title if it's non-empty -->
  1919. <b:if cond='data:title != &quot;&quot;'>
  1920. <h2 class='title'><data:title/></h2>
  1921. </b:if>
  1922. <div class='widget-content'>
  1923. <data:content/>
  1924. </div>
  1925.  
  1926. <b:include name='quickedit'/>
  1927. </b:includable>
  1928. </b:widget>
  1929. <b:widget id='Label1' locked='false' title='Meta Tag' type='Label'>
  1930. <b:includable id='main'>
  1931. <b:if cond='data:title != &quot;&quot;'>
  1932. <h2>
  1933. <data:title/>
  1934. </h2>
  1935. </b:if>
  1936. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  1937. <b:if cond='data:display == &quot;list&quot;'>
  1938. <ul>
  1939. <b:loop values='data:labels' var='label'>
  1940. <li>
  1941. <b:if cond='data:blog.url == data:label.url'>
  1942. <span expr:dir='data:blog.languageDirection'>
  1943. <data:label.name/>
  1944. </span>
  1945. <b:else/>
  1946. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=10&quot;'>
  1947. <data:label.name/>
  1948. </a>
  1949. </b:if>
  1950. <b:if cond='data:showFreqNumbers'>
  1951. <span dir='ltr'>
  1952. (
  1953. <data:label.count/>
  1954. )
  1955. </span>
  1956. </b:if>
  1957. </li>
  1958. </b:loop>
  1959. </ul>
  1960. <b:else/>
  1961. <b:loop values='data:labels' var='label'>
  1962. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  1963. <b:if cond='data:blog.url == data:label.url'>
  1964. <span expr:dir='data:blog.languageDirection'>
  1965. <data:label.name/>
  1966. </span>
  1967. <b:else/>
  1968. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=10&quot;'>
  1969. <data:label.name/>
  1970. </a>
  1971. </b:if>
  1972. <b:if cond='data:showFreqNumbers'>
  1973. <span class='label-count' dir='ltr'>
  1974. (
  1975. <data:label.count/>
  1976. )
  1977. </span>
  1978. </b:if>
  1979. </span>
  1980. </b:loop>
  1981. </b:if>
  1982. </div>
  1983. </b:includable>
  1984. </b:widget>
  1985. </b:section>
  1986. </aside>
  1987. <div style='clear: both'/>
  1988.  
  1989. </div>
  1990. <!-- content -->
  1991. </div>
  1992. </div>
  1993. </div>
  1994. <footer id='theme-footer' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
  1995. <div class='footer-4c' id='footer-widget-area'>
  1996. <div class='footer-widgets-box' id='footer-1'>
  1997. <b:section class='section' id='footer-first' showaddelement='yes'>
  1998. <b:widget id='HTML3' locked='false' title='' type='HTML'>
  1999. <b:includable id='main'>
  2000. <!-- only display title if it's non-empty -->
  2001. <b:if cond='data:title != &quot;&quot;'>
  2002. <h2 class='title'><data:title/></h2>
  2003. </b:if>
  2004. <div class='widget-content'>
  2005. <data:content/>
  2006. </div>
  2007.  
  2008. <b:include name='quickedit'/>
  2009. </b:includable>
  2010. </b:widget>
  2011. </b:section>
  2012. </div>
  2013. <div class='footer-widgets-box' id='footer-2'>
  2014. <b:section class='section' id='footer-second' showaddelement='yes'>
  2015. <b:widget id='HTML2' locked='false' title='Blog bạn bè' type='HTML'>
  2016. <b:includable id='main'>
  2017. <!-- only display title if it's non-empty -->
  2018. <b:if cond='data:title != &quot;&quot;'>
  2019. <h2 class='title'><data:title/></h2>
  2020. </b:if>
  2021. <div class='widget-content'>
  2022. <data:content/>
  2023. </div>
  2024.  
  2025. <b:include name='quickedit'/>
  2026. </b:includable>
  2027. </b:widget>
  2028. </b:section>
  2029. </div>
  2030. <div class='footer-widgets-box' id='footer-3'>
  2031. <b:section class='section' id='footer-third' showaddelement='yes'>
  2032. <b:widget id='LinkList1' locked='false' title='Được tài trợ bởi' type='LinkList'>
  2033. <b:includable id='main'>
  2034.  
  2035. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  2036. <div class='widget-content'>
  2037. <ul>
  2038. <b:loop values='data:links' var='link'>
  2039. <li><a expr:href='data:link.target'><data:link.name/></a></li>
  2040. </b:loop>
  2041. </ul>
  2042. <b:include name='quickedit'/>
  2043. </div>
  2044. </b:includable>
  2045. </b:widget>
  2046. </b:section>
  2047. </div>
  2048. <div class='footer-widgets-box' id='footer-4'>
  2049. <b:section class='section' id='footer-fourth' showaddelement='yes'>
  2050. <b:widget id='Label2' locked='false' title='Liên kết HOT' type='Label'>
  2051. <b:includable id='main'>
  2052. <b:if cond='data:title != &quot;&quot;'>
  2053. <h2><data:title/></h2>
  2054. </b:if>
  2055. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2056. <b:if cond='data:display == &quot;list&quot;'>
  2057. <ul>
  2058. <b:loop values='data:labels' var='label'>
  2059. <li>
  2060. <b:if cond='data:blog.url == data:label.url'>
  2061. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2062. <b:else/>
  2063. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2064. </b:if>
  2065. <b:if cond='data:showFreqNumbers'>
  2066. <span dir='ltr'>(<data:label.count/>)</span>
  2067. </b:if>
  2068. </li>
  2069. </b:loop>
  2070. </ul>
  2071. <b:else/>
  2072. <b:loop values='data:labels' var='label'>
  2073. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2074. <b:if cond='data:blog.url == data:label.url'>
  2075. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2076. <b:else/>
  2077. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2078. </b:if>
  2079. <b:if cond='data:showFreqNumbers'>
  2080. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2081. </b:if>
  2082. </span>
  2083. </b:loop>
  2084. </b:if>
  2085. <b:include name='quickedit'/>
  2086. </div>
  2087. </b:includable>
  2088. </b:widget>
  2089. </b:section>
  2090. </div>
  2091. <div style='clear: both'/>
  2092. </div>
  2093. </footer>
  2094. <div class='footer-bottom'>
  2095. <div class='container'>
  2096. <div class='alignleft'>Copyright &#169; 2015 <a href='http://hontapblog.ga'>Hỗn Tạp Blog</a></div>
  2097. <div class='alignright'>Thiết kế bởi <a href='http://doiguocmoc.com/' id='copyrightdgm'>DoiGuocMoc.Com</a></div>
  2098. </div>
  2099. </div>
  2100. <a href='#' id='backtotop'><i class='fa fa-angle-up'/></a>
  2101. <script type='text/javascript'>
  2102. // Back to top
  2103. jQuery(document).ready(function(e){var t=e(&quot;#backtotop&quot;);e(window).scroll(function(){e(this).scrollTop()&gt;=800?t.show(10).animate({opacity:&quot;1&quot;},10):t.animate({opacity:&quot;0&quot;},10)});t.click(function(t){t.preventDefault();e(&quot;html,body&quot;).animate({scrollTop:0},400)})})
  2104. </script>
  2105. <script type='text/javascript'>
  2106. $(document).ready(function() {
  2107. var aboveHeight = $(&#39;header&#39;).outerHeight();
  2108. $(window).scroll(function(){
  2109. if ($(window).scrollTop() &gt; aboveHeight){
  2110. $(&#39;sticknav&#39;).addClass(&#39;fixed&#39;).css(&#39;top&#39;,&#39;0&#39;).next().css(&#39;padding-top&#39;,&#39;60px&#39;);
  2111. } else {
  2112. $(&#39;sticknav&#39;).removeClass(&#39;fixed&#39;).next().css(&#39;padding-top&#39;,&#39;0&#39;);
  2113. }
  2114. });
  2115. });
  2116. </script>
  2117. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2118. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2119. <script type='text/javascript'>
  2120. /*<![CDATA[*/
  2121. var perPage=10;
  2122. var numPages=10;
  2123. var firstText ='««';
  2124. var lastText ='»»';
  2125. var prevText ='«';
  2126. var nextText ='»';
  2127. var urlactivepage=location.href;
  2128. var home_page="/";
  2129. /*]]>*/
  2130. </script>
  2131. <script src='https://googledrive.com/host/0ByBzWAyW5EdvRkViUEpBeHBldGM/doiguocmoc.com.javascript.js' type='text/javascript'/>
  2132. </b:if>
  2133. </b:if>
  2134. </body>
  2135. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!