<!-- Follow me: http://otrenmoixuong.tumblr.com/ -->
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta name="text:Google Analytics UA Code" content="" />
<meta name="image:Background" content="http://static.tumblr.com/vv8cdma/Ddzm1ypam/chruch.png" />
<meta name="text:Application Stylesheet URL" content="" />
<meta name="if:Show Description On Index" content="1" />
<!-- Sharing Buttons -->
<meta name="if:Show Tweet Button" content="1"/>
<meta name="text:Tweet Via Account" content=""/>
<meta name="text:Tweet Follow Account" content=""/>
<meta name="if:Show Like Button" content="1"/>
<!-- Comments -->
<meta name="text:Disqus Shortname" content=""/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="{MetaDescription}" />
<link href="{Favicon}" rel="shortcut icon" />
<link rel="apple-touch-icon" href="{PortraitURL-128}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<!--google font-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<!-- google font-->
<title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}{block:Pagination} - {lang:Page CurrentPage of TotalPages}{/block:Pagination}</title>
<!-- ======== STYLES ======== -->
<link href="http://static.tumblr.com/vv8cdma/Pigm0fc2m/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
.navbar .divider-vertical {
height: 40px;
width: 1px;
margin: 0 9px;
overflow: hidden;
background-color: #fff;
border-right: none !important;
}
.navbar-inner{
background-color: #0088cc;
background-image: none;
color: white;
}
.nav li a{
color: white !important;
}
.CAPTION:first-letter, .POST:first-letter, .caption-video:first-letter
{
font-size: 25px;
font-weight: bold;
}
@media (max-width: 979px){
.share-link{float: left; width: 100px;}
.share-links{margin-bottom: 10px}
.clear{clear:both}
.notes{float: left; margin-right: 20px;}
}
.video-center{width: 500px; margin: 0 auto 20px; border: 1px solid #f0f0f0; padding: 5px 5px 0px;}
.video-center:hover{border-color: #ccc}
.rad3{border-radius: 5px}
.bold{font-weight: bold}
.footer{
text-align: center;
}
.footer p{
width: auto;
margin-right: 20px;
}
.brand_text{font-family: 'Lobster', cursive; font-size: 25px; color: white; }
.row.photo img{
width: 500px;
margin: 0px auto 20px;
display: block;
border: solid 1px #f0f0f0;
padding: 5px;
transition:width 2s;
-webkit-transition:width 2s;
-webkit-transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
.row.photo img:hover{
border: solid 1px #ccc;
}
a:hover{text-decoration: none !important; font-weight: bolder !important;}
.brand_a{float: left; margin-top: 5px}
.thumb_brand{border: 0px solid transparent; margin-right: 20px;margin-bottom: 5px;}
p{font-family: 'Open Sans', sans-serif !important;}
.search-query{border-radius: 3px}
/* --- high-level --- */
body {
padding-top: 60px; /* room for fixed nav-bar */
background-image: url('{image:Background}');
font-family: 'Open Sans', sans-serif;
}
/* --- tags --- */
.tags { margin-bottom: 10px;}
.tag { margin-bottom: 5px;}
/* --- entry --- */
.entry { background-color: white; border-radius: 5px; padding-top: 20px; padding-bottom: 20px; position: relative; }
.entry > * { padding-left: 20px; padding-right: 20px; }
.date { margin-bottom: 10px; }
.entry .title { margin-bottom: 10px; }
.entry h2 { margin-top: 20px; }
/* --- speech bubble: visually connects entries to authors --- */
.speech-bubble { background-image: url(http://static.tumblr.com/vv8cdma/4AAm155zf/speech-bubble.png); width: 16px; height: 16px; position: absolute; padding: 0; left: -16px; top: 16px; }
@media (max-width: 980px) {
.speech-bubble { display: none; }
}
/* --- author --- */
.author { margin-bottom: 10px; }
.author img { float: left; background-color: white; }
.author .author-name { line-height: 16px; padding-top: 8px; margin-left: 64px; }
.author .author-name .attribution { font-size: 80%; }
@media (max-width: 980px) {
.author img { float: none; }
.author .author-name { margin-left: 0; }
}
/* --- notes and comments --- */
.notes-container, .comments-container { background-color: white; border-radius: 5px; position: relative; margin-top: 20px; }
.notes-container .notes, .comments-container #disqus_thread { padding: 20px; margin: 0; }
.notes-container ol.notes { list-style: none; }
/* --- sharing links ---*/
.share-links { margin-top: 10px; }
.hero-unit{padding: 10px; background-color: transparent;}
</style>
<link href="http://static.tumblr.com/vv8cdma/pVJm0fbxk/bootstrap-responsive.min.css" rel="stylesheet">
{block:IfApplicationStylesheetURL}
<!-- Import application styling -->
<link href="{text:Application Stylesheet URL}" rel="stylesheet">
{/block:IfApplicationStylesheetURL}
<style type="text/css">
<!--
{CustomCSS}
-->
</style>
</head>
<body>
{block:IfShowLikeButton}
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=325405900855984";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
{/block:IfShowLikeButton}
<header>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<!-- avatar -->
<a class="brand_a" href="{AuthorURL}">
<img src="{PortraitURL-30}" class="thumb_brand pull-left"><h3 class="pull-left brand_text">{Title}</h3>
</a>
<!-- avatar -->
<div class="nav-collapse">
<ul class="nav pull-right bold">
{block:English}
<li>
<a href="http://tumblr.com/follow/{Name}">
Follow
</a>
</li>
{/block:English}
{block:NotEnglish}
<li>
<a href="http://tumblr.com/follow/{Name}">{lang:Follow me}</a>
</li>
{/block:NotEnglish}
<li class="divider-vertical"></li>
<li>
<a href="/archive">{lang:Archive}</a>
</li>
{block:AskEnabled}
<li class="divider-vertical"></li>
<li>
<a href="/ask">Ask Me Anything</a>
</li>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<li class="divider-vertical"></li>
<li>
<a href="/submit">Submit Something</a>
</li>
{/block:SubmissionsEnabled}
{block:Pages}
<li class="divider-vertical"></li>
<li>
<a href="{URL}">{Label}</a>
</li>
{/block:Pages}
</ul>
</div> <!-- nav-collapse -->
</div> <!-- container -->
</div> <!-- navbar-inner -->
</div> <!-- navbar navbar-fixed-top -->
</header>
<div class="container">
<div class="posts">
{block:SearchPage}
<li class="POST ALT TEXT MINI">
<div class="ENTRY">
<div class="TITLE CENTER">
{lang:Your search for SearchQuery returned SearchResultCount results 2}
</div>
{block:NoSearchResults}
<div class="TITLE">
{lang:No search results for SearchQuery 2}
</div>
{/block:NoSearchResults}
</div>
</li>
{/block:SearchPage}
{block:DayPage}
<li class="POST ALT TEXT MINI">
<div class="ENTRY">
<div class="TITLE CENTER">
{lang:Viewing everything posted on Month DayOfMonth Year}
</div>
</div>
</li>
{/block:DayPage}
{block:Posts}
<div class="row post {block:Text}text{/block:Text}{block:Photo}photo{/block:Photo}{block:Quote}quote{/block:Quote}{block:Video}video{/block:Video}{block:Link}link{/block:Link}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Answer}answer{/block:Answer}">
<div class="span2">
<!--Remove tag GroupMembers block-->
<!--Remove tag GroupMembers block-->
<div class="date">
{block:Date}
{block:NotReblog}
<a href="{Permalink}">{lang:Posted TimeAgo}</a>
{/block:NotReblog}
{block:Reblog}
{lang:PostTypeNoun reblogged from ReblogParentTitle 2}
{/block:Reblog}
{/block:Date}
{block:HasTags}
with tags:
{/block:HasTags}
</div> <!-- .date -->
{block:HasTags}
<div class="tags">
{block:Tags}
<a class="tag btn btn-mini" href="{TagURL}">#{Tag}</a>
{/block:Tags}
</div> <!-- .tags -->
{/block:HasTags}
{block:NoteCount}
<div class="notes">
<a href="{Permalink}#notes">
<i class="icon-heart"></i> {NoteCountWithLabel}
</a>
</div>
{/block:NoteCount}
{block:IfDisqusShortname}
<a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>
{/block:IfDisqusShortname}
<div class="share-links">
{block:IfShowTweetButton}
<div class="tweet share-link">
<a href="https://twitter.com/share"
class="twitter-share-button"
data-url="{PlaintextPermalink}"
data-text="{PlaintextTitle}"
{block:IfTweetViaAccount}
data-via="{PlaintextTweetViaAccount}"
{/block:IfTweetViaAccount}
{block:IfTweetFollowAccount}
data-related="{PlaintextTweetFollowAccount}"
{/block:IfTweetFollowAccount}
>Tweet</a>
</div>
{/block:IfShowTweetButton}
{block:IfShowLikeButton}
<div class="like share-link">
<div class="fb-like" data-href="{PlaintextPermalink}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="lucida grande"></div>
</div>
{/block:IfShowLikeButton}
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<div class="plus share-link">
<div class="g-plusone" data-size="medium" data-href="{PlaintextPermalink}" ></div>
</div>
<div class="clear"></div>
</div> <!-- .share-links -->
</div> <!-- .span2 -->
<div class="span10 entry">
{block:GroupMembers}
<div class="speech-bubble"></div>
{/block:GroupMembers}
<div class="title">
{block:Title}
<h2>
<a href="{Permalink}">
{Title}
</a>
</h2>
{/block:Title}
</div> <!-- .title -->
<div class="POST">
<!-- ANSWER -->
{block:Answer}
<div class="QUOTEINFO">
<div class="QUOTEMARK"></div>
<div class="TEXT">
{Question}
</div>
</div>
<p>{lang:Asked by Asker}</p>
<div class="BREAK"></div>
<div class="RESPONSE">
{Answer}
</div>
{/block:Answer}
<!-- /ANSWER -->
<!-- TEXT -->
{block:Text}
{Body}
{/block:Text}
<!-- /TEXT -->
<!-- VIDEO -->
{block:Video}
<div class="video-center rad3">
{Video-500}
</div>
<div class="caption-video">
{block:Caption}
{Caption}
{/block:Caption}
</div>
{/block:Video}
<!-- /VIDEO -->
<!-- PHOTO -->
{block:Photo}
<div class="CENTER">
{LinkOpenTag}<img class="rad3" alt="{PhotoAlt}" src="{PhotoURL-500}" />{LinkCloseTag}
</div>
{block:Caption}
<div class="CAPTION">
{Caption}
</div>
{/block:Caption}
{/block:Photo}
<!-- /PHOTO -->
<!-- QUOTE -->
{block:Quote}
<div class="QUOTEINFO">
<div class="QUOTEMARK"></div>
<div class="TEXT">
{Quote}
</div>
</div>
<div class="BREAK"></div>
{block:Source}
<div class="BY">
{Source}
</div>
{/block:Source}
{/block:Quote}
<!-- /QUOTE -->
<!-- LINK -->
{block:Link}
<div class="THE-LINK">
<a href="{URL}" target="{Target}">{Name}</a>
</div>
<div class="INFO">
<a href="{URL}" target="{Target}">
{URL}
</a>
</div>
{block:Description}
<div class="MARGIN">{Description}</div>
{/block:Description}
{/block:Link}
<!-- /LINK -->
<!-- CHAT -->
{block:Chat}
<ul class="CHAT">
{block:Lines}
<li class="{Alt} {UserNumber}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>
{/block:Lines}
</ul>
{/block:Chat}
<!-- /CHAT -->
<!-- AUDIO -->
{block:Audio}
<div class="PLAYER">
<div class="ALBUMART">
{block:AlbumArt}<img alt="" src="{AlbumArtURL}" />{/block:AlbumArt}
</div>
<div class="OVERLAY">
<div class="OBJ">
{AudioPlayerGrey}
</div>
<div class="COUNT">
This track has had {PlayCountWithLabel}
</div>
<div class="TRACK">
{block:TrackName}
<strong>{TrackName}</strong>
{/block:TrackName}
{block:TrackName}
{block:Artist}
by
{/block:Artist}
{/block:TrackName}
{block:Artist}
<a href="http://last.fm/{Artist}">{Artist}</a>
{/block:Artist}
</div>
</div>
</div>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Audio}
<!-- /AUDIO -->
</div>
</div> <!-- .entry -->
</div> <!-- .row .post -->
{block:PermalinkPage}
{block:IfDisqusShortname}
<div class="row">
<div class="span10 offset2 comments-container">
<div id="disqus_thread"></div>
<script type="text/javascript" src="http://{text:Disqus Shortname}.disqus.com/embed.js"></script>
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
</div> <!-- .comments-container -->
</div>
{/block:IfDisqusShortname}
{/block:PermalinkPage}
{block:NoteCount}
<div class="row">
<div class="span10 offset2 notes-container" id="notes">
{PostNotes}
</div> <!-- .notes-container -->
</div>
{/block:NoteCount}
<hr/>
{/block:Posts}
</div> <!-- .posts -->
{block:Pagination}
<ul class="pager">
{block:PreviousPage}
<li><a href="{PreviousPage}">{lang:Previous page}</a></li>
{/block:PreviousPage}
{block:NextPage}
<li><a href="{NextPage}">{lang:Next page}</a></li>
{/block:NextPage}
</ul>
{/block:Pagination}
<footer class="footer">
<p><a href="https://github.com/mikejarema/bootstrap-tumblr-theme/">Bootstrap Tumblr Theme</a> by <a href="http://mikejarema.com">Mike Jarema</a>.</p>
<p>{lang:Powered by Tumblr 2}.</p>
<p>Edited by <a href="http://twitter.com/quocvuongdn">@quocvuongdn</a></p>
<p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
<p class="pull-right bold btn"><a href="#"><i class="icon-arrow-up"></i>Back to top</a></p>
</footer>
</div>
{block:IfGoogleAnalyticsUACode}
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("{text:Google Analytics UA Code}");
pageTracker._trackPageview();
} catch(err) {}
</script>
{/block:IfGoogleAnalyticsUACode}
<!-- ======== SCRIPTS ======== -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/vv8cdma/obbm0fc3v/bootstrap.min.js"></script>
{block:IfShowTweetButton}
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
{/block:IfShowTweetButton}
{block:IfDisqusShortname}
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
{/block:IfDisqusShortname}
<!-- Yahoo! Web Analytics - All rights reserved -->
<script type="text/javascript" src="http://d.yimg.com/mi/ywa.js"></script>
<script type="text/javascript">
/*globals YWA*/
/*globals window*/
try {
//var YWATracker = YWA.getTracker("NUMBER_NUMBER_NUMBER", "US");
var YWATracker = YWA.getTracker("", "US");
//YWATracker.setDocumentName("");
//YWATracker.setDocumentGroup("");
//YWATracker.setSpaceId("");
YWATracker.submit();
} catch (eYWATCUnavailable) {
if (window.console && window.console.warn) {
window.console.warn(eYWATCUnavailable.message || "Unknown error");
}
}
</script>
<noscript>
<div><img src="http://a.analytics.yahoo.com/p.pl?a=NUMBER_NUMBER_NUMBER&js=no" width="1" height="1" alt="" /></div>
</noscript>
</body>
</html>
Comments