API tools faq
paste
Advertisement
bomkhung92

Untitled

bomkhung92
Apr 30th, 2018
692
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 199.88 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.1.1' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. &lt;head&gt;
  5. <!-- [ Meta Tag SEO ] -->
  6. <meta content='ID' name='google-site-verification'/>
  7. <meta content='ID' name='yandex-verification'/>
  8. <meta content='ID' name='msvalidate.01'/>
  9. <link expr:href='data:blog.canonicalUrl' hreflang='vi-vn' rel='alternate'/>
  10. <meta content='text/javascript' http-equiv='Content-Script-Type'/>
  11. <meta content='text/css' http-equiv='Content-Style-Type'/>
  12. <meta content='vi' http-equiv='content-language'/>
  13. <meta charset='utf-8'/>
  14. <meta content='width=device-width, initial-scale=1' name='viewport'/>
  15. <meta content='blogger' name='generator'/>
  16. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  17. <link href='//www.blogger.com/openid-server.g' rel='openid.server'/>
  18. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  19. <link expr:href='data:blog.url' rel='canonical'/>
  20. <b:if cond='data:blog.searchLabel'>
  21. <link expr:href='data:label.url' rel='canonical'/>
  22. </b:if>
  23. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  24. <title><data:blog.pageTitle/></title>
  25. <b:else/>
  26. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  27. <title><data:blog.pageName/> - <data:blog.title/></title>
  28. </b:if></b:if>
  29. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  30. <title>Page Not Found - <data:blog.title/></title>
  31. </b:if>
  32. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  33. <meta content='noindex' name='robots'/>
  34. </b:if>
  35. <b:if cond='data:blog.searchLabel'>
  36. <meta content='noindex,nofollow' name='robots'/>
  37. </b:if>
  38. <b:if cond='data:blog.isMobile'>
  39. <meta content='noindex,nofollow' name='robots'/>
  40. </b:if>
  41. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  42. <meta expr:content='data:blog.metaDescription' name='description'/>
  43. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  44. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
  45. </b:if></b:if>
  46. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  47. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  48. <link expr:href='&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  49. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  50. <b:if cond='data:blog.postImageThumbnailUrl'>
  51. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  52. </b:if></b:if>
  53. <link href='/favicon.ico' rel='icon' type='image/x-icon'/>
  54. <link href='https://plus.google.com/102228994561470878414' rel='publisher'/>
  55. <link href='https://plus.google.com/102228994561470878414/posts' rel='publisher'/>
  56. <include expiration='7d' path='*.css'/>
  57. <include expiration='7d' path='*.js'/>
  58. <include expiration='3d' path='*.gif'/>
  59. <include expiration='3d' path='*.jpeg'/>
  60. <include expiration='3d' path='*.jpg'/>
  61. <include expiration='3d' path='*.png'/>
  62. <include expiration='3d' path='*.ico'/>
  63. <meta content='tue, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
  64. <meta content='public' http-equiv='Cache-control'/>
  65. <meta content='Vietnam' name='geo.placename'/>
  66. <meta content='Lê Hồng Nam' name='Author'/>
  67. <meta content='general' name='rating'/>
  68. <meta content='all' name='audience'/>
  69. <meta content='id' name='geo.country'/>
  70. <!-- Open Graph Meta Tags BEGIN -->
  71. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  72. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  73. <meta expr:content='data:blog.pageName' property='og:title'/>
  74. <meta content='article' property='og:type'/>
  75. <b:else/>
  76. <meta expr:content='data:blog.pageTitle' property='og:title'/>
  77. <meta content='blog' property='og:type'/>
  78. </b:if>
  79. <b:else/>
  80. <meta expr:content='data:blog.pageName' property='og:title'/>
  81. <meta content='article' property='og:type'/>
  82. </b:if>
  83. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  84. <meta expr:content='data:blog.title' property='og:site_name'/>
  85. <b:if cond='data:blog.postImageThumbnailUrl'>
  86. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  87. <b:else/>
  88. <meta content='https://3.bp.blogspot.com/-S3vhfiSmA0c/WkBykGSNf5I/AAAAAAAABN0/yPtNzUpVqPUXTwIVVzc-Th8a7Uyuun0agCLcBGAs/s1600/25552305_149042982484664_1128561249070202727_n-min.png' property='og:image'/>
  89. </b:if>
  90. <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  91. <meta expr:content='data:blog.metaDescription' name='og:description'/>
  92. </b:if>
  93. <meta content='vi_VN' property='og:locale'/>
  94. <meta content='ID' property='fb:app_id'/>
  95. <meta content='ID' property='fb:admins'/>
  96. <!-- Open Graph Meta Tags END -->
  97. <!-- Twitter Cards -->
  98. <meta content='summary' name='twitter:card'/>
  99. <meta content='@tsmkevin815' name='twitter:site'/>
  100. <meta content='@tsmkevin815' name='twitter:creator'/>
  101. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  102. <meta expr:content='data:blog.url' name='twitter:url'/>
  103. <meta expr:content='data:blog.pageName' name='twitter:title'/>
  104. <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
  105. <b:else/>
  106. <meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
  107. <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
  108. </b:if>
  109. <b:if cond='data:blog.postImageThumbnailUrl'>
  110. <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
  111. <meta expr:content='data:blog.title' name='twitter:title'/>
  112. <b:else/>
  113. <meta content='https://3.bp.blogspot.com/-S3vhfiSmA0c/WkBykGSNf5I/AAAAAAAABN0/yPtNzUpVqPUXTwIVVzc-Th8a7Uyuun0agCLcBGAs/s1600/25552305_149042982484664_1128561249070202727_n-min.png' name='twitter:image'/>
  114. <meta expr:content='data:blog.title' name='twitter:title'/>
  115. </b:if>
  116. &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*
  117. <b:skin version='1.1.0'><![CDATA[/
  118. /*
  119. <!-- Constants -->
  120. <Variable name="damionRegular36" description="Damion Regular 36" type="font" default="400 36px Damion, cursive" hideEditor="true" value="400 36px Damion, cursive"/>
  121. <Variable name="damionRegular62" description="Damion Regular 62" type="font" default="400 62px Damion, cursive" hideEditor="true" value="400 62px Damion, cursive"/>
  122. <Variable name="playfairDisplayBlack28" description="Playfair Display Black 28" type="font" default="900 28px Playfair Display, serif" hideEditor="true" value="900 28px Playfair Display, serif"/>
  123. <Variable name="playfairDisplayBlack36" description="Playfair Display Black 36" type="font" default="900 36px Playfair Display, serif" hideEditor="true" value="900 36px Playfair Display, serif"/>
  124. <Variable name="playfairDisplayBlack44" description="Playfair Display Black 44" type="font" default="900 44px Playfair Display, serif" hideEditor="true" value="900 44px Playfair Display, serif"/>
  125. <Variable name="robotoNormal15" description="Roboto Normal 15" type="font" default="15px Roboto, sans-serif" hideEditor="true" value="15px Roboto, sans-serif"/>
  126. <Variable name="robotoNormal16" description="Roboto Normal 16" type="font" default="16px Roboto, sans-serif" hideEditor="true" value="16px Roboto, sans-serif"/>
  127. <Variable name="robotoLightItalic15" description="Roboto Light Italic 15" type="font" default="italic 300 15px Roboto, sans-serif" hideEditor="true" value="italic 300 15px Roboto, sans-serif"/>
  128. <Variable name="robotoBold22" description="Roboto Bold 22" type="font" default="bold 22px Roboto, sans-serif" hideEditor="true" value="bold 22px Roboto, sans-serif"/>
  129. <Variable name="robotoBold30" description="Roboto Bold 30" type="font" default="bold 30px Roboto, sans-serif" hideEditor="true" value="bold 30px Roboto, sans-serif"/>
  130. <Variable name="robotoBold45" description="Roboto Bold 45" type="font" default="bold 45px Roboto, sans-serif" hideEditor="true" value="bold 45px Roboto, sans-serif"/>
  131.  
  132. <!-- Variable definitions -->
  133.  
  134. <Variable name="keycolor" description="Main color" type="color" default="#2196f3" value="#2196f3"/>
  135. <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" hideEditor="true" />
  136. <Variable name="endSide" description="End side in blog language" type="automatic" default="right" hideEditor="true" />
  137.  
  138. <Group description="Page Text">
  139. <Variable name="body.text.font" description="Font"
  140. type="font"
  141. default="$(robotoNormal15)" value="15px Roboto, sans-serif"/>
  142. <Variable name="body.text.color" description="Color"
  143. type="color"
  144. default="#333333" value="#333333"/>
  145. </Group>
  146.  
  147. <Group description="Backgrounds">
  148. <Variable name="body.background.height" description="Background height"
  149. type="length"
  150. min="420px"
  151. max="640px"
  152. default="480px" value="480px"/>
  153. <Variable name="body.background" description="Background"
  154. color="$(body.background.color)"
  155. type="background"
  156. default="$(color) none repeat scroll top left" value="$(color) url(https://themes.googleusercontent.com/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw) no-repeat scroll top center /* Credit: Michael Elkan (https://www.offset.com/photos/394244) */;"/>
  157. <Variable name="body.background.color" description="Body background color"
  158. type="color"
  159. default="#eee" value="#eeeeee"/>
  160. <Variable name="posts.background.color" description="Post background color"
  161. type="color"
  162. default="transparent" value="transparent"/>
  163. <Variable name="body.background.blur" description="Background blur"
  164. type="length"
  165. min="0px"
  166. max="50px"
  167. default="0px" value="0px"/>
  168. </Group>
  169.  
  170. <Group description="Links">
  171. <Variable name="body.link.color" description="Link color"
  172. type="color"
  173. default="#2196f3" value="#2196f3"/>
  174. <Variable name="body.link.visited.color" description="Visited link color"
  175. type="color"
  176. default="$(body.link.color)" value="#2196f3"/>
  177. <Variable name="body.link.hover.color" description="Link Hover color"
  178. type="color"
  179. default="$(body.link.color)" value="#2196f3"/>
  180. </Group>
  181.  
  182. <Group description="Blog title" selector="div.widget.Header">
  183. <Variable name="blog.title.font" description="Font"
  184. type="font"
  185. default="$(robotoBold45)" value="bold 45px Roboto, sans-serif"/>
  186. <Variable name="blog.title.color" description="Color"
  187. type="color"
  188. default="#fff" value="#ffffff"/>
  189. <Variable name="header.icons.color"
  190. description="Background icons color"
  191. type="color"
  192. default="#fff" value="#ffffff"/>
  193. </Group>
  194.  
  195. <Group description="Tabs text" selector="div.widget.PageList">
  196. <Variable name="tabs.font" description="Font"
  197. type="font"
  198. family="$(robotoNormal15.family)"
  199. size="$(robotoNormal15.size)"
  200. default="700 normal $(size) $(family)" value="700 normal $(size) $(family)"/>
  201. <Variable name="tabs.color" description="Text color"
  202. type="color"
  203. default="#ccc" value="#cccccc"/>
  204. <Variable name="tabs.selected.color" description="Selected color"
  205. type="color"
  206. default="#fff" value="#ffffff"/>
  207. <Variable name="tabs.overflow.background.color" description="Popup background color"
  208. type="color"
  209. default="$(posts.background.color)" value="#ffffff"/>
  210. <Variable name="tabs.overflow.color" description="Popup text color"
  211. type="color"
  212. default="$(posts.text.color)" value="#333333"/>
  213. <Variable name="tabs.overflow.selected.color" description="Popup selected color"
  214. type="color"
  215. default="$(posts.title.color)" value="#212121"/>
  216. </Group>
  217.  
  218. <Group description="Posts" selector="div.widget.Blog">
  219. <Variable name="posts.title.color" description="Post title color"
  220. type="color"
  221. default="#212121" value="#212121"/>
  222. <Variable name="posts.title.font" description="Post title font"
  223. type="font"
  224. default="$(robotoBold22)" value="bold 22px Roboto, sans-serif"/>
  225. <Variable name="posts.stream.title.font" description="Post title stream font"
  226. type="font"
  227. default="$(robotoBold30)" value="bold 30px Roboto, sans-serif"/>
  228. <Variable name="posts.text.font" description="Post text font"
  229. type="font"
  230. default="$(body.text.font)" value="15px Roboto, sans-serif"/>
  231. <Variable name="posts.text.color" description="Post text color"
  232. type="color"
  233. default="$(body.text.color)" value="#333333"/>
  234. <Variable name="posts.byline.color" description="Post byline color"
  235. type="color"
  236. default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/>
  237. <Variable name="blockquote.font" description="Blockquote font"
  238. type="font"
  239. default="$(robotoLightItalic15)" value="italic 300 15px Roboto, sans-serif"/>
  240. <Variable name="blockquote.color" description="Blockquote color"
  241. type="color"
  242. default="#444" value="#444444"/>
  243. <Variable name="posts.icons.color"
  244. description="Post icons color"
  245. type="color"
  246. default="#707070" value="#707070"/>
  247. </Group>
  248.  
  249. <Group description="Search">
  250. <Variable name="search.input.color" description="Input color"
  251. type="color"
  252. default="$(blog.title.color)" value="#ffffff"/>
  253. <Variable name="search.input.font" description="Input font"
  254. type="font"
  255. default="$(robotoNormal16)" value="16px Roboto, sans-serif"/>
  256. <Variable name="search.placeholder.color" description="Placeholder text color"
  257. type="color"
  258. default="$(blog.title.color)" value="#ffffff"/>
  259. </Group>
  260.  
  261. <Group description="Sharing">
  262. <Variable name="sharing.background.color"
  263. description="Sharing background color"
  264. type="color"
  265. default="$()" value="#ffffff"/>
  266. <Variable name="sharing.text.color" description="Sharing text color"
  267. type="color"
  268. default="$(posts.title.color)" value="#212121"/>
  269. <Variable name="sharing.icons.color"
  270. description="Sharing icons color"
  271. type="color"
  272. default="$(sharing.text.color)" value="#212121"/>
  273. </Group>
  274.  
  275. <Group description="Popular posts" selector="div.widget.PopularPosts">
  276. <Variable name="popularposts.background.color"
  277. description="Popular post background color"
  278. type="color"
  279. default="$(body.background.color)" value="#eeeeee"/>
  280. <Variable name="popularposts.byline.color"
  281. description="Popular post byline color"
  282. type="color"
  283. default="$(posts.byline.color)" value="rgba(0, 0, 0, 0.54)"/>
  284. <Variable name="popularposts.title.color"
  285. description="Popular post title color"
  286. type="color"
  287. default="$(posts.title.color)" value="#212121"/>
  288. <Variable name="popularposts.text.color"
  289. description="Popular post text color"
  290. type="color"
  291. default="$(posts.text.color)" value="#333333"/>
  292. <Variable name="popularposts.link.color"
  293. description="Popular post link color"
  294. type="color"
  295. default="$(body.link.color)" value="#2196f3"/>
  296. </Group>
  297.  
  298. <Group description="Post navigation" selector='div.blog-pager'>
  299. <Variable name="posts.navigation.link.color"
  300. description="Post navigation links color"
  301. type="color"
  302. default="$(body.link.color)" value="#2196f3"/>
  303. <Variable name="posts.navigation.link.visited.color"
  304. description="Post navigation links visited color"
  305. type="color"
  306. default="$(body.link.visited.color)" value="#2196f3"/>
  307. <Variable name="posts.navigation.link.hover.color"
  308. description="Post navigations links hover color"
  309. type="color"
  310. default="$(body.link.hover.color)" value="#2196f3"/>
  311. </Group>
  312.  
  313. <Group description="Sidebar" selector="div.sidebar-container">
  314. <Variable name="sidebar.backgroundColorTop"
  315. description="Background color (Top)"
  316. type="color"
  317. default="#f7f7f7" value="#ffffff"/>
  318. <Variable name="sidebar.backgroundColorTopHD"
  319. description="Background color (Top) - HD"
  320. type="color"
  321. default="rgba(255, 255, 255, 1)" value="#f7f7f7"/>
  322. <Variable name="sidebar.backgroundColorBottom"
  323. description="Background color (Bottom)"
  324. type="color"
  325. default="#fff" value="#ffffff"/>
  326. <Variable name="sidebar.separator.color"
  327. description="Separator color"
  328. type="color"
  329. default="#ccc" value="#cccccc"/>
  330. <Variable name="widget.title.color"
  331. description="Gadget title color"
  332. type="color"
  333. default="#212121" value="#212121"/>
  334. <Variable name="sidebar.icons.color"
  335. description="Sidebar icons color"
  336. type="color"
  337. default="#707070" value="#707070"/>
  338. </Group>
  339.  
  340. <Group description="Author profile" selector='.widget.Profile'>
  341. <Variable name="profile.title.color" description="Profile title color"
  342. type="color"
  343. default="rgba(0,0,0,0.52)" value="rgba(0,0,0,0.52)"/>
  344. <Variable name="profile.text.color" description="Profile text color"
  345. type="color"
  346. default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/>
  347. <Variable name="profile.link.color" description="Profile link color"
  348. type="color"
  349. default="$(posts.title.color)" value="#212121"/>
  350. </Group>
  351.  
  352. <Group description="Labels" selector=".widget.Label">
  353. <Variable name="labels.text.color"
  354. description="Label text color"
  355. type="color"
  356. default="$(body.link.color)" value="rgba(0,0,0,0.54)"/>
  357. <Variable name="labels.background.color"
  358. description="Label background color"
  359. type="color"
  360. red="$(labels.text.color.red)"
  361. green="$(labels.text.color.green)"
  362. blue="$(labels.text.color.blue)"
  363. default="rgba($red, $green, $blue, 0.05)" value="#f7f7f7"/>
  364. </Group>
  365.  
  366. <Group description="Attribution" selector=".widget.Attribution">
  367. <Variable name="attribution.text.color" description="Attribution text color"
  368. type="color"
  369. default="$(body.text.color)" value="#333333"/>
  370. <Variable name="attribution.link.color" description="Attribution link color"
  371. type="color"
  372. default="$(body.link.color)" value="#2196f3"/>
  373. <Variable name="attribution.icon.color" description="Attribution icon color"
  374. type="color"
  375. default="#707070"
  376. hideEditor="true" value="#707070"/>
  377. </Group>
  378.  
  379. <Group description="Widths">
  380. <Variable name="sidebar.width" description="Sidebar width" type="length"
  381. min="100px" max="1000px" default="284px" value="284px"/>
  382. <Variable name="content.width" description="Content width" type="length"
  383. min="600px" max="2400px" default="922px" value="922px"/>
  384. <Variable name="content.margin" description="Content margin" type="length"
  385. min="0px" max="1000px" default="117px" value="117px"/>
  386. </Group>
  387. */
  388.  
  389. /*!************************************************
  390. * Template: Twitter Template Style Version 4.5
  391. * Name: BÁC SĨ FACEBOOOK
  392. * Author: Lê Hồng Nam
  393. * URL: http://www.namhacker.xyz/
  394. * Update: 23:15 22/04/2018
  395. **************************************************/
  396. /* CSS Reset */
  397. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,adnav,adheader{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
  398. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,adnav,adheader{display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}
  399. *, input[type='search'] {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  400. /* CSS Framework */
  401. body{background:#e6ecf0;margin:0;padding:0;color:#2a2a2a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;text-align:left;line-height:1.5em;display:block;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;}
  402. .navbar,.post-feeds,.feed-links{display:none}
  403. .section,.widget{margin:0;padding:0}
  404. strong,b{font-weight:500}cite,em,i{font-style:italic}
  405. a:link,a:visited{color:#2b5cb9 ;text-decoration:none;outline:none;}
  406. a:link:hover,a:visited:hover{text-decoration:none;color:#ff0000}
  407. a img{border:none;border-width:0;outline:none}
  408. img{max-width:100%;vertical-align:middle;border:0}
  409. sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}
  410. sub{top:.4em}
  411. small{font-size:86%}
  412. kbd{font-size:80%;border:1px solid #b4babe;padding:2px 5px;border-bottom-width:2px}
  413. mark{background-color:#ffce00;color:#182025}
  414. blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0}
  415. hr{height:1px;border:none;background-color:#46515e}
  416. .breadcrumbs{position:relative;background:#fff;border:1px solid #e3e3e3;border-radius:2px;font-size:80%;height:22px;line-height:22px;margin-top:1px;margin-bottom:20px;overflow:hidden;padding:5px;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;display:none}
  417. .breadcrumbs &gt; span {position:relative;padding:10px 15px;}
  418. .breadcrumbs &gt; span:last-child{background:transparent;color:#333}
  419. .breadcrumbs a{color:#333}.breadcrumbs a:hover{color:#005C80}
  420. .breadcrumbs &gt; span:before, .breadcrumbs &gt; span:after {z-index:1;content:'';border:19px solid transparent;height:0;width:0;right:-26px;top:-1px;position:absolute;border-left-color:#e3e3e3;}
  421. .breadcrumbs &gt; span:before {border-left-color:#e9e9e9;}
  422. .breadcrumbs &gt; span:after {float:left;border-left-color:#fff;right:-24px;border-width:18px;top:0;}
  423. /* CSS Blog Heading */
  424. h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 .6em}h1{font-size:200%}h2{font-size:180%}h3{font-size:160%}h4{font-size:140%}h5{font-size:120%}h6{font-size:100%}
  425. /* CSS List */
  426. ul,dl{margin:.5em 0em .5em 3em}
  427. ol{list-style:decimal outside}
  428. ul{list-style:disc outside}
  429. li{margin:.5em 0}
  430. .post ul li span{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;text-decoration:none;}
  431. ol {counter-reset:li;list-style:none;padding:0;margin:0;}
  432. ol ol {margin: 0 0 0 2em;}
  433. .post ol li{position:relative;display:block;padding:0;margin:.5em 0 .5em 3em;text-decoration:none;}
  434. .post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;height:2em;width:2em;text-align:center;}
  435. .post-body ul {position:relative;padding:0;margin:.5em 0 .5em 1.5em;text-decoration:none;}
  436. dt{font-weight:bold}
  437. dd{margin:0 0 .5em 2em}
  438. .post-body ul li{list-style:none}
  439. .post-body ul li:before{content:'\f105';font-family:fontawesome;padding-right:15px}
  440. /* CSS Form */
  441. input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline}
  442. textarea{display:block;box-sizing:border-box}
  443. blockquote{font-size: 14px;background: #f9f9f9;border: 1px solid #d3d6db;border-radius: 3px;color: #000;display: inline-block;position: relative; margin: 0 3px;padding: 0 3px;}
  444. blockquote:before{position:absolute;content:'Double click to select';display:table;bottom:27px;left:0;right:0;background:#2b5cb9 ;color:#fff;padding:6px;border-radius:2px;font-size:85%;line-height:1;opacity:0;visibility:hidden;transform:scale(0.8);z-index:2;transition:all .3s;width:max-content}
  445. blockquote:hover:before{transform:scale(1.0);opacity:1;visibility:visible;transition:all .3s}
  446. *:focus {outline:0!important;}
  447. .awal{float:left;color:#2ecc71;background:#fff;line-height:30px;padding-top:1px;padding-right:5px;font-size:50px}
  448. /* CSS Post Table */
  449. table,caption,tbody{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
  450. table{border-collapse:collapse;border-spacing:0;}
  451. .post-body table td,.post-body table caption{border:1px solid #e9e9e9;padding:10px;text-align:left;vertical-align:top;}
  452. .post-body table tr th {border:1px solid #95a5a6;font-weight:400;color:#fff;padding:10px;text-align:left;vertical-align:top;font-size:14px}
  453. .post-body table th {background:#bdc3c7;}
  454. .post-body table.tr-caption-container {border:0}
  455. .post-body table caption{border:none;font-style:italic;}
  456. .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;}
  457. .post-body td a{color:#768187;padding:0 6px;font-size:85%;float:right;display:inline-block;border-radius:3px}
  458. .post-body td a:hover {color:#7f9bdf;border-color:#adbce0;}
  459. .post-body td a[target='_blank']:after {margin-left:5px;}
  460. .post-body table.tr-caption-container td {border:none;padding:8px;}
  461. .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
  462. .post-body td.tr-caption {color:#2a2a2a;font-size:100%;padding:0px 8px 8px !important;}
  463. table {max-width:100%;width:100%;margin:1.5em auto;}
  464. table.section-columns td.first.columns-cell{border-left:none}
  465. table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
  466. table.columns-2 td.columns-cell{width:50%}
  467. table.columns-3 td.columns-cell{width:33.33%}
  468. table.columns-4 td.columns-cell{width:25%}
  469. table.section-columns td.columns-cell{vertical-align:top}
  470. table.tr-caption-container{padding:4px;margin-bottom:.5em}
  471. td.tr-caption{font-size:80%}
  472. img{max-width:100%;height:auto;border:0}
  473. table{max-width:100%}
  474. .clear{clear:both}
  475. .clear:after{visibility:hidden;display:block;font-size:0;content:'';clear:both;height:0}
  476. #navbar-iframe{display:none!important}
  477. header,nav,section,aside,article,footer{display:block}
  478. /* CSS Global Wrapper */
  479. #header{float:left;width:100%;max-width:240px}
  480. .header-wrapper2{position:relative;background:#2b5cb9;width: 100%;margin:0 auto;padding:0;z-index:10;height:46px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.25)}
  481. #credit{margin:0 auto}
  482. .credit-left{text-align:center}
  483. .credit-right{float:right;margin:9px 0 0}
  484. .footer{padding-bottom:.2em}
  485. .post-body h8{font: 500 20px Roboto,sans-serif; text-align: left; color: #2b5cb9 ; letter-spacing: .3px; text-transform: uppercase; display: table;margin:10px 0;}
  486. .buttonBlue:hover{background:#424242}
  487. /* -------- go to Top -------- */
  488. .bt-top,.bt-bottom{background-color:#2b5cb9 ;box-shadow:0 0 6px rgba(0, 0, 0, 0.2);border-radius:6px;visibility:hidden;width:38px;height:38px;text-align:center;position:fixed;bottom:20px;right:20px;z-index:999;cursor:pointer;opacity:0;-webkit-transform:translateZ(0);transition:all .3s}
  489. .bt-top.show{visibility:visible;opacity:1}
  490. .bt-bottom{opacity:1;visibility:visible}
  491. .bt-top i,.bt-bottom i{font-size:18px;font-weight:bold;color:#fff;position:absolute;left:9.5px;top:10px}
  492. .st-hide{display:none}
  493. .bt-top:hover,.bt-bottom:hover{background-color:#085496}
  494. /* Author Frame By PC Blogger*/
  495. .author-profilepc{width: 100%;margin: 10px 0 0px;padding: 10px;position: relative;float: left;}
  496. .author-avatar{padding:0;float:left;margin:0;overflow:hidden;}
  497. .author-fullname{font-size:20px;color:#2b5cb9 ;font-weight:500}
  498. .author-info1{float:right;width:87%}
  499. .author-info1 span{font-size:17px;font-weight:500;color:#222}
  500. .author-about{margin:0;padding:10px 0 10px;font-size:14px;text-align:justify}
  501. @media screen and (max-width:700px){.author-profilepc{text-align:center!important}.author-info1{float:none!important;padding-left:0!important;width:auto!important}.author-avatar,.main_box{display:none}.blogouter-wrapper{margin-bottom:15px}}
  502. /* Avatar Effect */
  503. .main_box {width: 82px;height: 82px;position: relative;background: url(https://2.bp.blogspot.com/-7hW3VmmsHto/WtYRZuk7SVI/AAAAAAAAA6c/HDVAxdcxRCcXSfL6ZVDAbqKcUCOz3zYtQCLcBGAs/s1600/RhEXwoV.png) no-repeat center;background-size:contain;border-radius:50%}
  504. /* Add Comment Button */
  505. .comments-publish{float:left;margin-left:40px}
  506. .comments-publish a{color:#2a2a2a!important;}
  507. .comments-publish .fa{margin-right:2px}
  508. span.sobinhluan{color:#17bf63!important}
  509. span.chiase{color:#3C9EFF!important}
  510. span.solike{color:#FF5A5A!important}
  511. span.solike{float:left}
  512. .congcupost span i{font-size:17px}
  513. /* Share button */
  514. .dropdown{float:left}.dropdown li:before{display:none}.dropdown-link{float:left;display:block;margin-left:40px}.dropdown-link:hover{border-color:#000!important}
  515. .dropdown-container{position:absolute!important;left:150px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);margin-top:30px!important;max-height:425px!important;min-width:150px;max-width:309px;z-index:99;display:none;border-radius:4px}
  516. .dropdown-caret{position:absolute;top:-10px;right:12px;width:18px;height:10px;float:left;overflow:hidden}
  517. .dropdown-caret .caret-outer,.dropdown-caret .caret-inner{position:absolute;top:0;left:0;display:inline-block;margin-left:-1px}
  518. .dropdown-caret .caret-outer{border-bottom:10px solid #657786;border-bottom-color:rgba(0,0,0,0.1);border-left:10px solid transparent;border-right:10px solid transparent;height:auto;left:0;top:0;width:auto}
  519. .dropdown-caret .caret-inner{top:1px;left:1px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff;border-bottom-color:#fff}
  520. .dropdown-container::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.2);-webkit-box-shadow:inset 1px 1px 2px transparent;border:0px;}
  521. .dropdown-container::-webkit-scrollbar{width:6px;}
  522. .dropdown-container::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(0, 0, 0, 0.2);}
  523. .dropdown-container li a{font-size:15px;color:#262626!important;display:block;font-weight:400;padding:6px;text-transform:none;text-align:left}
  524. .dropdown-container li a:hover{color:#2b5cb9 ;text-decoration:none}
  525. .responsive-video{position:relative;padding-bottom:56.25%}.responsive-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
  526. /* Khung code */
  527. code,pre{display:inline-block;position:relative;background:#f9f9f9;max-height:400px;font-size:14px;color:#000;text-align:left;overflow:auto;border:1px solid #d3d6db;margin:8px 0;padding:16px;white-space:pre-line;width:100%}
  528. code::-webkit-scrollbar-track,pre::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.2);-webkit-box-shadow:inset 1px 1px 2px transparent;border:0px;}
  529. code::-webkit-scrollbar,pre::-webkit-scrollbar{width:6px;}
  530. code::-webkit-scrollbar-thumb,pre::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(0, 0, 0, 0.2);}
  531. /*------- CSS Tooltip -------*/
  532. .pc-tooltip { position: relative; display: inline-block }
  533. .pc-tooltip:before, .pc-tooltip:after { position: absolute; opacity: 0; z-index: 1000; pointer-events: none }
  534. .pc-tooltip:hover:before, .pc-tooltip:hover:after { opacity: 1 }
  535. .pc-tooltip:before { content: ''; position: absolute; background: transparent; border: 4px solid transparent; position: absolute }
  536. .pc-tooltip:after { content: attr(data-pc-tooltip) !important; background: #2a2a2a; color: #fff; padding: 6px 8px; font-size: 14px !important;white-space: nowrap; border-radius: 2px; -webkit-backface-visibility: hidden; margin-left: initial }
  537. .pc-tooltip-top:after { top: -9%; left: 116%; border-radius:4px }
  538. #sidebar{float:left;width:25%;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;}
  539. .post-inner{float:right;width:46%;margin:0 10px 10px;margin-top:-20px;-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1), 0 2px 4px 0 rgba(0,0,0,0.12);box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1), 0 2px 4px 0 rgba(0,0,0,0.12);border-radius: 2px;}
  540. #sidebar2{float:right;width:27%;margin-top:-20px;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;}
  541. /* div#PopularPosts2 h2:before{content:'\f213';color:green}
  542. div#HTML1 h3:before{content:'\f2bd';color:#FF0080}
  543. div#HTML2 h3:before{content:'\f27b';color:#7577a9}
  544. div#HTML6 h3:before{content:'\f143';color:orange}
  545. div#HTML6 h3:before,div#PopularPosts2 h2:before,div#HTML1 h3:before,div#HTML2 h3:before{font-family:fontawesome;font-size:16px;margin-right:5px} */
  546. /*------- Search Box PC -------*/
  547. .search_box_menu{display:inline;float:left;border-radius: 50px;}
  548. #search_live input{border-radius:50px;width:100%;height:34px;background:#fff url(https://3.bp.blogspot.com/-mmZjHS31WE0/Wkdr2zEAEVI/AAAAAAAABR8/iEgKjt6oRyoGVlmVHcv7oTwg4czM2tHkACLcBGAs/s1600/KqdsAaJ-min.png) no-repeat top left;padding:0 16px 0 35px;font-size:14px;box-sizing:border-box;border: 1px solid #e6ecf0;outline:0;background-position:2%;transition:.3s}
  549. #search_live input:focus{border-radius:7px;background:#fff url(https://3.bp.blogspot.com/-mmZjHS31WE0/Wkdr2zEAEVI/AAAAAAAABR8/iEgKjt6oRyoGVlmVHcv7oTwg4czM2tHkACLcBGAs/s1600/KqdsAaJ-min.png) no-repeat top left;background-position:2%}
  550. #search-live{position:absolute;z-index:10;background:#fff;top:45px;right:0;box-shadow:0 0 40px rgba(0,0,0,.15);width:470px;max-width:90%;max-height: 433px;overflow: auto;}
  551. .search-live_items{overflow:hidden;border-bottom:1px solid #ededed;padding:10px}
  552. .search-live_items img{float:left;display:block;padding:0;margin-right:10px;border-radius:50%;width:40px;border:1px solid #ccc}
  553. .search-live_items h5{font-size:16px;font-weight:400;line-height:1.4;margin:0;padding-top:7px;text-align: left;}
  554. .search-live_items h5 a{color:#365899;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
  555. .content_search{padding:17px 0 17px 10px;border-bottom:1px solid #eee;font-size:14px;font-weight:500;text-transform:uppercase;color:#555}
  556. /*------- Top FB Nav -------*/
  557. .topmenu{position:relative;margin:0 auto;max-width:1195px;height:100%;text-align:center;width:auto}
  558. .topmenu a:hover{border-bottom:none!important}
  559. .leftnav{float:left;text-align:left}
  560. .leftnav ul{margin:0;padding:0;}
  561. .leftnav li{display: inline-block;margin:0;overflow:hidden;}
  562. .leftnav li a{color:#fff;font-weight:400;font-size:14px;display:inline-block;padding:13px}
  563. .leftnav li a:hover{color:#fff!important}
  564. .leftnav a i{font-size:19px;margin-right:5px;display:none}
  565. .logo{display: inline-block;position: absolute;top: 6px;left: 46%;}
  566. .logo i{font-size: 25px;line-height: 33px;color:#fff}
  567. .rightnav{float:right;margin-top:6px;}
  568. .rightnav .searchpc{float:left;margin-right:10px}
  569. .logo2{float:left;margin-right:10px}
  570. .logo2 img{width:32px;height:32px;border-radius:50%;border:2px solid #ddd}
  571. .tweet{float:right;margin-top:6px}
  572. .tweet a{background:rgba(255,255,255,.2);font-size:15px;color:#fff;font-weight:400;border-radius:50px;padding:7px 11px;}
  573. .tweet a:hover{background:#3A5880;color:#fff}
  574. /*------- Main Menu -------*/
  575. .mainmenu{position: relative;background: #fff;z-index: 2;box-shadow:0 1px 3px 0 rgba(0,0,0,0.25)}
  576. .mainmenu .menu2{max-width:755px;margin:0 auto 0 391px}
  577. .menu2 ul{list-style-type:none;margin:0;padding:0;overflow:hidden;display:-webkit-box}
  578. .menu2 li{list-style:none;margin:0}
  579. .dropbutton,.menu2 li a{text-align:center;color:#3f4a52;font-weight:400;display:block;padding:6px 12px;text-transform:uppercase;font-family: 'Roboto';font-size: 15px;}
  580. .menu2 i{font-size:19px}
  581. .dropdownpc:hover .dropbutton,.menu2 li a:hover{color:#2b5cb9 ;}
  582. .menu2 li.dropdown{display:inline-block}
  583. .menu2 span{display:block}
  584. .dropdownpc-content{position:absolute;background-color:#f9f9f9;min-width:180px;box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);z-index:1;top:57px;border-top: 2px solid #2b5cb9 ;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden;margin-top:-20px}
  585. .dropdownpc-content a{padding:12px 16px!important;text-decoration:none;display:block!important;text-align:left!important;text-transform:none!important;color:#2a2a2a!important;}
  586. .dropdownpc-content a:hover{background:#f2f2f2;}
  587. .dropdownpc-content a:last-child{border-bottom:none}
  588. .dropdownpc:hover .dropdownpc-content{opacity:1;visibility:visible;margin-top:-1px}
  589. .avatarpc{position:absolute;z-index:10;top: 250px;left: 100px;}
  590. .avatarpc img{background: #fff;border: 5px solid #fff;border-radius: 50%;height: 200px;position: relative;width: 200px;cursor:pointer}
  591. .congcupost{font-weight: 400;font-size: 15px;margin-top:13px}
  592. .congcupost span{color:#3f4a52}
  593. a.dangkiblog{background-color: #fff;border:1px solid #90949c;font-family: 'Roboto';color: #3f4a52;border-radius: 50px;padding: 5px 15px;position: absolute; right: 84px;top: 12px;font-weight: 400;}
  594. a.dangkiblog:hover{background:#2b5cb9 ;color:#fff}
  595. /* Dropdown Button 2 */
  596. a.droptext {color: #2b5cb9 !important;cursor:pointer;margin-left:0!important;padding-top:10px!important;width:100%!important}
  597. .droptext i{margin:0 10px 0 5px;font-size:18px;}
  598. .dropdown2 {position: relative;display: inline-block;margin-bottom:5px;}
  599. .dropdown2-content {position: relative;z-index: 1;width:275px}
  600. .dropdown2-content a {text-decoration: none;display: block;}
  601. .show2 {display:block;}
  602. /* Stick Nav */
  603. sticknav {width: 100%;position: fixed;z-index: 9999;top:0;height:46px;left:0;right:0;}
  604. .npcads{position:relative;margin:0 auto}
  605. .npcads .contentads{text-align:center;position:absolute;bottom:0;background:rgba(0,0,0,.5);color:#f1f1f1;width:100%;padding:10px;left:0;;z-index:2}
  606. h2.post-title{text-align: left;font-size: 16px;padding: 0;margin: 0;color:#2a2a2a;font-weight:500;display:inline-block;line-height: 1.8em;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
  607. .timestamp-link abbr{color:#3f4a52;font-weight:400;font-size:14px}
  608. /* ul.idbcomments{list-style:none;margin:0;position:relative;z-index:999}
  609. .idbcomments li{display:block!important;clear:both;overflow:hidden;list-style:none;word-break:break-all;padding:6px 0!important;width:100%;border-bottom:1px solid #f5f5f5;position:relative;margin:0px!important}
  610. .idbcomments li:hover {background:#f4f4f4}
  611. .idbcomments li .avatarImage{float:left;overflow:hidden;top:50%;position:absolute;left:0;transform:translate(0,-50%)}
  612. .idbcomments li img{border-radius:100%;position:relative;overflow:hidden;display:block; width:35px;height:35px}
  613. .idbcomments li a{background:transparent!important;font-weight:500}
  614. .idbcomments li span{color:#555!important;display:block;padding:10px 10px 10px 60px!important;font:400 15px Roboto;word-break:break-word;line-height:1.35} */
  615. /* Material Design Navigation */
  616. .toggleMenu{color:#fff!important;padding:10px;font-size:25px;float:left;margin-right:20px}h1{color:#fff;font-size:20px;font-weight:400;margin:12px 0 0}
  617. .dropdowns{font:normal normal 14px Roboto,Arial,sans-serif;background:#fff;overflow:auto;position:fixed;z-index:99999;bottom:0;width:250px;left:-400px;transition:all .7s ease-in-out;top:0;line-height:48px;box-shadow:0 5px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
  618. .dropdowns::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.2);-webkit-box-shadow:inset 1px 1px 2px transparent;border:0px;}
  619. .dropdowns::-webkit-scrollbar{width:6px;}
  620. .dropdowns::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(0, 0, 0, 0.2);}
  621. .nav-menu2{list-style-type:none!important;margin:0;*zoom:1;float:left;padding:0}
  622. .nav-menu2:before,.nav-menu2:after{content:'';display:table}
  623. .nav-menu2:after{clear:both}.sub-menu{transition:all .5s ease-in-out}
  624. .nav-menu2 ul{list-style-type:none;margin:0;width:auto;white-space:nowrap}
  625. .nav-menu2 a{display:block;padding:0 15px;color:#2b5cb9 !important}
  626. .nav-menu2 li{position:relative;margin:0}
  627. .nav-menu2 &gt; li{float:left;width:100%}
  628. .nav-menu2 &gt; li &gt; a{display:block;height:48px;line-height:48px;color:#666}
  629. .nav-menu2 &gt; li:hover &gt; a{background:#E6E6E6}
  630. .nav-menu2 li ul{background:#fff;display:none;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;padding:0}
  631. .nav-menu2 li li ul{left:100%;top:-1px}
  632. .nav-menu2 li li a.click ul{visibility:visible;opacity:10}
  633. .nav-menu2 li li a{display:block;color:#666;position:relative;padding-left:53px;line-height:40px}
  634. .nav-menu2 li li a:hover{background:#f0f0f0}
  635. .nav-menu2 li li li a{background:#fff;z-index:20;color:#333}
  636. .nav-menu2 li .dropdown:after{content:'\f105';font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;position:absolute;top:0;right:20px;color:#444}
  637. .nav-menu2 li .dropdown.open:after{content:'\f107';font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit}
  638. .nav-menu2 li .dropdown:hover:after{color:#000}
  639. .nav-menu2 li i{font-size:18px;width:35px}.nav li a.click{opacity:1}
  640. .nav-menu2 h2{font-size:14px;font-weight:normal!important;padding:0 20px;margin:0;overflow:hidden;border-top:1px solid #ddd;color:#999}
  641. .dropdowns h3,.dropdowns p{padding:0;margin:0;font-weight:500!important;color: #fff;}
  642. .dropdowns .profilemenu{padding:10px;background:green;border-bottom:1px solid #ddd;line-height:2}
  643. .dropdowns h3{font-size:14px;padding-top: 5px;}.nav-menu2 p{font-size:13px}
  644. .dropdowns img{width:70px;height:70px;border-radius:100%}
  645. .dropdowns.shows{left:0;opacity:1}
  646. .darkshadow{visibility:hidden;opacity:0;position:fixed;top:0;background:rgba(0, 0, 0, 0.59);left:0;right:0;bottom:0;margin:0;z-index:97;transition:all .4s ease-in-out}
  647. .darkshadow.shows{visibility:visible;opacity:1}
  648. /* Homepage tab */
  649. div.tab {overflow: hidden;border-bottom: 1px solid #e6ecf0;background-color: #2b5cb9;}
  650. div.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s; font-size: 17px;font-weight: 500;font-family:'Roboto';color: #f2f2f2;border-right:1px solid #e6ecf0}
  651. div.tab button:hover {color:#fff}
  652. div.tab button.active {background-color: #fff!important;color: #2b5cb9!important;}
  653. .tabcontent {display: none;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;}
  654. @-webkit-keyframes fadeEffect{from {opacity: 0;}to {opacity: 1;}}
  655. @keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}
  656. /* Fixed */
  657. .CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_BG_MASK_TRANSPARENT{opacity:.95!important}.status-msg-wrap{font-size:90%;font-weight:400;width:100%;margin:0 auto 20px}.status-msg-body{padding:20px 2%;width:96%;display:none}.status-msg-border{border:1px solid #d8dde1;opacity:1;width:auto}.status-msg-bg{background-color:#fff}.status-msg-hidden{padding:20px 2%}#ArchiveList{font-size:90%}#ArchiveList ul li:before{content:''!important;padding-right:0!important}#ContactForm1,.quickedit{display:none}.widget ul{line-height:1.4em}.profile-img{display:inline;opacity:1;margin:0 6px 3px 0}.rich-snippet{padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px}#Attribution1{height:0;visibility:hidden;display:none}
  658. /* CSS Wrapper */
  659. #outer-wrapper{position:relative;max-width:1230px;margin:20px auto;margin-top: 10px;padding:20px;overflow:hidden;}
  660. #content-wrapper{margin:0 auto;padding:5px 0 0;word-wrap:break-word}
  661. #post-wrapper{word-wrap:break-word;}
  662. /* CSS Header Wrapper */
  663. #header-wrapper{width:100%;overflow:hidden;padding:0;display:none}
  664. #header{float:left;width:100%;max-width:240px;color:#46515e;margin:0}
  665. #header h1,#header p{font-size:220%;font-weight:700;color:#222;margin:0;width:110%}
  666. .header img{display:block}
  667. /* CSS Header 2 Wrapper */
  668. .blogouter-wrapper{position:relative;}
  669. /* CSS Post Wrapper */
  670. .post{position:relative;padding:10px 15px;background:#fff;border-bottom:1px solid #e6ecf0;-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1), 0 2px 4px 0 rgba(0,0,0,0.12);box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1), 0 2px 4px 0 rgba(0,0,0,0.12);border-radius:2px;}
  671. .post-body{line-height: 1.6em;color: #2a2a2a;margin-right: 0;font-size: 14px;}
  672. .post-body img{max-width:100%;margin:0 auto;height:auto}
  673. h3.post-title{font-size:160%;font-weight:500;padding:10px 0;text-align:center;font-family:'Roboto'}
  674. h3.post-title a{text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-weight: 500;display: -webkit-box;}
  675. .post-info{background:transparent;}
  676. .post-info a{display:inline;color:#2b5cb9 ;padding:4px 6px 4px 6px;}
  677. abbr{text-decoration:none!important;}
  678. .author-info,.time-info,.comment-info,.label-info,.review-info{margin-right:1px!important;display:inline;font-family:'Roboto'}
  679. .feed-links{clear:both;line-height:2.5em}
  680. /* Comments Form */
  681. .commenter{display: block; line-height: 20px;margin-bottom: 20px;padding: 10px 0;position: relative;border-bottom: 2px solid #dddfe2}
  682. #comments h5 {font: 16px Roboto,sans-serif;color: $(body.text.color);transition: all .3s ease-out 0s;margin-left:15px;margin-bottom:0!important}
  683. #comments {margin-top: 15px; padding: 0;background:#fff}
  684. #comments .comment {position: relative;margin-top: 0;}
  685. #comments .comment-thread ol {margin: 0;padding-left: 0}
  686. #comments .comment-thread ol {padding-$startSide: 0}
  687. #comments .comment-thread .comment-replies,
  688. #comments .comment .comment-replybox-single {margin-left: 40px;border-left: 2px solid rgba(27,107,204,.5);}
  689. #comments .comment-thread .thread-count,.comments .continue{display: none}
  690. .comments .continue a{margin-left:10px}
  691. #comments .comment {list-style-type: none;padding: 0 0 30px 0;position: relative;margin-left:10px;margin-right:10px}
  692. #comments .comment .comment {padding-bottom: 8px}
  693. .comment .avatar-image-container {position: absolute}
  694. .comment .avatar-image-container img {border-radius: 50%;max-height: 40px!important;max-width: 40px!important;}
  695. .avatar-image-container img{background:url(https://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png) no-repeat center}
  696. .avatar-image-container svg,.comment .avatar-image-container .avatar-icon {border-radius: 50%;border: solid 1px $(posts.icons.color);box-sizing: border-box;fill: $(posts.icons.color);height: 40px;margin: 0;padding: 7px;width: 40px}
  697. .comments .comments-content .icon.blog-author:before {content: "Admin";color: #fff;margin-left: 5px;background:rgba(255,2,2,0.85);padding:0 5px;font-size:13px;border-radius:2px}
  698. .comment .comment-block {margin-top: 10px;margin-$startSide: 50px}
  699. #comments .comment-author-header-wrapper {margin-left: 40px}
  700. #comments .comment .thread-expanded .comment-block {padding-bottom: 20px}
  701. #comments .comment .comment-header .user,#comments .comment .comment-header .user a {color: #2b5cb9 ;font-style: normal;font-weight: 500;font-size: 15px;text-transform: none;}
  702. #comments .comment .comment-actions {background: transparent;border: 0;box-shadow: none;cursor: pointer;font-size: 13px;font-weight: 500;outline: none;text-decoration: none;text-transform: uppercase;width: auto;bottom: 0;left:15px;margin-bottom: 10px;position: absolute}
  703. #comments .comment .comment-actions a {color: #2b5cb9 ;font-weight: 500}
  704. #comments .comment .comment-actions a:hover {color: #000}
  705. #comments .comment .comment-actions > * {margin-right: 8px}
  706. #comments .comment .comment-header .datetime {bottom: 0;color: rgba($(posts.title.color.red),$(posts.title.color.green),$(posts.title.color.blue),0.54);display: inline-block;font-size: 13px}
  707. #comments .comment .comment-header .datetime {margin-left: 5px}
  708. #comments .comment .comment-header .datetime a,#comments .comment .comment-footer .comment-timestamp a {color: #777;font-weight: 500}
  709. .comment .comment-body,#comments .comment .comment-content {margin-top: 2px;margin-bottom: 10px;line-height: 1.6;word-break: break-word}
  710. .comment-body {margin-bottom: 12px;}
  711. #comments.embed[data-num-comments="0"] {border: none;margin-top: 0;padding-top: 0;}
  712. #comments.embed[data-num-comments="0"] #comment-post-message,
  713. #comments.embed[data-num-comments="0"] div.comment-form > p,
  714. #comments.embed[data-num-comments="0"] p.comment-footer {display: none;}
  715. #comment-editor-src {display: none;}
  716. .comments .comments-content .loadmore.loaded {max-height: 0;opacity: 0;overflow: hidden;}
  717. #comment-editor{border-radius:5px;padding-left:5px;width: 99%;}
  718. iframe{border:none;overflow:hidden}
  719. .paging-control-container{text-align:center;margin:0 0 0 25%}
  720. .paging-control-container a{text-align:center;margin:0 auto;background:#ccc;border:1px solid #dee1e2;padding:3px 10px}
  721. .checkbox{font:11px Tahoma,Verdana,Arial,Sans-Serif;line-height:1.6em;color:#eee}
  722. #codes{border:1px solid #ddd;width:100%;height:200px;display:block;background-color:#fff;border-radius:1px;font:normal 12px 'Roboto';margin:7px 0 10px;padding:5px;}
  723. #codes:focus{background-color:#46515e;color:#fff;border:1px solid #263138;outline:none;}
  724. .small-button a,.small-button1 a{color:#fff;font-size:13px;cursor:pointer;margin:10px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;border-radius:3px;display:inline-block;background:#333;padding:5px 10px}
  725. .small-button:hover a,.small-button1:hover a{color:#fff;background:#000}
  726. /* CSS Sidebar Wrapper */
  727. #sidebar2 .widget-content{padding:10px;background:#fff;display:flow-root}
  728. #sidebar .widget-content{padding:5px 8px;background:#fff}
  729. .sidebar h2,.sidebar h3{background:#fff;color:#636363;font-size:17px;font-weight:500;margin:0;padding:8px 15px 0 15px;position:relative;text-align:center;text-transform: uppercase;}
  730. .sidebar .widget{margin:0 auto 20px auto;-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1), 0 2px 4px 0 rgba(0,0,0,0.12);box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1), 0 2px 4px 0 rgba(0,0,0,0.12);border-radius:2px;}
  731. .sidebar ul,.sidebar ol{list-style-type:none;margin:0;}
  732. .sidebar li{margin:5px 0;padding:0}
  733. /* CSS Popular Posts */
  734. .sidebar .popular-posts ul {padding: 0;margin: auto;}
  735. .sidebar .popular-posts ul li {list-style: none !important;float: left;position: relative;overflow: hidden;margin: 0 0 5px 0;;padding: 2px;width: 33.3%;}
  736. .sidebar .PopularPosts .item-thumbnail {width: 100%;margin: 0;}
  737. .sidebar .PopularPosts ul li img {float: left;display: block;height: auto;padding: 0;width:100%}
  738. .sidebar .PopularPosts ul li img:hover {overflow: hidden;transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-o-transform:scale(1.06);}
  739. .sidebar .item-title {display:none !important;}
  740. .sidebar .item-title a {display:none !important;}
  741. #sosmed,#sosmed-msg{margin:0 auto;padding:0 5px 5px;position:relative;line-height:1.3em}
  742. /* CSS Footer */
  743. #footer-wrapper{position:relative;overflow:hidden;padding-bottom:20px;background:#020a17}
  744. #footerfix{font-weight:400;height:40px;}
  745. #credit{color:#fff;font-size:14px;margin:0 auto;background:#020a17;padding-top:10px}
  746. .cpleft{margin-top:10px;text-align:center;margin-right:10px}
  747. .cpleft a{color:#f2f2f2}
  748. .footer{font-weight:400;padding-bottom:.2em}
  749. /* #pmicon{z-index:9;position:fixed;padding:0;width:37px;height:37px;line-height:37px;bottom:25%;right:20px;overflow:hidden;background:#2b5cb9 ;color:rgba(255,255,255,0.85);font-size:25px!important;border:none;border-radius:3px;-webkit-transform: translateZ(0);transition:all .5s ease-out;box-shadow:0 3px 5px rgba(0,0,0,0.1);transition:all .3s}
  750. #pmicon:before{content:'\f186';font-family:FontAwesome;color:#fff}
  751. button#pmicon{animation:pulse 1.5s infinite;box-shadow:0 0 0 rgba(51,51,51,0.7);cursor:pointer;outline:0}
  752. @keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(51,51,51,0.7);box-shadow:0 0 0 0 rgba(51,51,51,0.7)}70%{-moz-box-shadow:0 0 0 10px rgba(51,51,51,0);box-shadow:0 0 0 10px rgba(51,51,51,0)}100%{-moz-box-shadow:0 0 0 0 rgba(51,51,51,0);box-shadow:0 0 0 0 rgba(51,51,51,0)}}
  753. .ripplelink{position:relative;overflow:hidden;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;z-index:0} */
  754. .devide{border-bottom:1px solid #ddd;padding-bottom:6px!important}
  755. .devide span{font-weight:500;font-size: 17px; letter-spacing: 0.2px;}
  756. .devide p{color:#657786;font-size:14px}
  757. .dropdown-container li a i{width: 25px;height: 20px;line-height: 20px;color:#657786;}
  758. .dropdown-container li {list-style: none;padding:2px 10px;margin:0}
  759. .dropdown-container li:hover{background:#f2f2f2}
  760. .emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
  761. input[id^=spoiler]{display:none}
  762. input[id^=spoiler]+label{padding:3px;border:1px solid #ddd;text-align:center;border-radius:4px;cursor:pointer;transition:all .6s;margin-left:15px}
  763. input[id^=spoiler]~.spoiler{height:0;overflow:hidden;opacity:0;padding:5px;border:1px dashed #ccc;transition:all .6s;border-bottom:none;margin:4px 10px 0 15px}
  764. input[id^=spoiler]:checked+label+.spoiler{height:auto;opacity:1;padding:10px}
  765. summary{outline:0;cursor:pointer}
  766. summary:hover{color:#2b5cb9 }
  767. .veri{width:20px;margin-left:3px}
  768. .ngancach{border-top:1px solid #ddd;margin:5px auto}
  769. .custombutton{position:absolute;right:10px;top:10px}
  770. .custombutton i{font-size:22px;color:#657786}
  771. /* Modal avatar */
  772. #myImg{transition:.3s}
  773. .modal{display:none;position:fixed;z-index:1;padding-top:180px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}
  774. .modal-content{margin:auto;display:block;width:80%;max-width:700px}
  775. #caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}
  776. #caption,.modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}
  777. @-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}
  778. .close{position:absolute;right:40%;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;background:#2b5cb9 ;border-radius:5px;padding:8px;padding-top:0}.close:focus,.close:hover{color:#bbb;text-decoration:none;cursor:pointer}
  779. .comments pre{border:1px solid #1da1f2;color:#555;padding:5px;border-radius:5px;font-style:normal;display:inline-block}
  780. /* Darkmode */
  781. /* .darkmode-body{background:#141d26!important;color:#bdbdbd!important}
  782. .darkmode-topmenu,.darkmode-mainmenu,.darkmode-dangki{background:#243447!important}
  783. .darkmode-tab,.darkmode-post,.darkmode-sidebartitle,.darkmode-sidebar,.darkmode-sidebartitle1,.darkmode-comment,.darkmode-noiquy,.darkmode-banbe,.darkmode-leftsidebar{background:#1b2836!important;color:#bdbdbd!important;border-color:#4f5152!important}
  784. .darkmode-link,.darkmode-snippets,.darkmode-postbody,.darkmode-bigtext,.darkmode-h2,.darkmode-commenth5,.darkmode-relatext,.darkmode-search:focus,.darkmode-content{color:#bdbdbd!important}
  785. .darkmode-editor{opacity:0.4}.darkmode-editor:hover{opacity:1}
  786. .darkmode-ppimg,.darkmode-pcgroup,.darkmode-fb{filter: brightness(70%)} */
  787. .shortnote{padding:5px 10px;color:#3f4a52;text-align:justify}
  788. .post-body h2{font-size: 25px;font-weight: 500;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #c7c7c7;margin-top: 20px;
  789. color: #2b5cb9 ;}
  790. .post-body h3{font-size: 18px;font-weight: 500;margin: 10px 0;}
  791. .post-body h4{font-size:13px;font-weight:500;text-align:right;color:#888;}
  792. .post-author a{font-family:'Roboto'}
  793. .post-author a:before{content:'#';margin-right:-3px}
  794. div#HTML5 .widget-content{background:transparent!important}
  795. .demobtn{background: #2b5cb9 ;color: #fff!important;font-size: 20px;padding: 5px 10px;border-radius: 2px;text-align: center;padding-top: 2px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;text-transform: uppercase;}
  796. .demobtn:hover{opacity:0.7}
  797. #ads_Code{margin:15px 0}
  798. #unblocker{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0.980000019073486328125;display:block;z-index:9999;overflow:hidden}
  799. #unblocker p{color:#666;text-align:center;margin:15% auto;font-size:1.5rem;max-width:750px;display:table;line-height:1.5}
  800. #unblocker p:before{font-family:fontawesome;text-align:center;padding:0;font-weight:400}
  801. #unblocker p:before{content:'\f023';background:#1DBF69;color:#fff;display:block;width:2em;height:2em;line-height:2em;font-size:2.5rem;clear:both;border-radius:100%;margin:0 auto 3%}
  802. #unblocker p:hover:before{content:'\f13e'}#unblocker p a,#unblocker p i{font-size:15px}
  803. #unblocker p a,#unblocker p i{font-size:15px}
  804. #unblocker ~ *{display:none}
  805. .sidebar #HTML5{box-shadow:none!important}
  806. ]]></b:skin>
  807. <b:template-skin><![CDATA[
  808. /* CSS Layout */
  809. body#layout #outer-wrapper,body#layout .post-inner,body#layout .sidebar,body#layout #wrapper,body#layout .post-inner,body#layout .sidebar-inner{padding:0;}
  810. #layout:before {content:'Twitter Template By Lê Hồng Nam Blogger';text-transform:uppercase;font-size:20px;color:#999;
  811. margin:20px 0;display:inline-block;font-weight:600;font-family:sans-serif;}
  812. body#layout a:visited,body#layout a:link{color:orange!important}
  813. #layout div#sidebar2{background:#59942f}
  814. #layout div#sidebar{background:#94752f}
  815. #layout div#main{background:#7577a9}
  816. #layout div#header{background:#088A4B}
  817. #layout div#npclabel1,#layout div#npclabel2,#layout div#npclabel3,#layout div#npclabel4,#layout div#npclabel5{background:#d8aa02}
  818. #layout .section h4{text-align: center!important;text-transform: uppercase;color: #fff;font-weight: 400;}
  819. #layout .top-tab-widget-menu ul,body#layout ul{display:none}
  820. #layout .post-inner{float:right;width:36%;}
  821. #layout .section{border:0;padding:0;font-size:90%}
  822. #layout .header-wrapper{margin-top:40px}
  823. #layout #navigation{float:right;width:50%}
  824. #layout #sidebar-wrapper{float:right;width:255px}
  825. #layout li {display:none}
  826. ]]></b:template-skin>
  827. <style type='text/css'>
  828. /* CSS Global Responsive */
  829. @media screen and (min-width:1920px){.avatarpc{left:380px}a.dangkiblog{right:19%}.mainmenu .menu2{margin:0 auto 0 35%}}
  830. @media screen and (min-width:1600px) and (max-width:1680px){.avatarpc{left:15%}a.dangkiblog{right:14%}.mainmenu .menu2{margin:0 auto 0 33%}}
  831. @media screen and (min-width:1440px) and (max-width:1559px){.mainmenu .menu2{margin:0 auto 0 30%}.avatarpc{left:140px}a.dangkiblog{right:120px}}
  832. @media screen and (min-width:1366px){.toggleMenu{display:none}}
  833. @media screen and (min-width:1024px) and (max-width:1025px){.fb-page,.toggleMenu,a.dangkiblog,.pcgroup,span.npc_meta,.intro_info,#related-posts a:last-child{display:none!important}ul.npc_thumbs2 li{width:21%!important}.mainmenu .menu2{margin:0 auto 0 27%}.avatarpc{left:30px}.topmenu{max-width:975px}#sidebar{width:24%}.leftmenubot a, .rightmenubot a{padding:5px 13px!important}}
  834. @media screen and (max-width:960px){.post-inner{margin:0;width:100%!important}#outer-wrapper{width:100%!important;margin-top:20px}#sidebar,#sidebar2,.avatarpc,.mainmenu,.post-info,.leftnav,.logo2,.tweet,.intro_info{display:none!important}.post-body{width:100%!important;padding:0;margin-left:0!important}.img-thumbnail{height:auto!important}.congcupost{display:inline-flex}div.tab button{padding:14px 10px}.blogouter-wrapper{border-bottom:none}#header,#header .description,#header h1,#header p{margin:0 auto;width:130%;float:none;text-align:center}#header{margin-bottom:10px}#header-wrapper{width:100%!important;padding:0 10px}#pctool li{display:flex}.topmenu{max-width:88%}.logo{left:36%}.rightnav .searchpc{margin-right:0}}
  835.  
  836. @media only screen and (max-width:768px){#intro_homepage1{height:200px!important}ul.npc_thumbs2 li{width:30%!important}.tanggal i,.tags i{color:#ff8000!important}.npc_right{width:100%;float:left;margin:0;padding:0}ul.npc_thumbs2 li{border-bottom:0;width:58%;overflow:hidden;min-height:60px}.npclabel .widget-content{margin-top:10px}span.npc_summary,.npc_left{display:none}span.npc_title a{font-weight:500}span.npc_title{margin:0 0 5px}ul.npc_thumbs li{margin:0 0 10px;padding:0 0 10px;border-bottom:0}span.npc_title2{font-size:18px;line-height:1.2em}.modal-content{width:100%}.post-info,.comment-info{display:none!important}.comments-publish,.dropdown{float:none!important}#outer-wrapper{padding:0 12px;width:100%!important;margin-top:20px}.post-body img{max-width:100%}.img-thumbnail{margin:0 10px 0 0}#cpright,#credit,.cpleft{float:none;margin:0 auto;text-align:center}#cpright,.cpleft{margin:10px}#comment-editor{padding-left:0}#comments .comment-thread .comment-replies{margin-left:15px}#footerfix{height:50px}}
  837.  
  838. @media only screen and (max-width:640px){ul.npc_thumbs2 li{width:22%!important}#header,#header .description,#header h1,#header p{margin:0 auto;width:100%;float:none;text-align:center}#header{margin-bottom:10px;margin-top:10px}#header-wrapper,#outer-wrapper{width:100%!important;padding:0}#outer-wrapper{padding:0 10px;margin-top:20px}h2.post-title,h2.post-title a{font-size:initial}.post{margin:0 0 10px;padding:10px}#cpright,#credit,.cpleft{float:none;margin:0 auto;text-align:center}#cpright,.cpleft{margin:10px}}
  839.  
  840. @media only screen and (max-width:480px){#related-posts a:last-child{display:none}#related-posts .related_img{width:145px!important;height:95px!important;}#related-title{width:145px!important}ul.npc_thumbs2 li{width:46%!important}.search-live_items h5 a{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;
  841. -webkit-box-orient: vertical;-webkit-line-clamp:2}#credit{padding-top:0}.search-live_items img{display:none!important}#outer-wrapper{width:100%!important;padding:0 8px;margin-top:20px}.post{margin:0 0 8px;padding:8px}h2.post-title{font-size:small}.img-thumbnail,.img-thumbnail img{width:120px;height:90px}.img-thumbnail{margin:0 8px 0 0}.logo{left:120%}.topmenu{max-width:60%}}
  842.  
  843. @media screen and (max-width:320px){#related-posts .related_img{width:130px!important;height:95px!important;margin-right:0!important}#related-title{width:130px!important}ul.npc_thumbs2 li{width:60%!important}ul.npc_thumbs2 .cat_thumb2 img{width:80px;height:50px}.npc_right{width:100%;float:left;margin:0;padding:0}ul.npc_thumbs li{margin:0 0 10px;padding:0 0 10px}span.npc_title2{font-size:18px;line-height:1.2em}.search-live_items h5 a{font-size:14px}.dropdowns{width:250px}.post-body{width:100%!important;padding:0;margin-left:0!important}#outer-wrapper{width:100%!important;padding:0 6px;margin-top:20px}.post{padding:6px}.img-thumbnail,.img-thumbnail img{width:100px;height:80px}div.tab button{font-size:13px}}
  844.  
  845. @media print {body {width: 90%;height: 100%;overflow: hidden;margin: 0 auto;padding: 0;display: block}}
  846. </style>
  847. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  848. <style>.post-body{padding-left: 53px;margin-top:-21px}.homepageavatar{border-radius:100%;float:left;margin-right:5px;width:48px}#HTML11{display:none}.label-info a:before{content:&#39;#&#39;;}
  849. </style>
  850. </b:if>
  851. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  852. <style>.homepageavatar{border-radius:100%;float:left;margin-right:5px;width:48px}.menu2 li:first-child a{border-bottom: 2px solid #2b5cb9 ;color: #2b5cb9 ;}#Blog1{display:none}
  853. </style>
  854. </b:if>
  855. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  856. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  857. <style type='text/css'>
  858. /* CSS Post Wrapper */
  859. .post-info{display:inline-block;margin:0;padding:0;font-size:13px;}
  860. .post-info a{display:inline;color:#5b686a;padding:0;padding-right:5px;margin-bottom:10px;}
  861. .author-info,.time-info,.comment-info,.label-info,.review-info{margin-right:1px!important;display:inline}
  862. .img-thumbnail{position:relative;float:left;width:100%;height:178px;z-index:1;overflow:hidden;border-radius:3px;}
  863. .img-thumbnail img{width:100%;z-index:1;height:178px;border:1px solid #e6ecf0;border-radius:6px}
  864. .snippets{color:#2a2a2a;width:100%;font-family: &#39;Roboto&#39;;}
  865. /* CSS Page Navigation */
  866. #blog-pager{clear:both;margin:0 auto;line-height:50px;text-align:center}
  867. #blog-pager a{padding: 9px 15px; border-bottom: 1px dashed #aaa;font-weight:500;position:relative;transition:.3s}
  868. #blog-pager a:hover {text-decoration:none;border-bottom:1px dashed #2b5cb9 ;}
  869. </style>
  870. </b:if>
  871. </b:if>
  872. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  873. <style>
  874. body{background:#e6ecf0}
  875. .post img{height:auto;max-width:95%;border:0;}
  876. .blogouter-wrapper,#header-wrapper,#sidebar-wrapper,.post-info,#footer-wrapper,#sidebar,.breadcrumbs,#sidebar2,h2.post-title,.tab,#comments{display:none!important}
  877. #post-wrapper{margin-top:0}
  878. #outer-wrapper{background:transparent!important;width:1300px;border:none}
  879. button, html input[type=&quot;button&quot;], input[type=&quot;reset&quot;], input[type=&quot;submit&quot;]{color:black}
  880. .c-form-name, .c-form-email, .c-form-email-message input:focus{color:black}
  881. .post{width:100%;border-radius:7px;background:transparent;border-bottom:none!important}
  882. .post-inner{width:100%!important}
  883. .post-body{display:block}
  884. </style></b:if>
  885. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  886. <style>
  887. @media screen and (min-width:1024px) and (max-width:1025px){.post-inner{width:714px!important}}
  888. .label-info{position:absolute;top:30px;left:270px;font-size:14px;color:#3f4a52;}
  889. .label-info a{padding:10px 2px!important}
  890. .label-info a:last-child span.kitu{display:none!important}
  891. .timestamp-link{position:absolute;top:30px;left:59px}
  892. .homepageavatar{width:50px;height:50px;line-height:50px;border-radius:100%;margin-right:13px}
  893. .breadcrumbs{border-bottom:0;margin-bottom:0;}
  894. .post img{height:auto;max-width:100%;border:0;opacity:1;}
  895. .post-body a.img,.post-body .separator a {margin-left:0!important;margin-right:0!important;}
  896. .post-info{margin:5px 0;font-size:90%;padding:0;border-bottom: 1px solid #ddd;padding-bottom:10px}
  897. .post-info a{display:inline-block;padding:10px;}
  898. .infopc{margin-left:228px}
  899. .post-inner{width:870px}
  900. #sidebar2{display:none}
  901. .post-body{font-size:16px;margin-top:0;text-align:justify}
  902. .post{padding: 15px 10px;padding-top:5px}
  903. h2.post-title{margin-left:-5px; text-align: left;display: inline-block;;font-size:19px;font-weight:500;color:#2b5cb9 ;padding: 0;position: absolute;line-height: normal;}
  904. .post-info{text-align:start}
  905. </style>
  906. </b:if>
  907. <script type='text/javascript'>
  908. //<![CDATA[
  909. //CSS Ready
  910. function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");loadCSS("https://fonts.googleapis.com/css?family=Lobster|Roboto:400,500|Satisfy&subset=latin-ext,vietnamese");
  911. //]]>
  912. </script>
  913. <script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'/>
  914. <div id='fb-root'/>
  915. <script>(function(d, s, id) {
  916. var js, fjs = d.getElementsByTagName(s)[0];
  917. if (d.getElementById(id)) return;
  918. js = d.createElement(s); js.id = id;
  919. js.src = &#39;https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v2.11&amp;appId=ID&#39;;
  920. fjs.parentNode.insertBefore(js, fjs);
  921. }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
  922. <script src='//code.jquery.com/jquery.min.js'/>
  923. <script type='text/javascript'>
  924. //<![CDATA[
  925. // Live Search
  926. var home="https://npctestingblogxxx.blogspot.com/",perPage=5;$(document).ready(function(){$("#search_live input").click(function(a){a.stopPropagation(),$("#search_live input").keyup(function(){var d=$("#search_live input").val(),c=new RegExp(d,"i"),b='<div class="row">';b='<div class="content_search"><span>Kết quả tìm kiếm</span></div>',$.ajax({url:home+"feeds/posts/default?alt=json&max-results=100",dataType:"jsonp"}).done(function(f){$.each(f.feed.entry,function(h,j){if(""!=d&&-1!=j.title.$t.search(c)){if(b+='<div class="search-live_items">',void 0!=j.media$thumbnail){var g=j.media$thumbnail.url.replace(/\/s([\S]+)\//,"/s36-c/")}b+='<a href="'+j.link[4].href+'"><img src="'+g+'" /></a>',b+='<h5><a href="'+j.link[4].href+'">'+j.title.$t+"</a></h5>",b+="</div>"}}),b+="</div>",$("#search-live").html(b)})})}),$(document).click(function(){$("#search-live").html("")})});
  927. //]]>
  928. </script>
  929. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  930. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  931. <script type='text/javascript'>
  932. snippet_count = 100;
  933. //<![CDATA[
  934. function removeHtmlTag(d,c){if(-1!=d.indexOf("<")){for(var b=d.split("<"),a=0;a<b.length;a++){-1!=b[a].indexOf(">")&&(b[a]=b[a].substring(b[a].indexOf(">")+1,b[a].length))}d=b.join("")}for(c=c<d.length-1?c:d.length-2;" "!=d.charAt(c-1)&&-1!=d.indexOf(" ",c);){c++}return d=d.substring(0,c-1),d+"..."}function createSnippet(d){var c=document.getElementById(d),b=snippet_count,a='<div class="snippets">'+removeHtmlTag(c.innerHTML,b)+"</div>";c.innerHTML=a};
  935. // Post Thumbnail
  936. function bp_thumbnail_resize(image_url,post_title){var image_width=490;var image_height=180;image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';if(post_title!="") return image_tag; else return "";}
  937. var _0xaccb=["\x3C\x75\x6C\x20\x63\x6C\x61\x73\x73\x3D\x22\x6C\x61\x62\x65\x6C\x5F\x77\x69\x74\x68\x5F\x74\x68\x75\x6D\x62\x73\x22\x3E","\x77\x72\x69\x74\x65","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x65\x6E\x67\x74\x68","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x72\x65\x70\x6C\x69\x65\x73","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x68\x72\x65\x66","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x75\x72\x6C","\x6D\x65\x64\x69\x61\x24\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C","\x63\x6F\x6E\x74\x65\x6E\x74","\x3C\x69\x6D\x67","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","","\x68\x74\x74\x70\x3A\x2F\x2F\x33\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x7A\x50\x38\x37\x43\x32\x71\x39\x79\x6F\x67\x2F\x55\x56\x6F\x70\x6F\x48\x59\x33\x30\x53\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x45\x35\x6B\x2F\x41\x49\x79\x50\x76\x72\x70\x47\x4C\x6E\x38\x2F\x73\x31\x36\x30\x30\x2F\x70\x69\x63\x74\x75\x72\x65\x5F\x6E\x6F\x74\x5F\x61\x76\x61\x69\x6C\x61\x62\x6C\x65\x2E\x70\x6E\x67","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x4A\x61\x6E","\x46\x65\x62","\x4D\x61\x72","\x41\x70\x72","\x4D\x61\x79","\x4A\x75\x6E\x65","\x4A\x75\x6C\x79","\x41\x75\x67","\x53\x65\x70\x74","\x4F\x63\x74","\x4E\x6F\x76","\x44\x65\x63","\x3C\x6C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6C\x65\x61\x72\x66\x69\x78\x22\x3E","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x61\x72\x67\x65\x74\x20\x3D\x22\x5F\x74\x6F\x70\x22\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x6C\x61\x62\x65\x6C\x5F\x74\x68\x75\x6D\x62\x22\x20\x73\x72\x63\x3D\x22","\x22\x2F\x3E\x3C\x2F\x61\x3E","\x3C\x73\x74\x72\x6F\x6E\x67\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x61\x72\x67\x65\x74\x20\x3D\x22\x5F\x74\x6F\x70\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x73\x74\x72\x6F\x6E\x67\x3E\x3C\x62\x72\x3E","\x73\x75\x6D\x6D\x61\x72\x79","\x72\x65\x70\x6C\x61\x63\x65","\x20","\x6C\x61\x73\x74\x49\x6E\x64\x65\x78\x4F\x66","\x2E\x2E\x2E","\x3C\x62\x72\x3E","\x2D","\x20\x2D\x20","\x20\x7C\x20","\x31\x20\x43\x6F\x6D\x6D\x65\x6E\x74\x73","\x31\x20\x43\x6F\x6D\x6D\x65\x6E\x74","\x30\x20\x43\x6F\x6D\x6D\x65\x6E\x74\x73","\x4E\x6F\x20\x43\x6F\x6D\x6D\x65\x6E\x74\x73","\x3C\x2F\x61\x3E","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x75\x72\x6C\x22\x20\x74\x61\x72\x67\x65\x74\x20\x3D\x22\x5F\x74\x6F\x70\x22\x3E\x4D\x6F\x72\x65\x20\xBB\x3C\x2F\x61\x3E","\x3C\x2F\x6C\x69\x3E","\x3C\x2F\x75\x6C\x3E"];function labelthumbs(_0xb505x2){document[_0xaccb[1]](_0xaccb[0]);for(var _0xb505x3=0;_0xb505x3< numposts;_0xb505x3++){var _0xb505x4=_0xb505x2[_0xaccb[3]][_0xaccb[2]][_0xb505x3];var _0xb505x5=_0xb505x4[_0xaccb[5]][_0xaccb[4]];var _0xb505x6;if(_0xb505x3== _0xb505x2[_0xaccb[3]][_0xaccb[2]][_0xaccb[6]]){break};for(var _0xb505x7=0;_0xb505x7< _0xb505x4[_0xaccb[7]][_0xaccb[6]];_0xb505x7++){if(_0xb505x4[_0xaccb[7]][_0xb505x7][_0xaccb[8]]== _0xaccb[9]&& _0xb505x4[_0xaccb[7]][_0xb505x7][_0xaccb[10]]== _0xaccb[11]){var _0xb505x8=_0xb505x4[_0xaccb[7]][_0xb505x7][_0xaccb[5]];var _0xb505x9=_0xb505x4[_0xaccb[7]][_0xb505x7][_0xaccb[12]]};if(_0xb505x4[_0xaccb[7]][_0xb505x7][_0xaccb[8]]== _0xaccb[13]){_0xb505x6= _0xb505x4[_0xaccb[7]][_0xb505x7][_0xaccb[12]];break}};var _0xb505xa;try{_0xb505xa= _0xb505x4[_0xaccb[15]][_0xaccb[14]]}catch(h){s= _0xb505x4[_0xaccb[16]][_0xaccb[4]];a= s[_0xaccb[18]](_0xaccb[17]);b= s[_0xaccb[18]](_0xaccb[19],a);c= s[_0xaccb[18]](_0xaccb[20],b+ 5);d= s[_0xaccb[21]](b+ 5,c- b- 5);if(a!= -1&& b!= -1&& c!= -1&& d!= _0xaccb[22]){_0xb505xa= d}else {_0xb505xa= _0xaccb[23]}};var _0xb505xb=_0xb505x4[_0xaccb[24]][_0xaccb[4]];var _0xb505xc=_0xb505xb[_0xaccb[25]](0,4);var _0xb505xd=_0xb505xb[_0xaccb[25]](5,7);var _0xb505xe=_0xb505xb[_0xaccb[25]](8,10);var _0xb505xf= new Array;_0xb505xf[1]= _0xaccb[26];_0xb505xf[2]= _0xaccb[27];_0xb505xf[3]= _0xaccb[28];_0xb505xf[4]= _0xaccb[29];_0xb505xf[5]= _0xaccb[30];_0xb505xf[6]= _0xaccb[31];_0xb505xf[7]= _0xaccb[32];_0xb505xf[8]= _0xaccb[33];_0xb505xf[9]= _0xaccb[34];_0xb505xf[10]= _0xaccb[35];_0xb505xf[11]= _0xaccb[36];_0xb505xf[12]= _0xaccb[37];document[_0xaccb[1]](_0xaccb[38]);if(showpostthumbnails== true){document[_0xaccb[1]](_0xaccb[39]+ _0xb505x6+ _0xaccb[40]+ _0xb505xa+ _0xaccb[41])};document[_0xaccb[1]](_0xaccb[42]+ _0xb505x6+ _0xaccb[43]+ _0xb505x5+ _0xaccb[44]);if(_0xaccb[16] in _0xb505x4){var _0xb505x10=_0xb505x4[_0xaccb[16]][_0xaccb[4]]}else {if(_0xaccb[45] in _0xb505x4){var _0xb505x10=_0xb505x4[_0xaccb[45]][_0xaccb[4]]}else {var _0xb505x10=_0xaccb[22]}};var _0xb505x11=/<\S[^>]*>/g;_0xb505x10= _0xb505x10[_0xaccb[46]](_0xb505x11,_0xaccb[22]);if(showpostsummary== true){if(_0xb505x10[_0xaccb[6]]< numchars){document[_0xaccb[1]](_0xaccb[22]);document[_0xaccb[1]](_0xb505x10);document[_0xaccb[1]](_0xaccb[22])}else {document[_0xaccb[1]](_0xaccb[22]);_0xb505x10= _0xb505x10[_0xaccb[25]](0,numchars);var _0xb505x12=_0xb505x10[_0xaccb[48]](_0xaccb[47]);_0xb505x10= _0xb505x10[_0xaccb[25]](0,_0xb505x12);document[_0xaccb[1]](_0xb505x10+ _0xaccb[49]);document[_0xaccb[1]](_0xaccb[22])}};var _0xb505x13=_0xaccb[22];var _0xb505x14=0;document[_0xaccb[1]](_0xaccb[50]);if(showpostdate== true){_0xb505x13= _0xb505x13+ _0xb505xf[parseInt(_0xb505xd,10)]+ _0xaccb[51]+ _0xb505xe+ _0xaccb[52]+ _0xb505xc;_0xb505x14= 1};if(showcommentnum== true){if(_0xb505x14== 1){_0xb505x13= _0xb505x13+ _0xaccb[53]};if(_0xb505x8== _0xaccb[54]){_0xb505x8= _0xaccb[55]};if(_0xb505x8== _0xaccb[56]){_0xb505x8= _0xaccb[57]};_0xb505x8= _0xaccb[39]+ _0xb505x9+ _0xaccb[43]+ _0xb505x8+ _0xaccb[58];_0xb505x13= _0xb505x13+ _0xb505x8;_0xb505x14= 1};if(displaymore== true){if(_0xb505x14== 1){_0xb505x13= _0xb505x13+ _0xaccb[53]};_0xb505x13= _0xb505x13+ _0xaccb[39]+ _0xb505x6+ _0xaccb[59];_0xb505x14= 1};document[_0xaccb[1]](_0xb505x13);document[_0xaccb[1]](_0xaccb[60]);if(displayseparator== true){if(_0xb505x3!= numposts- 1){document[_0xaccb[1]](_0xaccb[22])}}};document[_0xaccb[1]](_0xaccb[61])}
  938. //]]>
  939. </script>
  940. </b:if>
  941. </b:if>
  942. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  943. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  944. <style type='text/css'>
  945. /* CSS Recent Post by Label */
  946. .npclabel-wrapper{background:#fff; padding:0 10px;}
  947. .npclabel ul{list-style:none;margin:0;padding:0}
  948. .npclabel li{margin:0;padding:0}
  949. .npclabel .widget{margin:0;padding:0;border-bottom:4px solid #e6e6e6}
  950. #npclabel3 .widget,#npclabel1 .widget{border-bottom:none!important}
  951. .npclabel .widget-content{padding:0;margin:0;word-wrap:break-word;overflow:hidden}
  952. .npclabel h2{position:relative;margin:0;padding:5px 0;font-size:13px;font-weight:400;margin-bottom:8px}
  953. .data-title{color:#2b5cb9 ;padding:3px 5px;font-size: 20px;font-weight: 500;text-transform: capitalize}
  954. .npclabel .index{font-size:16px;}
  955. .npclabel .index a{padding:3px 5px;color:#2b5cb9 ;float:right;font-weight:500;transition:all 0.3s ease;padding-top:5px}
  956. .npclabel .index a:after{content:&#39;\f101&#39;;font-family:fontawesome;visibility:hidden;opacity:0;transition:all 0.3s ease;position: absolute;
  957. margin-top: 4px;right: -18px;}
  958. .npclabel .index a:hover:after{opacity:1;visibility:visible;right:0}
  959. .npclabel .index a:hover{padding-right:13px}
  960. .npclabel span.npc_meta_comment a:hover{color:#2b5cb9 !important}
  961. .npclabel ul.npc_thumbs li a:hover,.npclabel ul.npc_thumbs2 li a:hover{color:#2b5cb9 ;text-decoration:none}
  962. .npc_left{margin:0;padding:0;}
  963. .npc_left .cat_thumb{float:left;margin-right:10px!important}
  964. .npc_right{float:left;padding:0}
  965. ul.npc_thumbs{margin:0;padding:0}
  966. ul.npc_thumbs li,ul.npc_thumbs2{margin:0;padding:0}
  967. ul.npc_thumbs .cat_thumb{position:relative;margin:0;padding:0;width:252px;height:145px}
  968. ul.npc_thumbs .cat_thumb img{height:auto;width:100%;transition:all .2s}
  969. ul.npc_thumbs .cat_thumb img:hover{opacity:.9}
  970. ul.npc_thumbs2 li{margin:0 0 10px;padding:0 0 10px;width:27%;overflow:hidden;min-height:60px;float:left;margin-right:10px!important;}
  971. ul.npc_thumbs2 .cat_thumb2{float:left;margin:0 10px 0 0;height:72px;overflow:hidden}
  972. ul.npc_thumbs2 .cat_thumb2 img{height:60px;transition:all .2s}
  973. ul.npc_thumbs2 .cat_thumb2 img:hover{opacity:.9}
  974. span.npc_title{font-size:18px!important;font-weight:500;display:block;margin:0 0 10px;line-height:normal;text-transform:none;max-height:48px;overflow:hidden}
  975. span.npc_title2{font-size:14px!important;font-weight:400!important;line-height:1.4em;margin:0 0 3px;max-height:38px}
  976. span.npc_title a{color:#333}span.npc_title a:hover{color:#2b5cb9 ;text-decoration:none}
  977. span.npc_summary{display:block;line-height:1.6em;font-size:13px;text-overflow:ellipsis;margin:10px 0 0}
  978. span.npc_meta{display:block;font-size:11px;font-weight:400;color:#aaa;text-transform:uppercase}
  979. span.npc_meta a{color:#aaa;display:inline-block}
  980. span.npc_meta_date,span.npc_meta_comment,span.npc_meta_more{display:inline-block;margin-right:10px}
  981. span.npc_meta_comment a:before{content:&quot;\f0e6&quot;;font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-right:5px}
  982. span.npc_meta_comment a:hover{color:#2b5cb9 !important}
  983. span.npc_meta_date:before{content:&quot;\f133&quot;;font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-right:5px}
  984. ul.npc_thumbs2 li a:hover,ul.npc_thumbs li a:hover{color:#2b5cb9 ;text-decoration:none}
  985. @media screen and (max-width:260px){.npc_right{width:100%;float:left;margin:0;padding:0}ul.npc_thumbs li{margin:0 0 10px;padding:0 0 10px}span.npc_title2{font-size:18px;line-height:1.2em}}
  986. </style>
  987. </b:if>
  988. </b:if>
  989. <script type='text/javascript'>
  990. //<![CDATA[
  991. function labelthumbs(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]="Tháng 1",g[2]="Tháng 2",g[3]="Tháng 3",g[4]="Tháng 4",g[5]="Tháng 5",g[6]="Tháng 6",g[7]="Tháng 7",g[8]="Tháng 8",g[9]="Tháng 9",g[10]="Tháng 10",g[11]="Tháng 11",g[12]="Tháng 12",document.write('<span class="npc_left">'),document.write('<ul class="npc_thumbs">'),document.write("<li>"),1==showpostthumbnails&&document.write('<a href="'+n+'"><div class="cat_thumb"><span class="rollover"></span><img width="'+thumb_width+'" height="'+thumb_height+'" alt="'+m+'" src="'+u+'"/></div></a>'),document.write('<span class="npc_title"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";if(document.write('<span class="npc_meta">'),1==showpostdate&&(v=v+'<span class="npc_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum&&("1 Comments"==l&&(l="1 Comments"),"0 Comments"==l&&(l="0 Comments"),showcomment='<span class="npc_meta_comment"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore&&(v=v+'<span class="npc_meta_more"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write('<span class="npc_summary">'),"content"in r)var y=r.content.$t;else if("summary"in r)var y=r.summary.$t;else var y="";var k=/<\S[^>]*>/g;if(y=y.replace(k,""),1==showpostsummary)if(y.length<numchars)document.write(""),document.write(y),document.write("");else{document.write(""),y=y.substring(0,numchars);var $=y.lastIndexOf(" ");y=y.substring(0,$),document.write(y+"..."),document.write("")}document.write("</span>"),document.write("</li>"),document.write("</ul>"),document.write("</span>")}document.write('<span class="npc_right">'),document.write('<ul class="npc_thumbs2">');for(var e=1;e<numposts2;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_height2+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb2}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==showpostthumbnails2&&document.write('<a href="'+n+'"><div class="cat_thumb2"><img width="'+thumb_width2+'" height="'+thumb_height2+'" alt="'+m+'" src="'+x+'"/></div></a>'),document.write("<li>"),document.write('<span class="npc_title npc_title2"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";document.write('<span class="npc_meta npc_meta2">'),1==showpostdate2&&(v=v+'<span class="npc_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum2&&("1 Comment"==l&&(l="1 Comments"),"0 Comment"==l&&(l="0 Comments"),showcomment='<span class="npc_meta_comment npc_meta_comment2"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore2&&(v=v+'<span class="npc_meta_more npc_meta_more2"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write("</li>")}document.write("</ul>"),document.write("</span>")}
  992. //]]>
  993. </script>
  994. <script type='text/javascript'>
  995. var numposts=1,numposts2=5,showpostthumbnails=!0,showpostthumbnails2=!0,displaymore=!1,displaymore2=!1,showcommentnum=!0,showcommentnum2=!1,showpostdate=!0,showpostdate2=!0,showpostsummary=!0,numchars=50,thumb_width=310,thumb_height=160,thumb_width2=100,thumb_height2=55,no_thumb=&quot;https://3.bp.blogspot.com/-bP9BhHzcg3c/VulaYI1KgPI/AAAAAAAADlY/an6hlFHd5BQAUhNQbriNvTLripE4v5EQA/s320/blanter_thumb.png&quot;,no_thumb2=&quot;https://2.bp.blogspot.com/-9deKCtKRtvU/VulaYPTKW6I/AAAAAAAADlU/wb9d_4ysGPIC-ytki80VChZiMPrz7Af2w/s1600/blanterthumb_small.png&quot;;
  996. </script>
  997. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  998. <style>
  999. /* Related Post Style 1 */
  1000. .related-simplify{position:relative;padding:0;margin:15px auto;width:100%;}
  1001. .related-simplify ul{margin:0;padding:0}
  1002. .related-simplify ul li{position:relative;list-style:none;padding:9px;margin:auto;line-height:1.4em;}
  1003. .related-simplify ul li:before{content:&#39;\f0a4&#39;;font-family:fontawesome;position:absolute;margin:0 9px 0 4px;color:#2ecc71;overflow:hidden;transition:all .3s}
  1004. .related-simplify a{color:#2b5cb9 ;font-size:15px;margin:0 0 0 30px;}
  1005. .related-simplify a:hover{color:#ff0000;}
  1006. .related-simplify ul li:nth-child(n+4) {display:none;}
  1007. </style>
  1008. <script type='text/javascript'>
  1009. //<![CDATA[
  1010. var relatedSimply = new Array(); var relatedSimplyNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedSimply[i];}} relatedSimply = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
  1011. //]]>
  1012. </script>
  1013. </b:if>
  1014. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1015. <style type='text/css'>
  1016. #related-posts{float:left;width:100%}
  1017. #related-posts h2{margin-top: 0!important;background: none;padding: 3px;font-size: 20px;text-align: center;border: none;font-weight:400}
  1018. #related-posts h2:before, #related-posts h2:after{position: absolute;margin-top: 15px;overflow: hidden;width: 34%;height: 2px;content: &#39;\a0&#39;;background-color: #aaa;text-align: right;}
  1019. #related-posts h2:before{margin-left: -35%;}
  1020. #related-posts h2:after{margin-left: 1%;}
  1021. #related-posts .related_img{margin-right:10px;width:158px;height:110px;}
  1022. #related-posts a:last-child{margin-right:-6px!important}
  1023. #related-title{background-image: none;color: #525252;display: block;font-size: 14px;font-weight: normal;overflow: hidden;text-transform: none;width: 158px;text-align: left;}
  1024. #related-posts .related_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
  1025. #related-title:hover{color:red}
  1026. </style>
  1027. <script type='text/javascript'>
  1028. //<![CDATA[
  1029. imgr=new Array();imgr[0]="https://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png";showRandomImg=true;aBold=true;summaryPost=400;summaryTitle=20;numposts1=12;numposts2=4;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
  1030. function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.entry.length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><a href="'+posturl+'"><img class="related_img" src="'+img[i]+'"/></a><div class="clear"></div></div>';document.write(trtd);j++}}var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png'}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h2>'+relatedpoststitle+'</h2>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
  1031. //]]>
  1032. </script>
  1033. </b:if>
  1034. <!-- <body><div></div> -->
  1035. &lt;body&gt;
  1036. <div><a id='ad'/><a id='ads'/><a id='adsense'/></div>
  1037. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  1038. <style>
  1039. body {overflow:hidden!important}
  1040. #fb-error-page{position:relative;display:table;width:100%;height:100vh;margin:0!important;padding:0!important;z-index:999;background:#fff;}
  1041. .fb-error-page_content{position:relative;z-index:3}
  1042. .intro_label h5{font-size:45px;font-weight:700;color:#000;margin:0 0 .5em;padding:0;font-family:&quot;Roboto&quot;,sans-serif;}
  1043. .intro_label p{font-size: 16px; font-weight: 400; color: #000; margin: 0; padding: 0; letter-spacing: 2px}
  1044. .intro_label{margin:0 auto;text-align:center;padding:0}
  1045. .btn-error-page {color: #365899!important; display: inline-block; margin: 1.5em 3px; font-size: 14px; font-weight: 500;}
  1046. .btn-error-page:after{content:&#39;\f111&#39;;font-family:fontawesome;color:#365899!important;font-size:3px;vertical-align: middle;margin-left: 5px;}
  1047. .btn-error-page:last-child:after{display:none!important}
  1048. .btn-error-page:hover {text-decoration:none!important;color:#365899!important}
  1049. .meta_{display:table-cell;vertical-align:middle;text-align:center}
  1050. .intro_label img{position: inherit;display: table;margin-left: 40%;}
  1051. </style>
  1052. <div id='fb-error-page'>
  1053. <div class='meta_'>
  1054. <div class='fb-error-page_content'>
  1055. <div class='intro_label'>
  1056. <h5 class='_title'>Rất tiếc, trang đó không tồn tại!
  1057. </h5>
  1058. <p>Liên kết bạn truy cập có thể bị hỏng hoặc trang có thể đã bị xóa.</p><br/>
  1059. <img alt='404' src='https://2.bp.blogspot.com/-MKkzFPTOZuQ/WkdooRCKeWI/AAAAAAAABRo/6PqoiJWlHPMvS4-WJbTdMJT0_GZt8HZEwCLcBGAs/s1600/1_123125_123019_2207910_2219520_090617_pb_deadtwitter2.jpg.CROP.original-original-min.jpg' title='404'/>
  1060. <a class='btn-error-page' href='#go_back' onclick='goBack()' title='Quay lại trang trước'>Quay lại trang trước</a><a class='btn-error-page' href='/' title='Đi tới Bảng tin'>Đi tới Bảng tin</a><a class='btn-error-page' href='/lienhe' title='Truy cập Trung tâm trợ giúp của chúng tôi'>Truy cập Trung tâm trợ giúp của chúng tôi</a>
  1061. </div>
  1062. </div></div>
  1063. </div>
  1064. <script> function goBack() { window.history.back(); } </script>
  1065. </b:if>
  1066. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1067. <style>
  1068. #intro_homepage{position:relative;display:table;width:100%;height:40vh;margin:0!important;padding:0!important;z-index:999;background:url(https://1.bp.blogspot.com/-wjObxxoUHG0/WgnZ9YbJKqI/AAAAAAAAA1Y/3TEixwtc42Ivs74gJ2p6ga0FKyEY0CHzgCLcBGAs/s1600/Laptop_on_Desk_HD_Wallpaper-min.jpg) no-repeat center!important;background-size:cover!important}
  1069. #intro_homepage:before{content: &#39;&#39;; opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(transparent, #050a18)}
  1070. #intro_homepage:after{content:&#39;&#39;;z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(transparent,rgba(51, 51, 51, 0.15) 0%,rgba(12,23,36,0.4))}
  1071. .intro_homepage_content{position:relative;z-index:3}
  1072. .intro_label h5{animation:zoomInUp 6s;font-size:39px;font-weight:700;color:rgba(255,255,255,.85);letter-spacinggg:0;margin:0 0 .25em;padding:0;font-family:&quot;Roboto Condensed&quot;,sans-serif;text-transform:uppercase}
  1073. .intro_label p{animation: zoomInDown 4s; text-transform: uppercase; font-size: 16px; font-weight: 400; color: rgba(255,255,255,0.7); margin: 0; padding: 0; letter-spacing: 2px}
  1074. .intro_label{margin:0 auto;text-align:center;padding:0}
  1075. .meta_{display:table-cell;vertical-align:middle;text-align:center}
  1076. ._title i{margin:0 20px 0 0}
  1077. </style>
  1078. <div id='intro_homepage'>
  1079. <div class='meta_'>
  1080. <div class='intro_homepage_content'>
  1081. <div class='intro_label'>
  1082. <h5 class='_title'><i aria-hidden='true' class='fa fa-gg'/>BÁC SĨ FACEBOOK<i aria-hidden='true' class='fa fa-gg' style='margin:0 0 0 20px'/></h5>
  1083. <p>Lê Hồng Nam</p>
  1084. </div>
  1085. </div></div>
  1086. <div class='meta_'>
  1087. </div>
  1088. </div>
  1089. </b:if>
  1090. <div class='darkshadow'/>
  1091. <nav class='dropdowns' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
  1092. <div class='wrapper'>
  1093. <div class='profilemenu'>
  1094. <img alt='Quản trị viên' src='https://2.bp.blogspot.com/-7hW3VmmsHto/WtYRZuk7SVI/AAAAAAAAA6c/HDVAxdcxRCcXSfL6ZVDAbqKcUCOz3zYtQCLcBGAs/s1600/RhEXwoV.png' title='Quản trị viên'/>
  1095. <h3>Lê Hồng Nam</h3>
  1096. <p>nindeptrai2k3@gmail.com</p>
  1097. </div>
  1098. <ul class='nav nav-menu2'>
  1099. <li><a class='waves-effect' href='/lienhe' itemprop='url' title='Liên hệ'><span itemprop='name'>Liên hệ</span></a></li>
  1100. <li><a class='waves-effect' href='/binhluan' itemprop='url' title='Bình luận mới'><span itemprop='name'>Bình luận mới</span></a></li>
  1101. <li><a class='waves-effect' href='/bantemplate' itemprop='url' title='Mua Template'><span itemprop='name'>Mua Template</span></a></li>
  1102. <li><a class='waves-effect' href='/tamsu' itemprop='url' title='Tâm sự'><span itemprop='name'>Tin Tức 24H</span></a></li>
  1103. <li><a class='waves-effect' href='/anh' itemprop='url' title='Ảnh'><span itemprop='name'>Ảnh</span></a></li>
  1104. <li><a class='waves-effect' href='/blogspot' itemprop='url' title='Thủ thuật Blogspot'><span itemprop='name'>Thủ thuật Blogspot</span></a></li>
  1105. <li><a class='waves-effect' href='/search/label/mobile' itemprop='url' title='Thủ thuật Mobile'><span itemprop='name'>Thủ thuật Mobile</span></a></li>
  1106. <li><a class='waves-effect' href='/search/label/earn-money' itemprop='url' title='Kiếm tiền'><span itemprop='name'> Kiếm tiền</span></a></li>
  1107. </ul>
  1108. </div>
  1109. </nav>
  1110. <!-- <a href='javascript:checkDarkMode()' id='darkmode' title='Mở/Tắt Darkmode'><button class='ripplelink' id='pmicon'/></a> -->
  1111. <div class='blogouter-wrapper'>
  1112. <div class='avatarpc'><img alt='BÁC SĨ FACEBOOK' id='myImg' src='https://2.bp.blogspot.com/-lAyvpfEPNwk/WplirDWNuyI/AAAAAAAAAiY/PfHx3n-Qx8Arm6T1Xsp-Q7PoJYXUsEGFgCEwYBhgL/s1600/L%25C3%25AA%2BH%25E1%25BB%2593ng%2BNam.jpg'/><div class='modal' id='myModal'>
  1113. <span class='close'>&amp;times;</span>
  1114. <img alt='Lê Hồng Nam' class='modal-content' id='img01' title='Lê Hồng Nam'/>
  1115. <div id='caption'/>
  1116. </div></div>
  1117. <sticknav>
  1118. <header class='header-wrapper2'>
  1119. <a class='toggleMenu ripple' href='javascript:;' title='Menu'><i class='fa fa-bars'/></a><div class='topmenu'>
  1120. <div class='leftnav'>
  1121. <ul>
  1122. <li><a href='/' title='Trang chủ'><i class='fa fa-heart-o'/>Trang chủ</a></li>
  1123. <li><div class='dropdown'><a class='dropdown-link' href='javascript:void(0);' style='margin-left:0' title='Thông báo'><i class='fa fa-bell-o'/>Thông báo</a>
  1124. <ul class='dropdown-container' style='top:16px;left:5px'>
  1125. <p class='shortnote'><i class='fa fa-bullhorn' style='color: #ff0000;'/>
  1126. Vì Cuộc Thi Cuối Kỳ,Chuyển Cấp Nên Blog Tạm Thời Hoạt Động Và Chỉ Có CTV Up Bài Thủ Thuật Facebook , PSD ẢNH Và Tương Tác Với Các Blog Đã Đặt Liên Kết .Cảm Ơn Tất Cả Các Bạn Đã Ghé Thăm Blog Và Ủng Hộ Blog . Xin Chân Thành Cảm Ơn !! Chúc các bạn 1 ngày vui vẻ !!
  1127. </p>
  1128. </ul></div>
  1129. </li>
  1130. <li><a href='https://goo.gl/8CdmyU' style='color:#ffd34e' title='Bạn bè'><i class='fa fa-envelope-o'/>Kênh Youtube
  1131. </a></li>
  1132. </ul>
  1133. </div>
  1134. <div class='logo'><a href='/' title='Trang chủ'><i class='fa fa-twitter'/></a></div>
  1135. <div class='rightnav'>
  1136. <div class='searchpc'>
  1137. <!-- Search live -->
  1138. <div class='search_box_menu'>
  1139. <div id='search_live'>
  1140. <input placeholder='Tìm kiếm bài viết...'/>
  1141. </div>
  1142. <div id='search-live'/></div>
  1143. </div>
  1144. <div class='logo2'><div class='dropdown'><a class='dropdown-link' href='javascript:void(0);' style='margin-left:0' title='Hồ sơ và truy cập'><img alt='Hồ sơ và truy cập' src='https://3.bp.blogspot.com/-Q9SJmp16jlA/WrcHLpf73wI/AAAAAAAAAoA/kWa5XuqDUe4cQT5jiuAwrrq22fIZ2IWeQCLcBGAs/s1600/logo.png' title='Hồ sơ và truy cập'/></a>
  1145. <ul class='dropdown-container' style='top:18px;left:74.5%;width:190px'>
  1146. <div class='dropdown-caret'>
  1147. <span class='caret-outer'/>
  1148. <span class='caret-inner'/>
  1149. </div>
  1150. <li class='devide'><a href='/' title='Trang chủ'><span>Lê Hồng Nam</span><br/><p>@namhacker12345</p></a></li>
  1151. <li><a href='https://plus.google.com/108133125496589381005' rel='nofollow' target='_blank' title='Hồ sơ'><i class='fa fa-user-o'/>Hồ sơ</a></li>
  1152. <li><a href='https://www.facebook.com/profile.php?id=100008753985650' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/>Facebook</a></li>
  1153. <li><a href='https://twitter.com/namhacker12345' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/>Twitter</a></li>
  1154. <li class='devide'><a href='https://www.instagram.com/namhacker12345' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/>Instagram</a></li>
  1155. <li><a href='/binhluan' title='Bình luận mới'><i class='fa fa-commenting-o'/>Bình luận mới</a></li>
  1156. <li><a href='https://www.facebook.com/profile.php?id=100008753985650' title='Liên Hệ mua Template'><i class='fa fa-usd'/>Mua Template</a></li>
  1157. </ul></div></div>
  1158. <div class='tweet'><a href='/p/lien-he-voi-bac-si-facebook.html' title='Liên hệ'>Liên hệ</a></div>
  1159. </div>
  1160. </div>
  1161. </header>
  1162. </sticknav>
  1163. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1164. <style>
  1165. #intro_homepage1{position:relative;display:table;width:100%;height:365px;margin:0!important;padding:0!important;z-index:3;background:url(https://4.bp.blogspot.com/-48PZhez3Up0/WtxebRGKrmI/AAAAAAAAA8I/K2FBpsI0J84VTdVGP4Lc3v__71x5Y010QCLcBGAs/s1600/L%25C3%25AA%2BH%25E1%25BB%2593ng%2BNam%2B1.jpg) no-repeat center;background-size:cover;}
  1166. .intro_info{display: table-cell;vertical-align: middle;text-align: center;}
  1167. .intro_info h4{text-align: center;color: #d53b1f;font-size: 4em;text-shadow: -1px 1px 0 grey;text-transform: none;letter-spacing: 0.04em;line-height: 1.2em;padding-left: 20%;padding-right: 25%;font-family: &quot;Lobster&quot;, sans-serif;margin-top: 0px;font-weight: 400;}
  1168. .intro_info h5{text-align: center;color: #d53b1f;font-size: 1.25em;text-transform: none;letter-spacing: 0em;line-height: 1.65em;padding-left: 20px;padding-right: 20px;font-family: &quot;Roboto&quot;, sans-serif;margin-top: 23px;font-weight: 400;margin-left:23%;width:50%}
  1169. .typist-blink:after{position:relative;top:6px;display:inline-block;height:23px;margin-right:6px;margin-left:6px;content:&#39; &#39;;-webkit-animation:blink 1s step-start 0 infinite;animation:blink 1s step-start 0 infinite;border-right:1px solid}
  1170. .typist-blink&gt;.selectedText{display:none}
  1171. </style>
  1172. <div id='intro_homepage1'>
  1173. <div class='intro_info'>
  1174.  
  1175.  
  1176. </div>
  1177. </div>
  1178. </b:if>
  1179. <div class='mainmenu'>
  1180. <div class='menu2'>
  1181. <ul>
  1182. <li><a href='/' title='Trang chủ'>Trang chủ<span><i class='fa fa-home'/></span></a></li>
  1183. <li><a href='/tamsu' onclick='this.href = &apos;https://www.24h.com.vn/?&amp;max-results=10&apos;' title='Tâm sự'>Tin 24h<span><i class='fa fa-heart'/></span></a></li>
  1184. <li class='dropdownpc'>
  1185. <a class='dropbutton' href='javascript:void(0);' title='Thủ thuật'>Thủ thuật<span><i class='fa fa-code'/></span></a>
  1186. <div class='dropdownpc-content'>
  1187. <a href='/search/label/Blogger' onclick='this.href = &apos;/search/label/Blogger?&amp;max-results=10&apos;' title='Blogger'>BLOGGER</a>
  1188. <a href='/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Facebook' onclick='this.href = &apos;/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Facebook?&amp;max-results=10&apos;' title='FACEBOOK'>FACEBOOK</a>
  1189. <a href='/search/label/checkpass' onclick='this.href = &apos;/search/label/checkpass?&amp;max-results=10&apos;' title='Checkpass'>CHECKPASS</a>
  1190. <a href='/search/label/Likesub' onclick='this.href = &apos;/search/label/Likesub?&amp;max-results=10&apos;' title='Tăng người theo dõi , lượt thích '>Hack Like , Follow</a>
  1191. <a href='/search/label/unlock' onclick='this.href = &apos;/search/label/unlock?&amp;max-results=10&apos;' title='Mở Khóa Facebook '>Unlock Facebook</a>
  1192. <a href='/search/label/Rip' onclick='this.href = &apos;/search/label/Rip?&amp;max-results=10&apos;' title='Báo Cáo Facebook'>REPORT FACEBOOK</a>
  1193. </div>
  1194. </li>
  1195. <li class='dropdownpc'>
  1196. <a class='dropbutton' href='javascript:void(0);' title='Chia sẻ'>Chia sẻ<span><i class='fa fa-share-alt'/></span></a>
  1197. <div class='dropdownpc-content'>
  1198. <a href='/search/label/PSD' onclick='this.href = &apos;/search/label/PSD?&amp;max-results=10&apos;' title='Ảnh'>PSD/ẢNH NỘI BẬT</a>
  1199.  
  1200. </div>
  1201. </li>
  1202. <li><a href='https://goo.gl/8CdmyU' rel='nofollow' target='_blank' title='Like Và Đăng Kí Kênh'>Channel Youtube<span><i class='fa fa-usd'/></span></a></li>
  1203. <li class='dropdownpc'>
  1204. <a class='dropbutton' href='javascript:void(0);' title='Công cụ'>Công cụ<span><i class='fa fa-cogs'/></span></a>
  1205. <div class='dropdownpc-content'>
  1206. <a href='/' title='Sơ đồ blog'>Sitemap</a>
  1207. <a href='/' title='Bình luận'>Bình luận mới</a>
  1208. <a href='/' title='Mã hóa code'>Mã hóa code</a>
  1209. <a href='/' title='Mã màu'>Mã màu</a>
  1210. <a href='/' title='Nén CSS'>Nén CSS</a>
  1211. <a href='/' title='Test Code'>Test Code</a>
  1212. <a href='/' title='Viết chữ ngược'>Viết chữ ngược</a>
  1213. <a href='/c' title='Vườn âm nhạc'>Vườn âm nhạc</a>
  1214. </div>
  1215. </li>
  1216. </ul>
  1217. </div>
  1218. <a class='dangkiblog' href='https://www.blogger.com/follow.g?blogID=1049443109321383527' target='_blank' title='Theo Dõi Website'>Theo Dõi Website</a>
  1219. </div>
  1220. </div>
  1221. <div class='clear'/>
  1222. <div id='outer-wrapper'>
  1223. <div class='clear'/>
  1224. <div id='header-wrapper'>
  1225. <b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
  1226. <b:widget id='Header1' locked='true' title='Instagram (Tiêu đề)' type='Header' version='1'>
  1227. <b:widget-settings>
  1228. <b:widget-setting name='displayUrl'/>
  1229. <b:widget-setting name='displayHeight'>0</b:widget-setting>
  1230. <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
  1231. <b:widget-setting name='useImage'>false</b:widget-setting>
  1232. <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  1233. <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
  1234. <b:widget-setting name='displayWidth'>0</b:widget-setting>
  1235. </b:widget-settings>
  1236. <b:includable id='main'>
  1237.  
  1238. <b:if cond='data:useImage'>
  1239. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1240. <!--
  1241. Show image as background to text. You can't really calculate the width
  1242. reliably in JS because margins are not taken into account by any of
  1243. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1244. width if the user is using shrink to fit.
  1245. This results in a margin-width's worth of pixels being cropped. If the
  1246. user is not using shrink to fit then we expand the header.
  1247. -->
  1248. <b:if cond='data:mobile'>
  1249. <div id='header-inner'>
  1250. <div class='titlewrapper'>
  1251. <h1 class='title'>
  1252. <b:include name='title'/>
  1253. </h1>
  1254. </div>
  1255. <b:include name='description'/>
  1256. </div>
  1257. <b:else/>
  1258. <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'>
  1259. <div class='titlewrapper'>
  1260. <h1 class='title'>
  1261. <b:include name='title'/>
  1262. </h1>
  1263. </div>
  1264. <b:include name='description'/>
  1265. </div>
  1266. </b:if>
  1267. <b:else/>
  1268. <!--Show the image only-->
  1269. <div id='header-inner'>
  1270. <a expr:href='data:blog.homepageUrl' expr:title='data:title'>
  1271. <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
  1272. </a>
  1273. <!--Show the description-->
  1274. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1275. <b:include name='description'/>
  1276. </b:if>
  1277. </div>
  1278. </b:if>
  1279. <b:else/>
  1280. <!--No header image -->
  1281. <div id='header-inner'>
  1282. <div class='titlewrapper'>
  1283. <h1 class='title'>
  1284. <b:include name='title'/>
  1285. </h1>
  1286.  
  1287. </div>
  1288. <b:include name='description'/>
  1289. </div>
  1290. </b:if>
  1291. </b:includable>
  1292. <b:includable id='description'>
  1293. <div class='descriptionwrapper'>
  1294. <p class='description'><span><data:description/></span></p>
  1295. </div>
  1296. </b:includable>
  1297. <b:includable id='title'>
  1298. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1299. <data:title/>
  1300. <b:else/>
  1301. <a expr:href='data:blog.homepageUrl' expr:title='data:title'><data:title/></a>
  1302. </b:if>
  1303. </b:includable>
  1304. </b:widget>
  1305. <b:widget id='Navbar1' locked='false' title='Thanh điều hướng' type='Navbar' version='1'>
  1306. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  1307. function setAttributeOnload(object, attribute, val) {
  1308. if(window.addEventListener) {
  1309. window.addEventListener(&#39;load&#39;,
  1310. function(){ object[attribute] = val; }, false);
  1311. } else {
  1312. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  1313. }
  1314. }
  1315. &lt;/script&gt;
  1316. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  1317. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  1318. &lt;script type=&quot;text/javascript&quot;&gt;
  1319. gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  1320. if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  1321. gapi.iframes.getContext().openChild({
  1322. url: &#39;https://draft.blogger.com/navbar.g?targetBlogID\x3d2972714871490335320\x26blogName\x3dInstagram\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://instagram-bomkhung.blogspot.com/search\x26blogLocale\x3dvi\x26v\x3d2\x26homepageUrl\x3dhttps://instagram-bomkhung.blogspot.com/\x26vt\x3d2988180051506502777&#39;,
  1323. where: document.getElementById(&quot;navbar-iframe-container&quot;),
  1324. id: &quot;navbar-iframe&quot;
  1325. });
  1326. }
  1327. });
  1328. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  1329. (function() {
  1330. var script = document.createElement(&#39;script&#39;);
  1331. script.type = &#39;text/javascript&#39;;
  1332. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  1333. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  1334. if (head) {
  1335. head.appendChild(script);
  1336. }})();
  1337. &lt;/script&gt;
  1338. </b:includable>
  1339. </b:widget>
  1340. </b:section>
  1341. </div>
  1342. <div class='clear'/>
  1343. <div id='post-wrapper'>
  1344. <aside id='sidebar-wrapper'>
  1345. <div class='sidebar-inner'>
  1346. <b:section class='sidebar section' id='sidebar2' showaddelement='yes'>
  1347. <b:widget id='HTML2' locked='false' title='' type='HTML' visible='true'>
  1348. <b:widget-settings>
  1349. <b:widget-setting name='content'>&lt;style&gt;
  1350. /* Đăng ký qua Email */
  1351. /* Subscribe box by bacsiwindows.com */
  1352. #subscribe_box-bsw{background:#fff;margin:0;padding:0;z-index:-1}
  1353. #subscribe_box-bsw h2{padding:20px 5px 10px;margin:0;font:500 22px Roboto;text-align:center;text-transform:uppercase;color:#fff;background:#73c8a9;position:relative;background-position:50% 0%;background-size:contain}
  1354. #subscribe_box-bsw p{margin:0;padding:15px;letter-spacing:0;color:#fff;font-size:16px;text-transform:none;line-height:1.4;font-weight:400;font-family:Roboto,sans-serif}
  1355. #subscribe_box-bsw form{padding:30px 0}
  1356. #subscribe_box-bsw h2:after{border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid transparent;border-bottom:20px solid #73c8a9;content:&#39;&#39;;bottom:-40px;position:absolute;left:50%;transform:rotate(180deg);margin:0 -15px}
  1357. .u-subscribe-box-bsw{font:400 16px Roboto;transition:.35s;outline:0;background:0;color:#444;padding:10px 0;display:block;border:0;width:80%;box-sizing:border-box;margin:0 auto 10px;border-bottom:1px solid rgba(0,0,0,.2)}
  1358. .e-subscribe-box-bsw{font:400 16px Roboto;transition:.35s;outline:0;background:0;color:#444;padding:10px 0;display:block;border:0;width:80%;box-sizing:border-box;margin:0 auto 10px;border-bottom:1px solid rgba(0,0,0,.2)}
  1359. .s-subscribe-box-bsw{cursor:pointer;border:0;outline:0;display:block;color:#fff;text-decoration:none;background:#73c8a9;width:80%;margin:20px auto 0;padding:10px 15px;font:400 16px Roboto;letter-spacing:0;transition:.35s;border-radius:5px}
  1360. .s-subscribe-box-bsw:hover{background:#555}
  1361. #bsw_subscribe{background:repeating-linear-gradient( 135deg,#4fa8ed,#4fa8ed 10px,#fff 10px,#fff 20px,#f84d3b 20px,#f84d3b 30px,#fff 30px,#fff 40px );padding:6px;clear:both;margin:0 0 10px}
  1362. .e-subscribe-box-bsw:focus::-webkit-input-placeholder,.u-subscribe-box-bsw:focus::-webkit-input-placeholder{color:#999;font-size:11px;-webkit-transform:translateY(-20px);transform:translateY(-20px);visibility:visible!important;visibility:visible;transition:all 0.25s ease}
  1363. .u-subscribe-box-bsw::-webkit-input-placeholder,.e-subscribe-box-bsw::-webkit-input-placeholder{color:#888}
  1364. &lt;/style&gt;
  1365. &lt;div id=&#39;bsw_subscribe&#39;&gt;
  1366. &lt;div id=&#39;subscribe_box-bsw&#39;&gt;
  1367. &lt;div class=&#39;i-subText&#39;&gt;
  1368. &lt;h2&gt;Đăng ký nhận bài viết
  1369. &lt;p&gt;Nhập địa chỉ Email và bấm đăng ký, bạn sẽ nhận được bài viết mới nhất từ BÁC SĨ FACEBOOK hoàn toàn miễn phí! Cam kết không SPAM!&lt;/p&gt;
  1370. &lt;/h2&gt;
  1371. &lt;form action=&#39;//www.blogger.com/follow.g?blogID=1049443109321383527&#39; class=&#39;i-boxForm&#39; method=&#39;post&#39; target=&#39;_new&#39;&gt;
  1372. &lt;input class=&#39;u-subscribe-box-bsw&#39; name=&#39;name&#39; placeholder=&#39;Tên của bạn&#39; type=&#39;text&#39;/&gt;
  1373. &lt;input class=&#39;e-subscribe-box-bsw&#39; name=&#39;email&#39; placeholder=&#39;Địa chỉ Email&#39; type=&#39;text&#39;/&gt;
  1374. &lt;input class=&#39;s-subscribe-box-bsw&#39; type=&#39;submit&#39; value=&#39;ĐĂNG KÝ&#39;/&gt;
  1375. &lt;/form&gt;
  1376. &lt;/div&gt;
  1377. &lt;/div&gt;
  1378. &lt;/div&gt;</b:widget-setting>
  1379. </b:widget-settings>
  1380. <b:includable id='main'>
  1381. <b:include name='widget-title'/>
  1382. <div class='widget-content'>
  1383. <data:content/>
  1384. </div>
  1385. </b:includable>
  1386. </b:widget>
  1387. <b:widget id='HTML1' locked='false' title='Bạn bè' type='HTML' visible='true'>
  1388. <b:widget-settings>
  1389. <b:widget-setting name='content'>&lt;style&gt;
  1390. #banbe{position: relative;}
  1391. #banbe li{min-height:48px;list-style-type:none;border-bottom:1px solid #e6ecf0;padding:10px}
  1392. #banbe li:first-child{padding-top:0!important}
  1393. #banbe li:last-child{padding-bottom:0!important;border-bottom:0!important}
  1394. #banbe a{display:block;font-size:14px;margin-left:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:71%}
  1395. #banbe .avatar{position: absolute;left: 0;margin-top: -17px;
  1396. color: #fff;font-weight: 400;border-radius: 50%;height: 48px;width: 48px;font-size: 40px;padding-top: 14px;background:#2b5cb9 ;text-align:center;-moz-user-select: none;-ms-user-select: none;-khtml-user-select: none;
  1397. -webkit-user-select: none;-webkit-touch-callout: none;font-family:&#39;Open Sans&#39;}
  1398. span.bigtext{color:#2a2a2a;font-weight:500}
  1399. span.smalltext{color:#3f4a52;font-weight:400}
  1400. a.followbtn{font-size:12px;border:1px solid #2b5cb9 ;border-radius:50px;padding:2px 20px;width:98px!important;margin-top:1px!important;font-weight:500}
  1401. a.followbtn:hover{background:#2b5cb9 ;color:#fff}
  1402. &lt;/style&gt;
  1403. &lt;div id=&#39;banbe&#39;&gt;
  1404. &lt;li&gt;&lt;a title=&#39;Hùng Coder&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Hùng Coder&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@hungcoder.com&lt;/span&gt;&lt;div class=&#39;avatar&#39; style=&#39;background:#138882&#39;&gt;H&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;https://www.hungcoder.com/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1405.  
  1406. &lt;li&gt;&lt;a title=&#39;Thanh Phú IT&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Thanh Phú It&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@thanhphuit.xyz&lt;/span&gt;&lt;div class=&#39;avatar&#39; style=&#39;background:#ecc79a&#39;&gt;P&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;https://www.thanhphuit.xyz/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1407.  
  1408. &lt;li&gt;&lt;a title=&#39;Toàn Siêu Nhân &#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Toàn Siêu Nhân&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@toansieunhan.tk&lt;/span&gt;&lt;div class=&#39;avatar&#39; style=&#39;background:orange&#39;&gt;T&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;https://www.toansieunhan.tk/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1409.  
  1410. &lt;li&gt;&lt;a title=&#39;Ngô Anh Dũng&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;STAR DŨNG BLOG&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@Ngô Anh Dũng&lt;/span&gt;&lt;div class=&#39;avatar&#39; style=&#39;background:#fa68ff&#39;&gt;D&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;https://www.stardungblog.com/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1411.  
  1412. &lt;li&gt;&lt;a title=&#39;Code Đây Rồi&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Code Đây Rồi&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@codedayroi&lt;/span&gt;&lt;div class=&#39;avatar&#39; style=&#39;background:#3e4e6b&#39;&gt;C&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;http://www.codedayroi.net/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1413.  
  1414.  
  1415. &lt;div class=&quot;dropdown2&quot;&gt;
  1416. &lt;a class=&#39;droptext&#39; href=&#39;javascript:expand();&#39; id=&#39;displayText&#39; title=&#39;Xem thêm bạn bè&#39;&gt;&lt;i class=&quot;fa fa-users&quot;&gt;&lt;/i&gt;Xem thêm bạn bè&lt;/a&gt;&lt;div id=&#39;expandText&#39; style=&#39;display:none&#39;&gt;
  1417. &lt;div id=&quot;myDropdown2&quot; class=&quot;dropdown2-content&quot;&gt;
  1418. &lt;li&gt;&lt;a title=&#39;Đức Huy Blog&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Đức Huy Blog&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@nguyenhuyit&lt;/span&gt;&lt;div class=&#39;avatar&#39;&gt;H&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;http://www.nguyenhuyit.tk/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1419.  
  1420. &lt;li&gt;&lt;a title=&#39;Tính Getter Blog&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Tính Getter Blog&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@tinhgetter&lt;/span&gt;&lt;div class=&#39;avatar&#39; style=&#39;background:#069999&#39;&gt;T&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;https://tinhgetter.blogspot.com/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1421.  
  1422. &lt;li style=&#39;display:none&#39;&gt;&lt;a title=&#39;Hồng Hải Blog&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Hồng Hải Blog&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@honghaiblogseo&lt;/span&gt;&lt;div class=&#39;avatar&#39;&gt;H&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;https://honghaiblogseo.blogspot.com/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1423.  
  1424. &lt;li style=&#39;display:none&#39;&gt;&lt;a title=&#39;Bảo Shady Blog&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Bảo Shady Blog&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@baoshady&lt;/span&gt;&lt;div class=&#39;avatar&#39;&gt;B&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;//www.baoshady.com/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1425.  
  1426. &lt;li&gt;&lt;a title=&#39;Huyrocket&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Huyrocket&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@huyrocket&lt;/span&gt;&lt;div class=&#39;avatar&#39; style=&#39;background:#141d26&#39;&gt;H&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;https://huyrocket.blogspot.com/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1427.  
  1428. &lt;li&gt;&lt;a title=&#39;Star Nguyễn&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Star Nguyễn&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@starnguyenit&lt;/span&gt;&lt;div class=&#39;avatar&#39; style=&#39;background:#000&#39;&gt;N&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;//www.starnguyenit.net&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1429.  
  1430. &lt;li&gt;&lt;a title=&#39;Hưng Star - IT&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Hưng Star - IT&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@hungstar&lt;/span&gt;&lt;div class=&#39;avatar&#39; style=&#39;background:#0033CC&#39;&gt;H&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;//www.hungstar.tk/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt;
  1431.  
  1432. &lt;!-- &lt;li&gt;&lt;a title=&#39;Prince Design Blog&#39;&gt;&lt;span class=&#39;bigtext&#39;&gt;Prince Design Blog&lt;/span&gt; &lt;span class=&#39;smalltext&#39;&gt;@quanchanhkun&lt;/span&gt;&lt;div class=&#39;avatar&#39; style=&#39;background:#1BA39C&#39;&gt;Q&lt;/div&gt;&lt;/a&gt;&lt;a class=&#39;followbtn&#39; href=&#39;//www.quanchanhkun.tk/&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Theo dõi&#39;&gt;Theo dõi&lt;/a&gt;&lt;/li&gt; --&gt;
  1433.  
  1434. &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</b:widget-setting>
  1435. </b:widget-settings>
  1436. <b:includable id='main'>
  1437. <b:include name='widget-title'/>
  1438. <div class='widget-content'>
  1439. <data:content/>
  1440. </div>
  1441. </b:includable>
  1442. </b:widget>
  1443. </b:section></div>
  1444. </aside>
  1445. <div class='post-inner'>
  1446. <b:if cond='data:blog.url == data:blog.homepageUrl'><div class='tab'>
  1447. <button class='tablinks' onclick='openCity(event, &apos;Chuyên mục&apos;)'>Chuyên mục</button>
  1448. <button class='tablinks' onclick='openCity(event, &apos;Nội quy&apos;)'>Nội quy</button>
  1449. <button class='tablinks' onclick='openCity(event, &apos;Về blog&apos;)'>Về blog</button>
  1450. </div></b:if>
  1451. <div class='tabcontent' id='Chuyên mục' style='display: block'>
  1452. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1453. <div class='npclabel-wrapper'>
  1454. <b:section class='npclabel' id='npclabel5' maxwidgets='1' showaddelement='yes'>
  1455. <b:widget id='HTML84' locked='false' title='Bài viết mới' type='HTML' version='2' visible='true'>
  1456. <b:widget-settings>
  1457. <b:widget-setting name='content'/>
  1458. </b:widget-settings>
  1459. <b:includable id='main'>
  1460. <h2><span class='data-title'><b:if cond='data:content == &quot;&quot;'>
  1461. <a title='Bài viết mới'>1. Bài viết mới</a>
  1462. </b:if></span><span class='index'>&lt;a title=&#39;TẤT CẢ BÀI VIẾT&#39; href=&#39;/search/label?&amp;max-results=10&#39;&gt;TẤT CẢ BÀI VIẾT&lt;/a&gt;</span></h2>
  1463. <div class='widget-content'>
  1464. <script>
  1465. document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
  1466. </script>
  1467. </div>
  1468. </b:includable>
  1469. </b:widget>
  1470. </b:section>
  1471. </div>
  1472. <div class='npclabel-wrapper'>
  1473. <b:section class='npclabel' id='npclabel1' maxwidgets='1' showaddelement='yes'>
  1474. <b:widget id='HTML80' locked='false' title='Thủ Thuật Blogspot' type='HTML' version='2' visible='true'>
  1475. <b:widget-settings>
  1476. <b:widget-setting name='content'>Blogger</b:widget-setting>
  1477. </b:widget-settings>
  1478. <b:includable id='main'>
  1479. <h2><span class='data-title'><b:if cond='data:content == &quot;tutblogspot&quot;'>
  1480. <a title='Thủ thuật blogspot'>Thủ Thuật Blogspot</a>
  1481. </b:if></span><span class='index'>&lt;a title=&#39;Xem Thêm&#39; href=&#39;/search/label/<data:content/>?&amp;max-results=10&#39;&gt;Thủ Thuật Blogspot&lt;/a&gt;</span></h2>
  1482. <div class='widget-content'>
  1483. <script>
  1484. document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
  1485. </script>
  1486. </div>
  1487. </b:includable>
  1488. </b:widget>
  1489. </b:section>
  1490. </div>
  1491. <div class='npclabel-wrapper'>
  1492. <b:section class='npclabel' id='npclabel4' maxwidgets='1' showaddelement='yes'/>
  1493. </div>
  1494. <div class='npclabel-wrapper'>
  1495. <b:section class='npclabel' id='npclabel2' maxwidgets='1' showaddelement='yes'/>
  1496. </div>
  1497. <div class='npclabel-wrapper'>
  1498. <b:section class='npclabel' id='npclabel3' maxwidgets='1' showaddelement='yes'/>
  1499. </div>
  1500. </b:if>
  1501. <b:section class='main' id='main' showaddelement='no'>
  1502. <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog' version='1'>
  1503. <b:widget-settings>
  1504. <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  1505. <b:widget-setting name='commentLabel'>Nhận xét</b:widget-setting>
  1506. <b:widget-setting name='style.textcolor'>#2196f3</b:widget-setting>
  1507. <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  1508. <b:widget-setting name='authorLabel'>By</b:widget-setting>
  1509. <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  1510. <b:widget-setting name='style.urlcolor'>#212121</b:widget-setting>
  1511. <b:widget-setting name='showAuthor'>true</b:widget-setting>
  1512. <b:widget-setting name='style.linkcolor'>#333333</b:widget-setting>
  1513. <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  1514. <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  1515. <b:widget-setting name='timestampLabel'>-</b:widget-setting>
  1516. <b:widget-setting name='reactionsLabel'>Phản ứng</b:widget-setting>
  1517. <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  1518. <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  1519. <b:widget-setting name='showLabels'>true</b:widget-setting>
  1520. <b:widget-setting name='showLocation'>false</b:widget-setting>
  1521. <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  1522. <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  1523. <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  1524. <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  1525. <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  1526. <b:widget-setting name='backlinksLabel'>Links to this post</b:widget-setting>
  1527. <b:widget-setting name='showReactions'>false</b:widget-setting>
  1528. </b:widget-settings>
  1529. <b:includable id='main' var='top'>
  1530. <b:include data='posts' name='breadcrumb'/>
  1531. <b:if cond='data:mobile == &quot;false&quot;'>
  1532. <!-- posts -->
  1533. <div class='blog-posts hfeed'>
  1534. <b:include data='top' name='status-message'/>
  1535. <data:defaultAdStart/>
  1536. <b:loop values='data:posts' var='post'>
  1537. <b:if cond='data:post.isDateStart'>
  1538. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1539. &lt;/div&gt;&lt;/div&gt;
  1540. </b:if>
  1541. </b:if>
  1542. <b:if cond='data:post.isDateStart'>
  1543. &lt;div class=&quot;date-outer&quot;&gt;
  1544. </b:if>
  1545. <b:if cond='data:post.isDateStart'>
  1546. &lt;div class=&quot;date-posts&quot;&gt;
  1547. </b:if>
  1548. <div class='post-outer'>
  1549. <b:include data='post' name='post'/>
  1550. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1551. <b:include data='post' name='threaded_comments'/>
  1552. </b:if>
  1553. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1554. <b:include data='post' name='threaded_comments'/>
  1555. </b:if>
  1556. </div>
  1557. <b:if cond='data:post.includeAd'>
  1558. <b:if cond='data:post.isFirstPost'>
  1559. <data:defaultAdEnd/>
  1560. <b:else/>
  1561. <data:adEnd/>
  1562. </b:if>
  1563. <div class='inline-ad'>
  1564. <data:adCode/>
  1565. </div>
  1566. <data:adStart/>
  1567. </b:if>
  1568. </b:loop>
  1569. <b:if cond='data:numPosts != 0'>
  1570. &lt;/div&gt;&lt;/div&gt;
  1571. </b:if>
  1572. <data:adEnd/>
  1573. </div>
  1574. <!-- navigation -->
  1575. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1576. <b:include name='page-navi'/>
  1577. <b:else/>
  1578. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1579. <b:include name='page-navi'/>
  1580. <b:else/>
  1581. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  1582. <!-- navigation -->
  1583. <b:include name='nextprev'/>
  1584. </b:if>
  1585. </b:if>
  1586. </b:if>
  1587. <!-- feed links -->
  1588. <b:include name='feedLinks'/>
  1589. <b:if cond='data:top.showStars'>
  1590. <script src='//www.google.com/jsapi' type='text/javascript'/>
  1591. <script type='text/javascript'>
  1592. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  1593. function initialize() {
  1594. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  1595. google.annotations.createAll();
  1596. google.annotations.fetch();
  1597. }
  1598. google.setOnLoadCallback(initialize);
  1599. </script>
  1600. </b:if>
  1601. <b:else/>
  1602. <b:include name='mobile-main'/>
  1603. </b:if>
  1604. <b:if cond='data:top.showDummy'>
  1605. <data:top.dummyBootstrap/>
  1606. </b:if>
  1607. </b:includable>
  1608. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1609. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1610. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1611. <img alt='Xóa bình luận' src='//www.blogger.com/img/icon_delete13.gif' title='Xóa bình luận'/>
  1612. </a>
  1613. </span>
  1614. </b:includable>
  1615. <b:includable id='backlinks' var='post'>
  1616. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1617. <b:if cond='data:post.numBacklinks != 0'>
  1618. <dl class='comments-block' id='comments-block'>
  1619. <div id='comments'><b:loop values='data:post.comments' var='comment'>
  1620. <dt class='comment-author' id='comment-author'>
  1621. <a expr:name='data:comment.anchorName'/>
  1622. <b:if cond='data:comment.authorUrl'>
  1623. <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow'><data:comment.author/></a>
  1624. <b:else/>
  1625. <data:comment.author/>
  1626. </b:if>
  1627. <data:commentPostedByMsg/>
  1628. </dt>
  1629. <dd class='comment-body'>
  1630. <b:if cond='data:comment.isDeleted'>
  1631. <span class='deleted-comment'><data:comment.body/></span>
  1632. <b:else/>
  1633. <p><data:comment.body/></p>
  1634. </b:if>
  1635. </dd>
  1636. <dd class='comment-footer'>
  1637. <span class='comment-timestamp'> <i><data:comment.timestamp/></i> <b:include data='comment' name='commentDeleteIcon'/> </span>
  1638. </dd>
  1639. </b:loop></div>
  1640. </dl>
  1641. </b:if>
  1642. <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank' title='comment-link'><data:post.createLinkLabel/></a> </p>
  1643. </b:includable>
  1644. <b:includable id='breadcrumb' var='posts'>
  1645. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  1646. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1647. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow' title='breadcrumbs'/></span> <span><data:blog.pageName/></span>
  1648. </div>
  1649. <b:else/>
  1650. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1651. <b:loop values='data:posts' var='post'>
  1652. <b:if cond='data:post.labels'>
  1653. <div class='breadcrumbs'><span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='breadcrumbs'><span itemprop='title'><data:title/></span></a></span> <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=5&quot;' itemprop='url' title='Xem thêm bài viết'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> </b:loop> <span><data:post.title/></span>
  1654. </div>
  1655. <b:else/>
  1656. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow' title='breadcrumbs'/></span> <span>Uncategories</span> <span><data:post.title/></span></div>
  1657. </b:if>
  1658. </b:loop>
  1659. <b:else/>
  1660. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1661. <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow' title='breadcrumbs'/></span> <span>Archive for <data:blog.pageName/></span>
  1662. </div>
  1663. <b:else/>
  1664. <b:if cond='data:blog.searchQuery'>
  1665. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow' title='breadcrumbs'/></span> <span><data:blog.pageName/></span>
  1666. </div>
  1667. <b:else/>
  1668. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1669. <div class='breadcrumbs'>
  1670. <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow' tile='breadcrumbs'/></span> <span>All post</span>
  1671. <b:else/>
  1672. <span><a expr:href='data:blog.homepageUrl' rel='nofollow' title='breadcrumbs'/></span> <span><data:blog.pageName/></span>
  1673. </b:if>
  1674. </div>
  1675. </b:if>
  1676. </b:if>
  1677. </b:if>
  1678. </b:if>
  1679. </b:if>
  1680. </b:if>
  1681. </b:includable>
  1682. <b:includable id='comment-form' var='post'>
  1683. <div class='comment-form'>
  1684. <b:if cond='data:mobile'>
  1685. <h4 id='comment-post-message'>
  1686. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1687. <p><data:blogCommentMessage/></p>
  1688. <data:blogTeamBlogMessage/>
  1689. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1690. <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%'/>
  1691. <b:else/>
  1692. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1693. <p><data:blogCommentMessage/></p>
  1694. <data:blogTeamBlogMessage/>
  1695. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1696. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1697. </b:if>
  1698. <data:post.friendConnectJs/>
  1699. <data:post.cmtfpIframe/>
  1700. <script type='text/javascript'>
  1701. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1702. </script>
  1703. </div>
  1704. </b:includable>
  1705. <b:includable id='commentDeleteIcon' var='comment'>
  1706. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1707. <b:if cond='data:showCmtPopup'>
  1708. <div class='goog-toggle-button'>
  1709. <div class='goog-inline-block comment-action-icon'/>
  1710. </div>
  1711. <b:else/>
  1712. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1713. <img alt='Xóa bình luận' src='//www.blogger.com/img/icon_delete13.gif' title='Xóa bình luận'/>
  1714. </a>
  1715. </b:if>
  1716. </span>
  1717. </b:includable>
  1718. <b:includable id='comment_count_picker' var='post'>
  1719. <b:if cond='data:post.commentSource == 1'>
  1720. <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'>
  1721. </span>
  1722. <b:else/>
  1723. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:post.commentLabelFull'>
  1724. <data:post.commentLabelFull/>:
  1725. </a>
  1726. </b:if>
  1727. </b:includable>
  1728. <b:includable id='comment_picker' var='post'>
  1729. <b:if cond='data:post.commentSource == 1'>
  1730. <b:include data='post' name='iframe_comments'/>
  1731. <b:elseif cond='data:post.showThreadedComments'/>
  1732. <b:include data='post' name='threaded_comments'/>
  1733. <b:else/>
  1734. <b:include data='post' name='threaded_comments'/>
  1735. </b:if>
  1736. </b:includable>
  1737. <b:includable id='comments' var='post'>
  1738. <div class='comments' id='comments'>
  1739. <a name='comments'/>
  1740. <b:if cond='data:post.allowComments'>
  1741.  
  1742. <b:if cond='data:post.commentPagingRequired'>
  1743. <span class='paging-control-container'>
  1744. <b:if cond='data:post.hasOlderLinks'>
  1745. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
  1746. &#160;
  1747. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
  1748. &#160;
  1749. </b:if>
  1750.  
  1751. <data:post.commentRangeText/>
  1752.  
  1753. <b:if cond='data:post.hasNewerLinks'>
  1754. &#160;
  1755. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
  1756. &#160;
  1757. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
  1758. </b:if>
  1759. </span>
  1760. </b:if>
  1761.  
  1762. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1763. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1764. <div id='phucuongblogger'><b:loop values='data:post.comments' var='comment'>
  1765. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1766. <b:if cond='data:comment.favicon'>
  1767. <img alt='favicon' expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' tile='favicon' width='16px'/>
  1768. </b:if>
  1769. <a expr:name='data:comment.anchorName'/>
  1770. <b:if cond='data:blog.enabledCommentProfileImages'>
  1771. <data:comment.authorAvatarImage/>
  1772. </b:if>
  1773. <b:if cond='data:comment.authorUrl'>
  1774. <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow'><data:comment.author/></a>
  1775. <b:else/>
  1776. <data:comment.author/>
  1777. </b:if>
  1778. <data:commentPostedByMsg/>
  1779. </dt>
  1780. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1781. <b:if cond='data:comment.isDeleted'>
  1782. <span class='deleted-comment'><data:comment.body/></span>
  1783. <b:else/>
  1784. <p>
  1785. <data:comment.body/>
  1786. </p>
  1787. </b:if>
  1788. </dd>
  1789. <dd class='comment-footer'>
  1790. <span class='comment-timestamp'>
  1791. <a expr:href='data:comment.url' title='comment permalink'>
  1792. <data:comment.timestamp/>
  1793. </a>
  1794. <b:include data='comment' name='commentDeleteIcon'/>
  1795. </span>
  1796. </dd>
  1797. </b:loop></div>
  1798. </dl>
  1799. </div>
  1800.  
  1801. <b:if cond='data:post.commentPagingRequired'>
  1802. <span class='paging-control-container'>
  1803. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'>
  1804. <data:post.oldestLinkText/>
  1805. </a>
  1806. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'>
  1807. <data:post.olderLinkText/>
  1808. </a>
  1809. &#160;
  1810. <data:post.commentRangeText/>
  1811. &#160;
  1812. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'>
  1813. <data:post.newerLinkText/>
  1814. </a>
  1815. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'>
  1816. <data:post.newestLinkText/>
  1817. </a>
  1818. </span>
  1819. </b:if>
  1820.  
  1821. <p class='comment-footer'>
  1822. <b:if cond='data:post.embedCommentForm'>
  1823. <b:if cond='data:post.allowNewComments'>
  1824. <b:include data='post' name='comment-form'/>
  1825. <b:else/>
  1826. <data:post.noNewCommentsText/>
  1827. </b:if>
  1828. <b:elseif cond='data:post.allowComments'/>
  1829. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
  1830. </b:if>
  1831. </p>
  1832. </b:if>
  1833. <b:if cond='data:showCmtPopup'>
  1834. <div id='comment-popup'>
  1835. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1836. </iframe>
  1837. </div>
  1838. </b:if>
  1839.  
  1840. <div id='backlinks-container'>
  1841. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1842. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  1843. </div>
  1844. </div>
  1845. </div>
  1846. </b:includable>
  1847. <b:includable id='feedLinks'>
  1848. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1849. <b:if cond='data:feedLinks'>
  1850. <div class='blog-feeds'>
  1851. <b:include data='feedLinks' name='feedLinksBody'/>
  1852. </div>
  1853. </b:if>
  1854. <b:else/> <!--Post feed links -->
  1855. <div class='post-feeds'>
  1856. <b:loop values='data:posts' var='post'>
  1857. <b:if cond='data:post.allowComments'>
  1858. <b:if cond='data:post.feedLinks'>
  1859. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1860. </b:if>
  1861. </b:if>
  1862. </b:loop>
  1863. </div>
  1864. </b:if>
  1865. </b:includable>
  1866. <b:includable id='feedLinksBody' var='links'>
  1867. <div class='feed-links'>
  1868. <data:feedLinksMsg/>
  1869. <b:loop values='data:links' var='f'>
  1870. <a class='feed-link' expr:href='data:f.url' expr:title='data:f.name' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1871. </b:loop>
  1872. </div>
  1873. </b:includable>
  1874. <b:includable id='iframe_comments' var='post'>
  1875. <b:if cond='data:post.allowIframeComments'>
  1876. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1877. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1878. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1879. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
  1880. </b:if>
  1881. </b:if>
  1882. </b:includable>
  1883. <b:includable id='mobile-index-post' var='post'>
  1884. <!-- index mobile -->
  1885. <div class='mobile-date-outer date-outer'>
  1886. <div class='mobile-post-outer'>
  1887. <div class='mobile-index-contents'>
  1888. <b:if cond='data:post.thumbnailUrl'>
  1889. <div class='mobile-index-thumbnail'>
  1890. <div class='Image'>
  1891. <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/>
  1892. </div>
  1893. </div>
  1894. <b:else/>
  1895. <div class='mobile-index-thumbnail'>
  1896. <div class='Image'>
  1897. <img expr:alt='data:post.title' expr:title='data:post.title' src='https://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.png'/>
  1898. </div>
  1899. </div>
  1900. </b:if>
  1901. <a expr:href='data:post.url' expr:title='data:post.title'>
  1902. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1903. <data:post.title/>
  1904. </h3>
  1905. </a>
  1906. <div class='post-info'>
  1907. <span class='post-author vcard' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  1908. <span itemprop='name'><data:post.author/></span></a> </span>
  1909. <span class='time-info'>
  1910. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='Time'><abbr class='published timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  1911. </span>
  1912. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1913. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1914. <b:if cond='data:post.allowComments'>
  1915. <span class='comment-info'><i class='fa fa-comments-o'/>
  1916. <b:if cond='data:post.numComments == 0'> 0 </b:if> <b:if cond='data:post.numComments == 1'> 1 </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> </b:if>
  1917.  
  1918. </span>
  1919. </b:if>
  1920. </b:if>
  1921. </b:if>
  1922. </div>
  1923. <div class='post-body'>
  1924. </div>
  1925. </div>
  1926. <div class='clear'/>
  1927. </div>
  1928. </div>
  1929. </b:includable>
  1930. <b:includable id='mobile-main' var='top'>
  1931. <!-- posts -->
  1932. <div class='blog-posts hfeed'>
  1933. <b:include data='top' name='status-message'/>
  1934. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1935. <b:loop values='data:posts' var='post'>
  1936. <b:include data='post' name='mobile-index-post'/>
  1937. </b:loop>
  1938. <b:else/>
  1939. <b:loop values='data:posts' var='post'>
  1940. <b:include data='post' name='mobile-post'/>
  1941. </b:loop>
  1942. </b:if>
  1943. </div>
  1944. <b:include name='mobile-nextprev'/>
  1945. </b:includable>
  1946. <b:includable id='mobile-nextprev'>
  1947. <div class='blog-pager' id='blog-pager'>
  1948. <b:if cond='data:newerPageUrl'>
  1949. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1950. <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'>&amp;lsaquo;</a>
  1951. </div>
  1952. </b:if>
  1953.  
  1954. <b:if cond='data:olderPageUrl'>
  1955. <div class='mobile-link-button' id='blog-pager-older-link'>
  1956. <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'>&amp;rsaquo;</a>
  1957. </div>
  1958. </b:if>
  1959.  
  1960. <div class='mobile-link-button' id='blog-pager-home-link'>
  1961. <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
  1962. </div>
  1963.  
  1964. <div class='mobile-desktop-link'>
  1965. <a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:desktopLinkMsg'><data:desktopLinkMsg/></a>
  1966. </div>
  1967.  
  1968. </div>
  1969. <div class='clear'/>
  1970. </b:includable>
  1971. <b:includable id='mobile-post' var='post'>
  1972. <!-- Mobile Post -->
  1973. <div class='date-outer'>
  1974. <div class='date-posts'>
  1975. <div class='post-outer'>
  1976. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
  1977. <b:if cond='data:post.thumbnailUrl'>
  1978. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1979. </b:if>
  1980. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1981. <meta expr:content='data:post.id' itemprop='postId'/>
  1982. <b:if cond='data:post.title'>
  1983. <h3 class='mobile-post-title entry-title' itemprop='name'>
  1984. <b:if cond='data:post.link'>
  1985. <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
  1986. <b:else/>
  1987. <b:if cond='data:post.url'>
  1988. <b:if cond='data:blog.url != data:post.url'>
  1989. <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  1990. <b:else/>
  1991. <data:post.title/>
  1992. </b:if>
  1993. <b:else/>
  1994. <data:post.title/>
  1995. </b:if>
  1996. </b:if>
  1997. </h3>
  1998. </b:if>
  1999. <div class='post-header'>
  2000. <div class='post-header-line-1'/>
  2001. </div>
  2002. <div class='post-info' style='margin-bottom:15px;'>
  2003. <span class='post-author vcard' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  2004. <span itemprop='name'><data:post.author/></span></a> </span>
  2005. <b:if cond='data:top.showTimestamp'>
  2006. <b:if cond='data:post.url'>
  2007. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  2008. <span class='time-info'>
  2009. <i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='Time'><abbr class='published timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  2010. </span>
  2011. </b:if>
  2012. </b:if>
  2013. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2014. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2015. <b:if cond='data:post.allowComments'>
  2016. <span class='comment-info'>
  2017. <i class='fa fa-comments-o'/> <b:if cond='data:post.numComments == 0'> 0 bình luận </b:if> <b:if cond='data:post.numComments == 1'> 1 bình luận </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> bình luận </b:if></span>
  2018. </b:if>
  2019. </b:if>
  2020. </b:if>
  2021. </div>
  2022. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2023. <data:post.body/>
  2024. <div class='clear'/>
  2025. </div>
  2026. </div>
  2027. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2028. <b:include data='post' name='comment_picker'/>
  2029. </b:if>
  2030. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2031. <b:include data='post' name='comment_picker'/>
  2032. </b:if>
  2033. </div>
  2034. </div>
  2035. </div>
  2036. </b:includable>
  2037. <b:includable id='nextprev'>
  2038. <div class='clear'/>
  2039. </b:includable>
  2040. <b:includable id='page-navi'>
  2041. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2042. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2043. <div class='blog-pager' id='blog-pager'>
  2044. <b:if cond='data:olderPageUrl'>
  2045. <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' title='Tải thêm bài viết'>TẢI THÊM BÀI VIẾT</a></span>
  2046. </b:if>
  2047.  
  2048. <b:if cond='data:mobileLinkUrl'>
  2049. <div class='blog-mobile-link'>
  2050. <a expr:href='data:mobileLinkUrl' expr:title='data:mobileLinkMsg'><data:mobileLinkMsg/></a>
  2051. </div>
  2052. </b:if>
  2053. </div>
  2054. <div class='clear'/>
  2055. </b:if></b:if>
  2056. </b:includable>
  2057. <b:includable id='post' var='post'>
  2058. <article class='post'>
  2059. <b:if cond='data:post.firstImageUrl'>
  2060. <a expr:content='data:post.firstImageUrl'/>
  2061. </b:if>
  2062.  
  2063. <b:if cond='data:post.title'>
  2064. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2065. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2066. <h2 class='post-title'>
  2067. <b:if cond='data:post.link'>
  2068. <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
  2069. <b:else/>
  2070. <b:if cond='data:post.url'>
  2071. <b:if cond='data:blog.url != data:post.url'>
  2072. <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  2073. <b:else/>
  2074. <data:post.title/>
  2075. </b:if>
  2076. <b:else/>
  2077. <data:post.title/>
  2078. </b:if>
  2079. </b:if>
  2080. </h2>
  2081. <b:else/>
  2082. <img alt='Phú Cường Blogger' class='homepageavatar' src='https://2.bp.blogspot.com/-7hW3VmmsHto/WtYRZuk7SVI/AAAAAAAAA6c/HDVAxdcxRCcXSfL6ZVDAbqKcUCOz3zYtQCLcBGAs/s1600/RhEXwoV.png' title='Phú Cường Blogger'/>
  2083. <h2 class='post-title'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  2084. </h2>
  2085. </b:if>
  2086. <b:else/>
  2087. </b:if>
  2088. </b:if>
  2089. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2090. <div class='post-info'><img alt='Lê Hồng Nam' class='homepageavatar' src='https://2.bp.blogspot.com/-7hW3VmmsHto/WtYRZuk7SVI/AAAAAAAAA6c/HDVAxdcxRCcXSfL6ZVDAbqKcUCOz3zYtQCLcBGAs/s1600/RhEXwoV.png' title='Phú Cường Blogger'/>
  2091. <b:if cond='data:post.title'><h2 class='post-title'>
  2092.  
  2093. <data:post.title/>
  2094.  
  2095. </h2></b:if>
  2096. <div class='custombutton'><div class='dropdown'>
  2097. <a class='dropdown-link' href='javascript:void(0);' title='Tùy chọn bài viết'><i class='fa fa-angle-down'/></a>
  2098. <ul class='dropdown-container' style='left:-112px;top:10px'>
  2099. <div class='dropdown-caret'>
  2100. <span class='caret-outer'/>
  2101. <span class='caret-inner'/>
  2102. </div>
  2103. <li><a href='https://www.messenger.com/t/tsmkevin815' rel='nofollow' target='_blank' title='Gửi tin nhắn cho tác giả'>Nhắn tin</a></li>
  2104. <li><a href='#comments' title='Xem bình luận'>Xem bình luận</a></li>
  2105. <li><a href='#comment-editor' title='Viết bình luận'>Viết bình luận</a></li>
  2106. <li><a href='/lienhe' target='_blank' title='Báo cáo bài viết'>Báo cáo bài viết</a></li>
  2107. <li><a onclick='CopyLink()' style='cursor: pointer;' title='Sao chép liên kết bài viết'>Sao chép liên kết</a></li>
  2108. </ul>
  2109. </div></div>
  2110. <b:if cond='data:top.showTimestamp'>
  2111. <b:if cond='data:post.url'>
  2112. <span class='time-info'>
  2113. <a class='timestamp-link' rel='bookmark' title='Time'><abbr class='published timeago' expr:title='data:post.timestampISO8601'>Vào lúc <data:post.timestamp/> ngày <data:post.dateHeader/></abbr></a>
  2114. </span>
  2115. </b:if>
  2116. </b:if>
  2117. <b:if cond='data:post.labels'><span class='label-info'>- Chuyên mục:
  2118. <b:loop values='data:post.labels' var='label'>
  2119. <b:if cond='data:label.isLast == &quot;true&quot;'>
  2120. <a expr:href='data:label.url' expr:title='data:label.name'><data:label.name/></a>
  2121. </b:if>
  2122. </b:loop>
  2123. </span>
  2124. </b:if>
  2125. </div></b:if>
  2126. <div class='post-header'>
  2127. <div class='post-header-line-1'/>
  2128. </div>
  2129. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2130. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2131. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2132. <data:post.body/>
  2133. <div class='clear'/>
  2134. </div>
  2135. <b:else/><div class='clear'/>
  2136. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2137. <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  2138. <script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
  2139. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2140. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2141. <b:if cond='data:post.thumbnailUrl'>
  2142. <span class='post-author'> <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  2143. <span><data:post.author/></span></a> </span>
  2144. <b:if cond='data:post.labels'>
  2145. <span class='label-info'>
  2146. <b:loop values='data:post.labels' var='label'>
  2147. <b:if cond='data:label.isLast == &quot;true&quot;'>
  2148. <a expr:href='data:label.url' expr:title='data:label.name'><data:label.name/></a>
  2149. </b:if>
  2150. </b:loop>
  2151. </span>
  2152. </b:if><a expr:href='data:post.url' expr:title='data:post.title'><div class='img-thumbnail'><script type='text/javascript'>
  2153. document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));
  2154. </script>
  2155. </div></a>
  2156. <b:else/>
  2157. <b:if cond='data:post.firstImageUrl'>
  2158. <a expr:href='data:post.url' expr:title='data:post.title'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
  2159. </a>
  2160. <b:else/>
  2161. <a expr:href='data:post.url' expr:title='data:post.title'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:title='data:post.title' src='https://2.bp.blogspot.com/-pcWHSqKq44g/U6ZtZ5js6SI/AAAAAAAADu0/iR9lOJhGLKE/s1600/no-image.png'/></div>
  2162. </a>
  2163. </b:if>
  2164. </b:if>
  2165. </b:if>
  2166. </b:if><div class='clear'/>
  2167. <div class='congcupost'><span class='solike'><i class='fa fa-heart-o'/> <script type='text/javascript'>document.write(Math.floor((Math.random()*5)+4));</script>N</span>
  2168. <div class='comments-publish'>
  2169. <a expr:href='data:post.url + &quot;#comment-editor&quot;' onclick='' title='Viết bình luận'><span class='sobinhluan'>
  2170. <i class='fa fa-comments-o'/> <b:if cond='data:post.allowComments'>
  2171.  
  2172. <b:if cond='data:post.numComments == 0'> 0 </b:if> <b:if cond='data:post.numComments == 1'>1 </b:if><b:if cond='data:post.numComments &gt; 1'><data:post.numComments/> </b:if>
  2173.  
  2174. </b:if> </span>
  2175. </a></div>
  2176. </div>
  2177. <!-- Google Search For Article -->
  2178. <script type='application/ld+json'>
  2179. {
  2180. &quot;@context&quot;: &quot;http://schema.org&quot;,
  2181. &quot;@type&quot;: &quot;NewsArticle&quot;,
  2182. &quot;mainEntityOfPage&quot;:{
  2183. &quot;@type&quot;:&quot;WebPage&quot;,
  2184. &quot;@id&quot;:&quot;<data:blog.canonicalUrl/>&quot;
  2185. },
  2186. &quot;headline&quot;: &quot;<data:blog.pageName/>&quot;,
  2187. &quot;description&quot;: &quot;<data:post.snippet/>&quot;,
  2188. &quot;image&quot;: {
  2189. &quot;@type&quot;: &quot;ImageObject&quot;,
  2190. &quot;url&quot;: &quot;<data:blog.postImageThumbnailUrl/>&quot;,
  2191. &quot;width&quot; : 720,
  2192. &quot;height&quot; : 480
  2193. },
  2194. &quot;datePublished&quot;: &quot;<data:post.timestampISO8601/>&quot;,
  2195. &quot;dateModified&quot;: &quot;<data:post.timestampISO8601/>&quot;,
  2196. &quot;author&quot;: {
  2197. &quot;@type&quot;: &quot;Person&quot;,
  2198. &quot;name&quot;: &quot;<data:post.author/>&quot;
  2199. },
  2200. &quot;publisher&quot;: {
  2201. &quot;@type&quot;: &quot;Organization&quot;,
  2202. &quot;name&quot;: &quot;<data:blog.title/>&quot;,
  2203. &quot;logo&quot;: {
  2204. &quot;@type&quot;: &quot;ImageObject&quot;,
  2205. &quot;url&quot;: &quot;https://i.imgur.com/F5xk7Ah.png&quot;
  2206. }
  2207. }
  2208. }
  2209. </script>
  2210. <div class='clear'/>
  2211. </div>
  2212. </b:if>
  2213. <b:else/><div class='clear'/>
  2214. <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  2215. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2216. <div expr:id='&quot;summary&quot; + data:post.id'>
  2217. <div expr:id='&quot;post1&quot; + data:post.id'/>
  2218. <div class='related-simplify'>
  2219. <b:if cond='data:post.labels'>
  2220. <b:loop values='data:post.labels' var='label'>
  2221. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2222. <script expr:src='&quot;/feeds/posts/default/-/cong-nghe?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=30&quot;' type='text/javascript'/>
  2223. </b:if>
  2224. </b:loop>
  2225. </b:if>
  2226. <script type='text/javascript'>
  2227. removeRelatedDuplicates();
  2228. printRelatedLabels();
  2229. </script>
  2230. </div>
  2231. <div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
  2232. <script type='text/javascript'>
  2233. var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
  2234. var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
  2235. var s=obj1.innerHTML;
  2236. var t=s.substr(0,s.length/3);
  2237. var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
  2238. if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
  2239. </script>
  2240. <div class='like-fb' style='float:right;margin-right:3px;'><div class='fb-like' data-action='like' data-layout='button_count' data-share='true' data-show-faces='false' data-size='small' expr:data-href='data:blog.canonicalUrl'/></div>
  2241. <div class='clear'/><div class='ngancach'/>
  2242. <div class='congcupost'><span class='solike'><i class='fa fa-heart-o'/> <script type='text/javascript'>document.write(Math.floor((Math.random()*5)+4));</script>N</span>
  2243. <div class='comments-publish'>
  2244. <a href='#comment-editor' title='Viết bình luận'><span class='sobinhluan'>
  2245. <i class='fa fa-comments-o'/> <b:if cond='data:post.allowComments'>
  2246.  
  2247. <b:if cond='data:post.numComments == 0'> 0 </b:if> <b:if cond='data:post.numComments == 1'>1 </b:if><b:if cond='data:post.numComments &gt; 1'><data:post.numComments/> </b:if>
  2248.  
  2249. </b:if> </span>
  2250. </a></div>
  2251. <div class='dropdown'>
  2252. <a class='dropdown-link' href='javascript:void(0);' title='Chia sẻ'><span class='chiase'><i class='fa fa-share-alt'/> Chia sẻ</span></a>
  2253.  
  2254. <ul class='dropdown-container' style='left:70px'>
  2255. <div class='dropdown-caret'>
  2256. <span class='caret-outer'/>
  2257. <span class='caret-inner'/>
  2258. </div>
  2259. <li>
  2260. <a onclick='CopyLink()' style='cursor: pointer;' title='Nhận liên kết'><i class='fa fa-link'/>Nhận liên kết</a>
  2261. </li>
  2262. <li>
  2263. <a expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><i class='fa fa-facebook'/>Facebook</a>
  2264. </li>
  2265. <li>
  2266. <a expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><i class='fa fa-twitter'/>Twitter</a>
  2267. </li>
  2268. <li>
  2269. <a expr:href='data:post.sharePostUrl + &quot;&amp;target=googleplus&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' target='_blank' title='Chia sẻ lên Google+'><i class='fa fa-google-plus'/>Google+</a>
  2270. </li>
  2271. <li>
  2272. <a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' target='_blank' title='Gửi Email'><i class='fa fa-envelope'/>Email</a>
  2273. </li>
  2274. </ul>
  2275. </div>
  2276. </div></div>
  2277. <div class='clear'/> <div class='ngancach'/>
  2278. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2279. <div class='author-profilepc'>
  2280. <div class='author-avatar'>
  2281. <div class='main_box'/>
  2282. </div>
  2283. <div class='author-info1'>
  2284. <div class='author-fullname'>Lê Hồng Nam<br/>
  2285. </div>
  2286. <p class='author-about'>Vì Cuộc Thi Cuối Kỳ,Chuyển Cấp Nên Blog Tạm Thời Hoạt Động Và Chỉ Có CTV Up Bài Hack ROS Và Tương Tác Với Các Blog Đã Đặt Liên Kết .Cảm Ơn Tất Cả Các Bạn Đã Ghé Thăm Blog Và Ủng Hộ Blog . Xin Chân Thành Cảm Ơn !! Chúc các bạn 1 ngày vui vẻ !!
  2287. </p>
  2288. </div>
  2289. </div>
  2290. <div class='clear'/>
  2291. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2292. <div id='related-posts'>
  2293. <b:loop values='data:post.labels' var='label'>
  2294. <b:if cond='data:label.isLast != &quot;true&quot;'>
  2295. </b:if>
  2296. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2297. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
  2298. <script type='text/javascript'>
  2299. var currentposturl=&quot;<data:post.url/>&quot;;
  2300. var maxresults=5;
  2301. var relatedpoststitle=&quot;BÀI CÙNG CHUYÊN MỤC&quot;;
  2302. removeRelatedDuplicates_thumbs();
  2303. printRelatedLabels_thumbs();
  2304. </script>
  2305. <br/>
  2306. </div>
  2307. </b:if>
  2308. </b:if>
  2309. <div class='clear'/>
  2310. </div>
  2311. </b:if>
  2312. </article>
  2313. </b:includable>
  2314. <b:includable id='postQuickEdit' var='post'>
  2315. <b:if cond='data:post.editUrl'>
  2316. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2317. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2318. <img alt='Sửa nhanh' class='icon-action' height='18' src='https://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2319. </a>
  2320. </span>
  2321. </b:if>
  2322. </b:includable>
  2323. <b:includable id='shareButtons' var='post'>
  2324. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  2325. </b:includable>
  2326. <b:includable id='status-message'>
  2327. <b:if cond='data:navMessage'>
  2328. <div class='status-msg-wrap'>
  2329. <div class='status-msg-body'>
  2330. <data:navMessage/>
  2331. </div>
  2332. <div class='status-msg-border'>
  2333. <div class='status-msg-bg'>
  2334. <div class='status-msg-hidden'><data:navMessage/></div>
  2335. </div>
  2336. </div>
  2337. </div>
  2338. <div class='clear'/>
  2339. </b:if>
  2340. </b:includable>
  2341. <b:includable id='threaded-comment-form' var='post'>
  2342. <div class='comment-form'>
  2343. <a name='comment-form'/>
  2344. <b:if cond='data:mobile'>
  2345. <p><data:blogCommentMessage/></p>
  2346. <data:blogTeamBlogMessage/>
  2347. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2348. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  2349. <b:else/>
  2350. <div id='threaded-comment-form'>
  2351. <input id='spoiler1' type='checkbox'/>
  2352. <label for='spoiler1'><i class='fa fa fa-pencil-square-o' style='vertical-align: middle;width: 20px;font-size: 18px;' title='Hướng dẫn sử dụng'/> Hướng dẫn chèn ảnh, video</label>
  2353. <div class='spoiler'>
  2354. 1. Chèn ảnh: [img]<b>Link ảnh</b>[/img]<br/>
  2355. 2. Chèn video: [youtube]<b>ID Video</b>[/youtube]<br/>
  2356. <details>
  2357. <summary>Hướng dẫn lấy ID Video từ Youtube</summary>
  2358. <p>Ví dụ video có link trực tiếp: <i>https://www.youtube.com/watch?v=<font color='red'>BUaLnDL3f-M</font></i>, ta sẽ lấy <font color='red'>BUaLnDL3f-M</font> và thay vào vị trí <b>ID Video</b> ở cú pháp trên.</p>
  2359. </details>
  2360. </div>
  2361. <p><data:blogCommentMessage/></p>
  2362. <data:blogTeamBlogMessage/>
  2363. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2364. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2365. </div>
  2366. </b:if>
  2367. <data:post.friendConnectJs/>
  2368. <data:post.cmtfpIframe/>
  2369. <script type='text/javascript'>
  2370. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  2371. </script>
  2372. </div>
  2373. </b:includable>
  2374. <b:includable id='threaded_comment_js' var='post'>
  2375. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  2376.  
  2377. <script type='text/javascript'>
  2378. (function() {
  2379. var items = <data:post.commentJso/>;
  2380. var msgs = <data:post.commentMsgs/>;
  2381. var config = <data:post.commentConfig/>;
  2382.  
  2383. // <![CDATA[
  2384. var cursor = null;
  2385. if (items && items.length > 0) {
  2386. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  2387. }
  2388.  
  2389. var bodyFromEntry = function(entry) {
  2390. if (entry.gd$extendedProperty) {
  2391. for (var k in entry.gd$extendedProperty) {
  2392. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  2393. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  2394. }
  2395. }
  2396. }
  2397. return entry.content.$t;
  2398. }
  2399.  
  2400. var parse = function(data) {
  2401. cursor = null;
  2402. var comments = [];
  2403. if (data && data.feed && data.feed.entry) {
  2404. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  2405. var comment = {};
  2406. // comment ID, parsed out of the original id format
  2407. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  2408. comment.id = id ? id[2] : null;
  2409. comment.body = bodyFromEntry(entry);
  2410. comment.timestamp = Date.parse(entry.published.$t) + '';
  2411. if (entry.author && entry.author.constructor === Array) {
  2412. var auth = entry.author[0];
  2413. if (auth) {
  2414. comment.author = {
  2415. name: (auth.name ? auth.name.$t : undefined),
  2416. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  2417. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  2418. };
  2419. }
  2420. }
  2421. if (entry.link) {
  2422. if (entry.link[2]) {
  2423. comment.link = comment.permalink = entry.link[2].href;
  2424. }
  2425. if (entry.link[3]) {
  2426. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  2427. if (pid && pid[1]) {
  2428. comment.parentId = pid[1];
  2429. }
  2430. }
  2431. }
  2432. comment.deleteclass = 'item-control blog-admin';
  2433. if (entry.gd$extendedProperty) {
  2434. for (var k in entry.gd$extendedProperty) {
  2435. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  2436. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  2437. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  2438. comment.displayTime = entry.gd$extendedProperty[k].value;
  2439. }
  2440. }
  2441. }
  2442. comments.push(comment);
  2443. }
  2444. }
  2445. return comments;
  2446. };
  2447.  
  2448. var paginator = function(callback) {
  2449. if (hasMore()) {
  2450. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  2451. if (cursor) {
  2452. url += '&published-min=' + new Date(cursor).toISOString();
  2453. }
  2454. window.bloggercomments = function(data) {
  2455. var parsed = parse(data);
  2456. cursor = parsed.length < 50 ? null
  2457. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  2458. callback(parsed);
  2459. window.bloggercomments = null;
  2460. }
  2461. url += '&callback=bloggercomments';
  2462. var script = document.createElement('script');
  2463. script.type = 'text/javascript';
  2464. script.src = url;
  2465. document.getElementsByTagName('head')[0].appendChild(script);
  2466. }
  2467. };
  2468. var hasMore = function() {
  2469. return !!cursor;
  2470. };
  2471. var getMeta = function(key, comment) {
  2472. if ('iswriter' == key) {
  2473. var matches = !!comment.author
  2474. && comment.author.name == config.authorName
  2475. && comment.author.profileUrl == config.authorUrl;
  2476. return matches ? 'true' : '';
  2477. } else if ('deletelink' == key) {
  2478. return config.baseUri + '/delete-comment.g?blogID='
  2479. + config.blogId + '&postID=' + comment.id;
  2480. } else if ('deleteclass' == key) {
  2481. return comment.deleteclass;
  2482. }
  2483. return '';
  2484. };
  2485.  
  2486. var replybox = null;
  2487. var replyUrlParts = null;
  2488. var replyParent = undefined;
  2489.  
  2490. var onReply = function(commentId, domId) {
  2491. if (replybox == null) {
  2492. // lazily cache replybox, and adjust to suit this style:
  2493. replybox = document.getElementById('comment-editor');
  2494. if (replybox != null) {
  2495. replybox.height = '250px';
  2496. replybox.style.display = 'block';
  2497. replyUrlParts = replybox.src.split('#');
  2498. }
  2499. }
  2500. if (replybox && (commentId !== replyParent)) {
  2501. cancelRep=document.getElementById('bc_0_'+items.length+'I');
  2502. document.getElementById(domId).insertBefore(cancelRep,null);
  2503. cancelRep.innerHTML=cancelRep.innerHTML.replace(msgs.addComment,'HỦY BÌNH LUẬN');
  2504. if((commentId!=replyParent)&&(replybox.src.indexOf('&parentID=')==-1)){cancelRep.style.display='inline-block'}
  2505. document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);
  2506.  
  2507.  
  2508.  
  2509. replybox.src = replyUrlParts[0]
  2510. + (commentId ? '&parentID=' + commentId : '')
  2511. + '#' + replyUrlParts[1];
  2512. replyParent = commentId;
  2513. }
  2514. };
  2515.  
  2516. var hash = (window.location.hash || '#').substring(1);
  2517. var startThread, targetComment;
  2518. if (/^comment-form_/.test(hash)) {
  2519. startThread = hash.substring('comment-form_'.length);
  2520. } else if (/^c[0-9]+$/.test(hash)) {
  2521. targetComment = hash.substring(1);
  2522. }
  2523.  
  2524. // Configure commenting API:
  2525. var configJso = {
  2526. 'maxDepth': config.maxThreadDepth
  2527. };
  2528. var provider = {
  2529. 'id': config.postId,
  2530. 'data': items,
  2531. 'loadNext': paginator,
  2532. 'hasMore': hasMore,
  2533. 'getMeta': getMeta,
  2534. 'onReply': onReply,
  2535. 'rendered': true,
  2536. 'initComment': targetComment,
  2537. 'initReplyThread': startThread,
  2538. 'config': configJso,
  2539. 'messages': msgs
  2540. };
  2541.  
  2542. var render = function() {
  2543. if (window.goog && window.goog.comments) {
  2544. var holder = document.getElementById('comment-holder');
  2545. window.goog.comments.render(holder, provider);
  2546. }
  2547. };
  2548.  
  2549. // render now, or queue to render when library loads:
  2550. if (window.goog && window.goog.comments) {
  2551. render();
  2552. } else {
  2553. window.goog = window.goog || {};
  2554. window.goog.comments = window.goog.comments || {};
  2555. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2556. window.goog.comments.loadQueue.push(render);
  2557. }
  2558. })();
  2559. // ]]>
  2560. </script>
  2561. </b:includable>
  2562. <b:includable id='threaded_comments' var='post'>
  2563. <div class='comments' id='comments'>
  2564. <a name='comments'/>
  2565. <div class='commenter'>
  2566. <h5><data:post.commentLabelFull/>:</h5></div>
  2567. <div class='comments-content'>
  2568. <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  2569. <div id='comment-holder'>
  2570. <data:post.commentHtml/>
  2571. </div>
  2572. </div>
  2573. <p class='comment-footer'>
  2574. <b:if cond='data:post.allowNewComments'>
  2575. <b:include data='post' name='threaded-comment-form'/>
  2576. <b:else/>
  2577. <data:post.noNewCommentsText/>
  2578. </b:if>
  2579. </p>
  2580. <b:if cond='data:showCmtPopup'>
  2581. <div id='comment-popup'>
  2582. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2583. </iframe>
  2584. </div>
  2585. </b:if>
  2586. <div id='backlinks-container'>
  2587. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2588. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  2589. </div>
  2590. </div>
  2591. </div>
  2592. </b:includable>
  2593. </b:widget>
  2594. </b:section></div>
  2595. <div class='tabcontent' id='Nội quy'>
  2596. <style>
  2597. .noiquypc{background:#fff;padding:15px;margin-bottom:10px}
  2598. .noiquycontent{color:#2a2a2a;font-size:16px;line-height: 1.5em;text-align: justify;}
  2599. .noiquypc h3{font-size:20px;color:#2b5cb9 ;font-weight:500;text-align:center;letter-spacing:0.5px;text-transform: uppercase;border-bottom: 2px solid;padding-bottom: 10px;}
  2600. .noiquycontent a{font-weight:500;color:#2b5cb9 ;display: initial;}
  2601. .noiquycontent p{font-style:italic;}
  2602. .noiquypc img{height:auto;width:100%;margin-bottom: 10px;box-shadow: 2px 2px 2px #ddd;}
  2603. </style>
  2604. <div class='noiquypc'>
  2605. <h3>Nội quy chung BÁC SĨ FACEBOOK</h3>
  2606. <div class='noiquycontent'>1. Bài viết đều tự tay tác giả viết nên nếu có ý định copy xin hãy ghi nguồn bài viết đó.<br/>2. Template được lên ý tưởng và thiết kế bởi <a href='/' title='BÁC SĨ FACEBOOK'>BÁC SĨ FACEBOOK</a> vì vậy tuyệt đối không tự ý RIP Template hoặc lấy và dùng từ những nguồn ăn cắp khác khi tác giả chưa share công khai. Nếu tôn trọng mình thì bạn có thể trao đổi mua template tại fb <a href='https://www.facebook.com/messages/t/100008753985650' rel='nofollow' target='_blank' title='Nhắn tin cho tác giả'>Lê Hồng Nam.</a><br/>3. Không được spam dưới mọi hình thức và đưa ra những bình luận xúc phạm đến danh dự và nhân phẩm của người khác (những bình luận vi phạm sẽ bị xóa).<br/><p>Đang cập nhật thêm nội quy...</p></div>
  2607. </div>
  2608. </div>
  2609. <div class='tabcontent' id='Về blog'>
  2610. <div class='noiquypc'>
  2611. <div class='noiquycontent'>
  2612. - Blog: <a href='/' title='BÁC SĨ FACEBOOK'>BÁC SĨ FACEBOOK</a><br/>- Thành lập: 15/06/2015<br/>- Nội dung: Blog chủ yếu viết về những thủ thuật facebook , share template blogger free và những điều xung quanh cuộc sống của tác giả. Ngoài ra, blog thi thoảng còn chia sẻ một vài thủ thuật về Blogspot, Share PSD ảnh nổi bật facebook , các mẹo hay về facebook<br/>- Tác giả blog: Lê Hồng Nam là tricker nổi tiếng tại Việt Nam , thích share những thủ thuật hay và bổ ích đến mọi người .<br/>
  2613. - Template: Twitter Template Version 4.5 By Lê Hồng Nam.<br/><p>Lời cuối chúc các bạn có những phút giây thật vui vẻ và ý nghĩa tại blog nhé!</p>
  2614. </div>
  2615. </div>
  2616. </div>
  2617. </div>
  2618. <aside id='sidebar-wrapper'>
  2619. <div class='sidebar-inner'>
  2620. <b:section class='sidebar section' id='sidebar' preferred='yes'>
  2621. <b:widget id='HTML5' locked='false' title='' type='HTML' visible='true'>
  2622. <b:widget-settings>
  2623. <b:widget-setting name='content'>&lt;style&gt;
  2624. .about-widget {text-align: left;padding-bottom: 10px;}
  2625. .about-widget p {font-size: 15px;line-height: 1.4;text-align:left}
  2626. .about-widget-social {text-align: center;padding: 15px;margin: 15px -15px -15px;border-top: 1px solid #e2e2e2}
  2627. .about-widget-social a i {font-size: 18px;margin: 0px 7px;color: #191b28;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
  2628. .about-widget-social span {display: none}
  2629. .widget-info-luanit .content-w{padding-top:5px;}
  2630. .widget-info-luanit .content-w&gt;p{text-align:center;padding:10px;padding-top:0;border-bottom:1px solid #ededed;margin-bottom:10px;margin: 0px;}
  2631. .widget-info-luanit .content-w&gt;p a{color:#3b5992}
  2632. .widget-info-luanit .content-w ul li{margin-bottom:15px;padding: 0px;border-bottom:none;}
  2633. .widget-info-luanit .content-w ul li p{color:#3f4a52;font-size:14px;margin:0px}
  2634. .widget-info-luanit .content-w ul li p .fa{width:20px;color:#3f4a52}
  2635. .widget-info-luanit .content-w ul li p .fa.fa-home{font-size:16px}
  2636. .widget-info-luanit .content-w ul li p .fa.fa-map-marker{font-size:18px}
  2637. .widget-info-luanit .content-w ul li p a{color:#2b5cb9 !important;font-weight: 400;cursor:pointer}
  2638. .widget-info-luanit .content-w ul li p a:hover{text-decoration:none}
  2639. .username{padding-bottom:20px}
  2640. span.username1{font-size:22px;font-weight:500;letter-spacing: 0.5px;}
  2641. span.idpc{color:#3f4a52}
  2642. .menubot{display:flow-root}
  2643. .leftmenubot{float:left}
  2644. .rightmenubot{float:right}
  2645. .leftmenubot a,.rightmenubot a{background:#2b5cb9 ;border-radius:50px;font-size:16px;color:#fff;padding:5px 25px}
  2646. .leftmenubot a:hover,.rightmenubot a:hover{background:#3A5880;color:#fff}
  2647. &lt;/style&gt;
  2648. &lt;div class=&#39;username&#39;&gt;
  2649. &lt;span class=&#39;username1&#39;&gt;Lê Hồng Nam&lt;/span&gt;&lt;br/&gt;
  2650. &lt;span class=&#39;idpc&#39;&gt;@namhacker12345&lt;/span&gt;
  2651. &lt;/div&gt;
  2652. &lt;div class=&quot;about-widget&quot;&gt;
  2653. &lt;p&gt;Tôi là một tricker nổi tiếng ở Việt Nam . Có đam mê về các thủ thuật facebook , luôn tìm tòi mang đến cho mọi người các thủ thuật hay về Facebook&lt;/p&gt;
  2654. &lt;/div&gt;
  2655. &lt;div class=&quot;widget-info-luanit&quot;&gt;
  2656. &lt;div class=&quot;content-w&quot;&gt;
  2657. &lt;ul&gt;
  2658. &lt;li&gt;&lt;p&gt;&lt;i class=&quot;fa fa-map-marker&quot;&gt;&lt;/i&gt;SUPPORT VĨNH PHÚC&lt;/p&gt;&lt;/li&gt;
  2659. &lt;li&gt;&lt;p&gt;&lt;i class=&quot;fa fa-link&quot;&gt;&lt;/i&gt;&lt;a href=&#39;https://www.facebook.com/profile.php?id=100008753985650&#39; target=&#39;_blank&#39; rel=&#39;nofollow&#39; title=&#39;Facebook Admin&#39;&gt;Lê Hồng Nam&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
  2660. &lt;li&gt;&lt;p&gt;&lt;i class=&quot;fa fa-calendar&quot;&gt;&lt;/i&gt;Tham gia 22/04/2018&lt;/p&gt;&lt;/li&gt;
  2661. &lt;li&gt;&lt;p&gt;&lt;i class=&quot;fa fa-building-o&quot;&gt;&lt;/i&gt;Học tại Công Nghệ Thông Tin &lt;/p&gt;&lt;/li&gt;
  2662. &lt;/ul&gt;&lt;/div&gt;
  2663. &lt;/div&gt;
  2664. &lt;div class=&#39;menubot&#39;&gt;
  2665. &lt;div class=&#39;leftmenubot&#39;&gt;&lt;a href=&#39;/&#39; title=&#39;Đăng kí mua Template&#39;&gt;Bạn Muốn Sở Hữu Template Này&lt;/a&gt;&lt;/div&gt;
  2666. &lt;/div&gt;</b:widget-setting>
  2667. </b:widget-settings>
  2668. <b:includable id='main'>
  2669. <b:include name='widget-title'/>
  2670. <div class='widget-content'>
  2671. <data:content/>
  2672. </div>
  2673. </b:includable>
  2674. </b:widget>
  2675. <b:widget id='HTML11' locked='false' title='' type='HTML' visible='false'>
  2676. <b:includable id='main'>
  2677. <b:include name='widget-title'/>
  2678. <div class='widget-content'>
  2679. <data:content/>
  2680. </div>
  2681. </b:includable>
  2682. </b:widget>
  2683. <b:widget id='HTML4' locked='false' title='' type='HTML' visible='true'>
  2684. <b:widget-settings>
  2685. <b:widget-setting name='content'>&lt;div class=&quot;fb-page&quot;
  2686. data-href=&quot;https://www.facebook.com/profile.php?id=100008753985650&quot;
  2687. data-width=&quot;340&quot;
  2688. data-hide-cover=&quot;false&quot;
  2689. data-show-facepile=&quot;true&quot;&gt;&lt;/div&gt;</b:widget-setting>
  2690. </b:widget-settings>
  2691. <b:includable id='main'>
  2692. <b:include name='widget-title'/>
  2693. <div class='widget-content'>
  2694. <data:content/>
  2695. </div>
  2696. </b:includable>
  2697. </b:widget>
  2698. <b:widget id='HTML12' locked='false' title='Nhận xét mới' type='HTML' visible='true'>
  2699. <b:widget-settings>
  2700. <b:widget-setting name='content'>&lt;style type=&quot;text/css&quot;&gt;
  2701. a.sneeit-srcbw {
  2702. /*item-color*/color: #000000;/*item-color*/
  2703. /*border-color*/border-top: 1px solid #dddddd;/*border-color*/
  2704. display: block;
  2705. padding: 1em 1.5em;
  2706. position: relative;
  2707. }
  2708. .sneeit-srcbw-icon-comment {
  2709. position: absolute;
  2710. left: 0;
  2711. top: 1.2em;
  2712. }
  2713. .sneeit-srcbw-icon-arrow {
  2714. /* arrow-icon-color*/color: #ff4400;/* arrow-icon-color*/
  2715. position: absolute;
  2716. right: 0;
  2717. font-size: 200%;
  2718. top: 50%;
  2719. margin-top: -0.55em;
  2720. }
  2721. .sneeit-srcbw-credit {
  2722. font-size: 90%;
  2723. text-align: right;
  2724. padding: 1em 0;
  2725. /*credit*/display: none;/*credit*/
  2726. /*border-color*/border-top: 1px solid #dddddd;/*border-color*/
  2727. }
  2728. #sneeit-srcbw-exclude {
  2729. display: none!important;
  2730. }
  2731. html[dir=&quot;rtl&quot;] .sneeit-srcbw-icon-comment {
  2732. right:0;
  2733. left: auto;
  2734. }
  2735. html[dir=&quot;rtl&quot;] .sneeit-srcbw-icon-arrow{
  2736. left:0;
  2737. right: auto;
  2738. }
  2739. html[dir=&quot;rtl&quot;] .sneeit-srcbw-credit {
  2740. text-align: left;
  2741. }
  2742. &lt;/style&gt;
  2743. &lt;noscript id=&quot;sneeit-srcbw-exclude&quot;&gt;&lt;/noscript&gt;
  2744. &lt;script type=&quot;text/javascript&quot;&gt;
  2745. // settings
  2746. var sneeit_srcbw_count = 6; // change the number of comments
  2747. var sneeit_srcbw_summary_length = 40; // summary length
  2748. var sneeit_srcbw_icon_comment = &#39;fa-comment-o&#39;; // comment icon
  2749. var sneeit_srcbw_icon_arrow = &#39;fa-angle-right&#39;; // arrow icon
  2750. _s7GpE = [&#39;link&#39;,&#39;href&#39;,&#39;font-awesome&#39;,&#39;link&#39;,&#39;text/css&#39;,&#39;stylesheet&#39;,&#39;https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css&#39;,&#39;sneeit-srcbw-exclude&#39;,&#39;\n&#39;,&#39;string&#39;,&#39;undefined&#39;,&#39;feed&#39;,&#39;entry&#39;,&#39;Not found any comment&#39;,&#39; ...&#39;,&#39;&#39;,&#39;&#39;,&#39;alternate&#39;,&#39;self&#39;,&#39;#&#39;,&#39;/&#39;,&#39;#c&#39;,&#39;&lt;a class=&quot;sneeit-srcbw&quot; href=&quot;&#39;,&#39;&quot;&gt;&lt;i class=&quot;sneeit-srcbw-icon-comment fa &#39;,&#39;&quot;&gt;&lt;/i&gt;&lt;span&gt;&lt;strong&gt;&#39;,&#39;:&lt;/strong&gt; &#39;,&#39;&lt;/span&gt;&lt;i class=&quot;sneeit-srcbw-icon-arrow fa &#39;,&#39;&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#39;,&#39;&lt;span class=&quot;sneeit-srcbw-credit&quot;&gt;Powered by &lt;a href=&quot;http://sneeit.com/simple-recent-comment-widget-blogger/&quot; target=&quot;_blank&quot;&gt;Sneeit&lt;/a&gt;&lt;/span&gt;&#39;,&#39;&lt;script type=&quot;text/javascript&quot; src=&quot;/feeds/comments/summary?alt=json-in-script&amp;max-results=&#39;,&#39;&amp;callback=_fCiE&quot;&gt;&lt;\/script&gt;&#39;];var _vHpF=document.getElementsByTagName(_s7GpE[0]);for(var _vLbB=0;_vLbB&lt;_vHpF.length;_vLbB++){if(_s7GpE[1] in _vHpF[_vLbB]&amp;&amp;_vHpF[_vLbB].href.indexOf(_s7GpE[2])!=-1){break;}}if(_vLbB&gt;=_vHpF.length){var _vLbJ=document.createElement(_s7GpE[3]);_vLbJ.type=_s7GpE[4];_vLbJ.rel=_s7GpE[5];_vLbJ.href=_s7GpE[6];document.head.appendChild(_vLbJ);}var _vRqN=document.getElementById(_s7GpE[7]).innerHTML;var _vSbX=sneeit_srcbw_count;_vRqN=_vRqN.trim();if(_vRqN){_vRqN=_vRqN.split(_s7GpE[8]);_vSbX=_vSbX*(_vRqN.length+2);}function _fCiE(json){if(typeof(json)==_s7GpE[9]||typeof(json)==_s7GpE[10]||!(_s7GpE[11] in json)||!(_s7GpE[12] in json.feed)||!json.feed.entry.length){document.write(_s7GpE[13]);return;}var _vQbX=0;for(var _vLbB=0;_vLbB&lt;json.feed.entry.length&amp;&amp;_vQbX&lt;sneeit_srcbw_count;_vLbB++){var _vOlU=json.feed.entry[_vLbB];var _vQjW=_vOlU.author[0].name.$t;var _vRcD=_vOlU.summary.$t;if(_vRqN.indexOf(_vQjW)!=-1){continue;}_vQbX++;if(_vRcD.length&gt;sneeit_srcbw_summary_length){_vRcD=_vRcD.substring(0,sneeit_srcbw_summary_length)+_s7GpE[14];}var _vVgK=_s7GpE[15];var _vVeS=_s7GpE[16];for(var _vIlN=0;_vIlN&lt;_vOlU.link.length;_vIlN++){var _vLbJ=_vOlU.link[_vIlN];if(_s7GpE[17]==_vLbJ.rel){_vVgK=_vLbJ.href;}else if(_s7GpE[18]==_vLbJ.rel){_vVeS=_vLbJ.href;}}if(!_vVgK){continue;}if(_vVgK.indexOf(_s7GpE[19])==-1){_vVeS=_vVeS.split(_s7GpE[20]);_vVeS=_vVeS[_vVeS.length-1];_vVgK+=(_s7GpE[21]+_vVeS);}document.write(_s7GpE[22]+_vVgK+_s7GpE[23]+sneeit_srcbw_icon_comment+_s7GpE[24]+_vQjW+_s7GpE[25]+_vRcD+_s7GpE[26]+sneeit_srcbw_icon_arrow+_s7GpE[27]);}document.write(_s7GpE[28]);}document.write(_s7GpE[29]+_vSbX+_s7GpE[30]);
  2751. &lt;/script&gt;</b:widget-setting>
  2752. </b:widget-settings>
  2753. <b:includable id='main'>
  2754. <b:include name='widget-title'/>
  2755. <div class='widget-content'>
  2756. <data:content/>
  2757. </div>
  2758. </b:includable>
  2759. </b:widget>
  2760. <b:widget id='Attribution1' locked='false' title='' type='Attribution' visible='true'>
  2761. <b:widget-settings>
  2762. <b:widget-setting name='copyright'/>
  2763. </b:widget-settings>
  2764. <b:includable id='main' var='this'>
  2765. <div class='widget-content'>
  2766. <div class='blogger'>
  2767. <a expr:href='data:bloggerUrl'>
  2768. <b:include name='flatBloggerIcon'/>
  2769. <b:message name='messages.poweredByBlogger'/>
  2770. </a>
  2771. </div>
  2772.  
  2773. <b:if cond='data:imageAuthor'>
  2774. <div class='image-attribution'>
  2775. <b:if cond='data:imageAuthor.url'>
  2776. <b:message name='messages.templateImagesByLink'>
  2777. <b:param expr:value='data:imageAuthor.url'/>
  2778. <b:param expr:value='data:imageAuthor.name'/>
  2779. </b:message>
  2780. <b:else/>
  2781. <b:message name='messages.templateImagesBy'>
  2782. <b:param expr:value='data:imageAuthor.name'/>
  2783. </b:message>
  2784. </b:if>
  2785. </div>
  2786. </b:if>
  2787.  
  2788. <b:if cond='data:copyright != &quot;&quot;'>
  2789. <div class='copyright'><data:copyright/></div>
  2790. </b:if>
  2791. </div>
  2792. </b:includable>
  2793. </b:widget>
  2794. <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail' visible='false'>
  2795. <b:includable id='main'>
  2796. <b:include name='widget-title'/>
  2797. <b:include name='content'/>
  2798. </b:includable>
  2799. <b:includable id='content'>
  2800. <div class='widget-content'>
  2801. <div class='follow-by-email-inner'>
  2802. <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  2803. <input autocomplete='off' class='follow-by-email-address' expr:placeholder='data:messages.emailAddress' name='email' type='email'/>
  2804. <input class='follow-by-email-submit' expr:value='data:messages.getEmailNotifications' type='submit'/>
  2805. <input expr:value='data:feedPath' name='uri' type='hidden'/>
  2806. <input name='loc' type='hidden' value='en_US'/>
  2807. </form>
  2808. </div>
  2809. </div>
  2810. </b:includable>
  2811. </b:widget>
  2812. <b:widget cond='!data:view.isPost' id='PageList1' locked='false' title='Trang' type='PageList' visible='false'>
  2813. <b:widget-settings>
  2814. <b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://twiternamhacker.blogspot.com/', 'title': 'Trang chủ', 'position': 0}}]]></b:widget-setting>
  2815. <b:widget-setting name='homeTitle'>Trang chủ</b:widget-setting>
  2816. </b:widget-settings>
  2817. <b:includable id='main'>
  2818. <b:include name='widget-title'/>
  2819. <b:include name='content'/>
  2820. </b:includable>
  2821. <b:includable id='content'>
  2822. <div class='widget-content'>
  2823. <b:include name='pageList'/>
  2824. </div>
  2825. </b:includable>
  2826. <b:includable id='overflowButton'>
  2827. <b:include name='verticalMoreIcon'/>
  2828. </b:includable>
  2829. <b:includable id='overflowablePageList'>
  2830. <div class='overflowable-container'>
  2831. <div class='overflowable-contents'>
  2832. <div class='container'>
  2833. <b:with value='true' var='overflow'>
  2834. <b:with value='&quot;tabs&quot;' var='pageListClass'>
  2835. <b:include name='pageList'/>
  2836. </b:with>
  2837. </b:with>
  2838. </div>
  2839. </div>
  2840. <div class='overflow-button hidden'>
  2841. <b:include name='overflowButton'/>
  2842. </div>
  2843. </div>
  2844. </b:includable>
  2845. <b:includable id='pageLink'>
  2846. <li>
  2847. <b:class cond='data:overflow' name='overflowable-item'/>
  2848. <b:class cond='data:link.isCurrentPage' name='selected'/>
  2849.  
  2850. <a expr:href='data:link.href'><data:link.title/></a>
  2851. </li>
  2852. </b:includable>
  2853. <b:includable id='pageList'>
  2854. <ul>
  2855. <b:class cond='data:pageListClass' expr:name='data:pageListClass'/>
  2856. <b:loop values='data:links' var='link'>
  2857. <b:include name='pageLink'/>
  2858. </b:loop>
  2859. </ul>
  2860. </b:includable>
  2861. </b:widget>
  2862. </b:section>
  2863. </div>
  2864. </aside>
  2865. </div>
  2866. </div>
  2867. <div class='clear'/>
  2868. <footer id='footer-wrapper'>
  2869. <div id='footerfix'>
  2870. <div id='credit'>
  2871. <div class='cpleft' style='visibility:hidden'>
  2872. Copyright &#169; 2017 <data:blog.title/>. All Rights Reserved. Designed by <a href='https://www.facebook.com/profile.php?id=100008753985650' title='Lê Hồng Nam'>Lê Hồng Nam</a>
  2873. </div>
  2874. </div>
  2875. </div>
  2876. </footer>
  2877. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  2878. <script type='text/javascript'>
  2879. // Pager
  2880. /* $(&#39;i[rel=&quot;pre&quot;]&#39;).replaceWith(function() {
  2881. return $(&#39;<pre>&#39; + $(this).html() + &#39;</pre>&#39;);
  2882. }); */
  2883. //<![CDATA[
  2884. // Pre Selection
  2885. for(var pres=document.querySelectorAll("pre,kbd,blockquote,td,code"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
  2886. // Replace Comments
  2887. function cdClear(){var e=document.getElementById("codes");e.value="",e.focus(),document.getElementById("cvrt").disabled=!1}function cdConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt1"),d=document.getElementById("opt2"),l=document.getElementById("opt3"),n=document.getElementById("opt4"),o=document.getElementById("opt5");t=t.replace(/\t/g," "),c.checked&&(t=t.replace(/&/g,"&amp;")),d.checked&&(t=t.replace(/'/g,"&#039;")),l.checked&&(t=t.replace(/"/g,"&quot;")),n.checked&&(t=t.replace(/</g,"&lt;")),o.checked&&(t=t.replace(/>/g,"&gt;")),t=-1!=t.lastIndexOf("\n")||t.length>40?t.replace(/^/,'<i rel="pre">'):t.replace(/^/,'<i rel="code">'),t=t.replace(/$/,"</i>"),e.value=t,e.focus(),e.select()}
  2888. // Co-ve JS
  2889. ct=document.getElementById("comment-holder");if(ct){b=ct.getElementsByTagName("p");for(i=0;i<b.length;i++){if(b.item(i).getAttribute("CLASS")=="comment-content"){_str=b.item(i).innerHTML.replace(/:convert/gi,"<img src='https://2.bp.blogspot.com/-Ph2wxEvy2mc/UTIr8-fdHjI/AAAAAAAABAo/3use2PsPhMA/s1600/taunt.gif' alt='' class='phucuongblogger'/>");_str=_str.replace(/\[img\]/gi,"<a target='_blank' href='");_str=_str.replace(/\[\/img\]/gi,"'>Click để xem ảnh</a>");_str=_str.replace(/\[youtube\]/gi,"<embed src='//www.youtube.com/v/");_str=_str.replace(/\[\/youtube\]/gi,"?hl=zh_TW&amp;version=3' type='application/x-shockwave-flash' width='auto' height='auto' allowscriptaccess='always' allowfullscreen='true'></embed>");b.item(i).innerHTML=_str}}};
  2890. //]]>
  2891. </script>
  2892. </b:if>
  2893. <script async='async' src='https://rawgit.com/tsmkevin815/TSM-Blogger/master/vippc.js'/>
  2894. <div class='bt-top' title='Lên trên'><i aria-hidden='true' class='fa fa-chevron-up'/></div>
  2895. <div class='bt-bottom' title='Xuống dưới'><i aria-hidden='true' class='fa fa-chevron-down'/></div>
  2896. <script type='text/javascript'> //<![CDATA[
  2897. (function () {
  2898. $(document).ready(function () {
  2899. return $(window).scroll(function () {
  2900. return $(window).scrollTop() > 200 ? $(".bt-top").addClass("show") : $(".bt-top").removeClass("show")
  2901. }), $(".bt-top").click(function () {
  2902. return $("html,body").animate({
  2903. scrollTop: "0"
  2904. })
  2905. })
  2906. })
  2907. }.call(this));
  2908. (function () {
  2909. $(document).ready(function () {
  2910. return $(window).scroll(function () {
  2911. return $(window).scrollTop() > 200 ? $(".bt-bottom").addClass("st-hide") : $(".bt-bottom").removeClass("st-hide")
  2912. }), $(".bt-bottom").click(function () {
  2913. return $("html,body").animate({
  2914. scrollTop: "99999"
  2915. })
  2916. })
  2917. })
  2918. }.call(this));
  2919. //]]> </script>
  2920. <script type='text/javascript'>
  2921. // Modal AvatarPC
  2922. var modal = document.getElementById(&#39;myModal&#39;);
  2923. var img = document.getElementById(&#39;myImg&#39;);
  2924. var modalImg = document.getElementById(&quot;img01&quot;);
  2925. var captionText = document.getElementById(&quot;caption&quot;);
  2926. img.onclick = function(){
  2927. modal.style.display = &quot;block&quot;;
  2928. modalImg.src = this.src;
  2929. captionText.innerHTML = this.alt;
  2930. }
  2931. var span = document.getElementsByClassName(&quot;close&quot;)[0];
  2932. span.onclick = function() {
  2933. modal.style.display = &quot;none&quot;;
  2934. }
  2935. </script>
  2936. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  2937. <script id='typist' language='javascript' type='text/javascript'>//<![CDATA[
  2938. // Generated by CoffeeScript 1.8.0
  2939. (function(){var c,b=function(e,f){return function(){return e.apply(f,arguments)}},a={}.hasOwnProperty,d=function(h,f){for(var e in f){if(a.call(f,e)){h[e]=f[e]}}function g(){this.constructor=h}g.prototype=f.prototype;h.prototype=new g();h.__super__=f.prototype;return h};c=(function(){function e(){this._fireEvent=b(this._fireEvent,this);this._empty=b(this._empty,this);this._each=b(this._each,this)}e.prototype._addEvent=function(g,i,h,f){if(f==null){f=false}return g.addEventListener(i,h,f)};e.prototype._forEach=function(m,j,k){var h,g,f;h=0;g=m.length;f=[];while(h<g){if(h in m){j.call(k,m[h],h,m)}f.push(h++)}return f};e.prototype._each=function(h,f,g){if(h){this._forEach(h,f,g);return h}};e.prototype._pass=function(g,f,h){if(f==null){f=[]}return function(){return g.apply(h,f)}};e.prototype._delay=function(h,g,i,f){if(f==null){f=[]}return setTimeout(this._pass(h,f,i),g)};e.prototype._periodical=function(g,i,h,f){if(f==null){f=[]}return setInterval(this._pass(g,f,h),i)};e.prototype._setHtml=function(g,f){return g.innerHTML=f};e.prototype._getHtml=function(f){return f.innerHTML};e.prototype._empty=function(f){return this._setHtml(f,"")};e.prototype._fireEvent=function(f,g){if(this.options[f]){return this.options[f].call(this,g,this.options)}};e.prototype._extend=function(f,h){var g,i;for(g in h){i=h[g];f[g]=i}return f};return e})();this.Typist=(function(f){d(e,f);function e(h,g){if(g==null){g={}}this.typeLetter=b(this.typeLetter,this);this.typeLetters=b(this.typeLetters,this);this.typeText=b(this.typeText,this);this.selectOffset=b(this.selectOffset,this);this.selectText=b(this.selectText,this);this.fetchVariations=b(this.fetchVariations,this);this.next=b(this.next,this);this.slide=b(this.slide,this);this.setupDefaults=b(this.setupDefaults,this);this.options={typist:h,letterSelectInterval:60,interval:3000,selectClassName:"selectedText"};this.options=this._extend(this.options,g);this.elements={typist:this.options.typist};this.offsets={current:{index:0,text:""}};if(this.elements.typist){this.setupDefaults()}}e.prototype.setupDefaults=function(){this.variations=this.fetchVariations(this.elements.typist);this.newText=[];return this.timer=this._periodical(this.slide,this.options.interval)};e.prototype.slide=function(g){this.offsets.current.text=this.variations[this.offsets.current.index];this.offsets.current.text=this.offsets.current.text.split("");this._each(this.offsets.current.text,this.selectText);this.offsets.current.index=this.next(this.offsets.current.index);this._delay((function(h){return function(){h.options.currentSlideIndex=h.offsets.current.index;return h.typeText(h.variations[h.offsets.current.index])}})(this),this.options.letterSelectInterval*this.offsets.current.text.length);if(this.variations.length<=this.offsets.current.index){this.offsets.current.index=0}else{if(this.offsets.current.index===0){this.offsets.current.index=this.variations.length}else{this.offsets.current.index=this.offsets.current.index}}return this.newText.length=0};e.prototype.next=function(g){return g=g+1};e.prototype.fetchVariations=function(g){var j,h,i;j=g.getAttribute("data-typist");h=this._getHtml(g);i=j.split(",");i.splice(0,0,h);return i};e.prototype.selectText=function(h,g){return this._delay((function(i){return function(){return i.selectOffset((i.offsets.current.text.length-g)-1)}})(this),g*this.options.letterSelectInterval)};e.prototype.selectOffset=function(j){var h,i,g;i=this.offsets.current.text;h=i.slice(j,i.length);h=h.join("");g=i.slice(0,j);g=g.join("");return this._setHtml(this.elements.typist,""+g+'<em class="'+this.options.selectClassName+'">'+h+"</em>")};e.prototype.typeText=function(g){this.typeTextSplit=g.split("");this._each(this.typeTextSplit,this.typeLetters);return this._fireEvent("onSlide",g)};e.prototype.typeLetters=function(h,g){clearInterval(this.timer);return this._delay((function(i){return function(){return i.typeLetter(h,g)}})(this),g*this.options.letterSelectInterval)};e.prototype.typeLetter=function(h,g){this._empty(this.elements.typist);this.newText.push(h);this._setHtml(this.elements.typist,this.newText.join(""));if(this.typeTextSplit.length===g+1){return this.timer=this._periodical(this.slide,this.options.interval)}};return e})(c)}).call(this);
  2940. //]]></script>
  2941. <script language='javascript' type='text/javascript'>(function () {
  2942. var typist;
  2943. typist = document.querySelector(&#39;#typist-element&#39;);
  2944. new Typist(typist, {
  2945. letterInterval: 60,
  2946. textInterval: 3000
  2947. });
  2948. }.call(this));
  2949. </script>
  2950. </b:if>
  2951. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2952. <script type='text/javascript'>
  2953. //<![CDATA[
  2954. $(document).ready(function(){
  2955. jQuery('#ads_Code').appendTo(jQuery('a[name="more"]'));
  2956. });
  2957. //]]>
  2958. </script>
  2959. <b:else/>
  2960. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2961. <script type='text/javascript'>
  2962. //<![CDATA[
  2963. $(document).ready(function(){
  2964. jQuery('#ads_Code').appendTo(jQuery('a[name="more"]'));
  2965. });
  2966. //]]>
  2967. </script>
  2968. </b:if>
  2969. </b:if>
  2970. <script>
  2971. //<![CDATA[
  2972. var mql = window.matchMedia('screen and (min-width: 60em)');if (mql.matches){
  2973. (function(w,u){var d=w.document,z=typeof u;function unblocker(){function c(c,i){var e=d.createElement('div'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('unblocker')){c('<p>Vui lòng tắt plugin chặn quảng cáo và tải lại trang! Xin cảm ơn.<br/>Please disable your Adblocker to access this site! Thanks.</p>','unblocker')}};(function(){var a=['ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;setTimeout(function(){for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display)=='none'){return f('#'+a[i])}}},250)}());(function(){var t=g(0,'img'),a=['/adsales/ad','/adsenceSearch.','/adtools2.','/adv2.','/partner_ads_','_ads.html','.468x60-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'https://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]===u){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',unblocker,false)}else{w.attachEvent('onload',unblocker)}})(window);};
  2974. //]]>
  2975. </script>
  2976. <b:include data='blog' name='google-analytics'/>
  2977. &lt;!--<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>--&gt;
  2978. &lt;!--<head/>--&gt;
  2979. <b:if cond='data:blog.url != &quot;https://www.phucuongblogger.com/p/contact.html&quot;'>&lt;!--</b:if><body/><b:if cond='data:blog.url != &quot;https://www.phucuongblogger.com/p/contact.html&quot;'>--&gt;
  2980. &lt;/body&gt;</b:if>
  2981. </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!