DxHflow

Descriptions:	DxHflow a great template of refined design. Beauty comes from the simplicity, you can use the template for the purpose of sharing photos or other purposes. SEO optimization for assigning H1 tags for post titles and static page title. And there are a lot of tweaking surprise is waiting for you to discover. Enjoy!
Author:	DxH
Designer:	DxH
Instructions:	How to install a Blogger template
Features:	DxHflow is a free blog template with type: 2 Column, Color aqua, Fixed Width, Right Sidebar, Navigation Menu, Tab Widget Siderbar, Multi Level Thread Comments, Beautifull Popular Posts, Emoticon Awesome, Related Pots Impression, 3 Columns Footer, Page Navigation Widget and more...
License:	Creative Commons Attribution 3.0

Configure Logo Header

Search for:

<div class='left' id='logo'>
<a href='/' title='DxHflow'><img alt='DxHflow' height='44' src='https://lh5.googleusercontent.com/-oxhK3Ecxj34/USpO4uZYFXI/AAAAAAAACVQ/lhzBzXatDl8/s0/logo.png' style='margin-top:13px' width='191'/></a>
</div>

Replace With Your Logo


Configure Ribbon Attached As Label For Post

You can find out more


Configure Dropdown Menu

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<nav id='colorNav'>
<ul>
<li class='aqua icon-home'><a href='#'>Lorem 1</a></li>
<li class='aqua icon-blogger'>
<a href='#'>Lorem 2</a>
<ul>
<li><a href='#'>Lorem 2.1</a></li>
<li><a href='#'>Lorem 2.2</a></li>
<li><a href='#'>Lorem 2.3</a></li>
<li><a href='#'>Lorem 2.4</a></li>
</ul>
</li>
<li class='aqua icon-book'>
<a href='#'>Lorem 3</a>
<ul>
<li><a href='#'>Lorem 3.1</a></li>
<li><a href='#'>Lorem 3.2</a></li>
</ul>
</li>
</ul>
</nav>

Just replace "#" with your menu item URL.


Configure Subscribe Form

Search for:

<div id='FollowByEmail1'>
<span class='arrow'/>
<form action='http://feedburner.google.com/fb/a/mailverify' class='right' id='newsletter' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=dxhbook","popupwindow","scrollbars=yes,width=550,height=520");return true' target='popupwindow'>
<input class='text' name='email' onblur='if(this.value==""){this.value=this.defaultValue}' onfocus='if(this.value==this.defaultValue){this.value=""}' type='text' value='Email address...'/>
<input class='submit' type='submit' value='Subscribe'/>
<input name='uri' type='hidden' value='dxhbook'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>

Replace "dxhbook" with email to register your feedburner.


Configure Author Box

You can find out more


Configure Recent Comments

Added 1 widget HTML/Javascript in where you want to display Recent Comments. Edit Text and paste the following code into the Content section and click SAVE.

<style type="text/css"> 
ul.latest_recent_comments{list-style:none;margin:0;padding:0}
#HTML2{padding:5px 10px 3px}
#HTML2 h2{margin-bottom:8px}
.latest_recent_comments li{position: relative;background:none !important;margin:4px 0 0 !important;padding:0 2px 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none}
.latest_recent_comments li a{float:right;width:180px;font:12px Arial;color:#fff;background:#999;margin-top:9px;padding:11px 7px 5px}
.latest_recent_comments li a:hover{background:#bb1717}
.latest_recent_comments li .avatarImage{float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{width:34px;height:34px}
.latest_recent_comments li img{padding:0;position:relative;overflow:hidden;display:block}
.latest_recent_comments li span{position: absolute;left:42px;top:-3px;padding:3px 3px 1px;color:#fff;background:#555;display:block;font:12px Arial}
.latest_recent_comments span{display:none}
</style>

<script type='text/javascript'>
function latest_recent_comments(e){var t;t='<ul class="latest_recent_comments">';for(var n=0;n<numComments;n++){var r,i,s,o;if(n==e.feed.entry.length)break;t+="<li>";var u=e.feed.entry[n];for(var a=0;a<u.link.length;a++){if(u.link[a].rel=="alternate"){r=u.link[a].href}}for(var f=0;f<u.author.length;f++){i=u.author[f].name.$t;s=u.author[f].gd$image.src}if(s.indexOf("/s1600/")!=-1){s=s.replace("/s1600/","/s"+avatarSize+"-c/")}else if(s.indexOf("/s220/")!=-1){s=s.replace("/s220/","/s"+avatarSize+"-c/")}else if(s.indexOf("/s512-c/")!=-1&&s.indexOf("http:")!=0){s="http:"+s.replace("/s512-c/","/s"+avatarSize+"-c/")}else if(s.indexOf("blogblog.com/img/b16-rounded.gif")!=-1){s="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6p-tRntlv59qI3GL61pVM1r3jnVdQ0qZ7ky2X44Rjbeo3R7E2IYRbmA9WIKWN0zTRfPhSYqnSBpz3q6LDce-z60h0_l1ZYgXKhq_89934Nadn2YGe7XLrQDoQSlAdIlOltuNye5msxqG5/"+avatarSize+"/md_blogger_logo.png"}else if(s.indexOf("blogblog.com/img/openid16-rounded.gif")!=-1){s="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3mei7m95ItFSgqK5DztMD30_zP9TZgKb_qOjuzGYGMkNVe-5Mlxrb0e7ZktWgQnq3-_drfFX_t_-NQqjLk0KuxgEmoaBjJk06vxLyEoiZvAH_nDGgKPe481oxH2rWnlFo_Wn1Z974pFrG/"+avatarSize+"/md_openid_logo.png"}else if(s.indexOf("blogblog.com/img/blank.gif")!=-1){if(defaultAvatar.indexOf("gravatar.com")!=-1){s=defaultAvatar+"&s="+avatarSize}else{s=defaultAvatar}}else{s=s}if(showAvatar==true){if(roundAvatar==true){o="avatarRound"}else{o=""}t+='<div class="avatarImage '+o+'"><img class="'+o+'" src="'+s+'" alt="'+i+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'}t+="<span>"+i+"</span>";var l=u.content.$t;var c=l.replace(/(<([^>]+)>)/ig,"");if(c!=""&&c.length>characters){c=c.substring(0,characters);c+="…"}else{c=c}t+='<a href="'+r+'">'+c+"</a>";t+="</li>"}t+="";document.write(t)}var numComments=numComments||8,avatarSize=avatarSize||34,characters=characters||24,defaultAvatar=defaultAvatar||"https://lh5.googleusercontent.com/-5YeC_6-32nw/UPb7SL-uGXI/AAAAAAAABWE/QJRpUV7G9bc/s80/personal.png",showAvatar="undefined"===typeof showAvatar?!0:showAvatar,roundAvatar="undefined"===typeof roundAvatar?!0:roundAvatar,hideCaquaits="undefined"===typeof hideCaquaits?!1:roundAvatar
</script>

<script type="text/javascript" src="http://dxhflow.blogspot.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=8"></script>

- Replace http://dxhflow.blogspot.com with your blog address.
- I installed the display up to 8 recent comments, be sure to customize parameters to suit your blog.


Configure Page Navigation Widget

Search for:

var postperpage=6; // Number of posts in each page
var numshowpage=3; // Number of buttons will display