| 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
