Horcrux

Horcrux blogger template. convert wordpress theme to blogger template. template blogger elegant 2 column

demo Horcrux blogger template. convert wordpress theme to blogspot template. elegant 2 column blogger template

download Horcrux blogger template. template from wordpress theme. elegant template blog

Horcrux Blogger Template


If Static Pages has an error with your browsers such as Firefox and Chrome, please attention note the updates

Free Horcrux Blogger Template is a clean and elegant blogger template adapted from WordPress Theme to Blogger Template with profesional design. It's a 2 column blogger template with right sidebar, tabview ready, banner ads ready, social widget ready, and more. This template compatible with most browsers like Firefox, Chrome, Opera, Safari and Internet Explorer

Similar Templates : Elegance Blogger Template & Side Blog Blogger Template

Designer : Web2Feel & Fab Themes

Author : ireng_ajah - DheTemplate.com / WordPress Theme 2 Blog

Setting Horcrux Blogger Template


1. Subscribe to email feed
Go to Design >> Edit HTML and find this code below
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Dhetemplate-NewFreeBloggerTemplateEveryday&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email address...&quot;;}' onfocus='if (this.value == &quot;Enter your email address...&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email address...'/>
<input name='uri' type='hidden' value='Dhetemplate-NewFreeBloggerTemplateEveryday'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='Submit'/></form>

Change the red color with your email feed link and feed name

2. Setting RSS Feed, Facebook, Twitter, Linkedin and Youtube
Go to Design >> Edit HTML and find this code below :

<li><a href='http://feeds.feedburner.com/Dhetemplate-NewFreeBloggerTemplateEveryday'><img alt='RSS' src='http://3.bp.blogspot.com/-zdJvW1ZSC1o/Te4eESuhBvI/AAAAAAAAJmw/twnMNj_1CN8/s1600/rss.png' title='Subscribe here'/></a></li>
<li><a href='http://www.facebook.com/dhetemplate'><img alt='Facebook' src='http://2.bp.blogspot.com/-z9hK7ZQNwLo/Te4eDDMZ4hI/AAAAAAAAJmg/BXicYJj2xHk/s1600/facebook.png' title='My Facebook'/></a></li>
<li><a href='http://twitter.com/DheTemplate'><img alt='Twitter' src='http://2.bp.blogspot.com/-FVwm4jqPdbo/Te4es7sK2BI/AAAAAAAAJm4/XvN1Yy6PszU/s1600/twitter.png' title='Follow me'/></a></li>
<li><a href='YOUR_LINKEDIN_LINK'><img alt='Linkedin' src='http://2.bp.blogspot.com/-mRQHHuLx1zA/Te4eD-imHKI/AAAAAAAAJmo/WkIEoc1bcW8/s1600/linkedin.png' title='My Linkedin'/></a></li>
<li class='lasticon'><a href='YOUR_YOUTUBE_LINK'><img alt='Youtube' src='http://2.bp.blogspot.com/-fzXNbgXnUbM/Te4etHP5I6I/AAAAAAAAJnA/zmRJRsjJ2LU/s1600/youtube.png' title='My Channel'/></a></li>

Change the red color with yours

3. Setting Banner 125 x 125px
Setting banner left
<span class='banner1'>
Your banner code here
</span>

Setting banner right
<span class='banner2'>
Your banner code here
</span>


** Updates **

Go to Design > Edit HTML and find this code below

.crosscol .PageList li, .PageList li{
margin:0;
padding:0;
outline:none
}

.PageList{
padding:0;
margin:0;
float:left;
}

.PageList li a{
margin:0;
padding:10px 10px;
display:block;
color:#A8B5C4;
text-shadow: 1px 1px 0 #22282D;
}

.PageList li a:hover{
background:url(http://4.bp.blogspot.com/-o7o9rDVBmYM/TeccX1JHz0I/AAAAAAAAJeQ/bYk8S6GGi0U/s1600/menua.png) repeat-x;
color:#fff;
}

.PageList li.selected a{
color:#fff;
text-decoration:none;
}

Change that code with this one :

#PageList1{
padding:0;
margin:0;
float:left;
}

.crosscol .PageList li, .footer .PageList li, .crosscol .PageList ul, .footer .PageList ul {
float: left;
list-style: none;
margin: 0;
padding:0;
}

.PageList li a{
margin:0;
padding:10px 10px;
display:block;
color:#A8B5C4;
text-shadow: 1px 1px 0 #22282D;
}

.PageList li a:hover{
background:url(http://4.bp.blogspot.com/-o7o9rDVBmYM/TeccX1JHz0I/AAAAAAAAJeQ/bYk8S6GGi0U/s1600/menua.png) repeat-x;
color:#fff;
}

.PageList li.selected a{
color:#fff;
text-decoration:none;
}


Then add this code below to hide the PageList title

#PageList1 h2 {display:none;}

exactly before ]]></b:skin> code

**Leave a comment or contact us if you have question about this template

9 Person has expressed his thoughts, Now you turn guys!

  1. I have been using the template but I don't manage to make my post dates show under the title. I have uploaded the template to test in several of my blogs and the date doesn't show on any. What could the problem be?

  2. Hi.. I saw your blog, http://www.lunasazules.com/ and everything is ok for post date

  3. Thank you very much for your answer. Yes, I figured that I needed to activate the time of the post instead of the date.

    I have one more question though: I have inserted social buttons for google plus, Twitter and Facebook under the post title but no matter if I add a "float right" code to a div or to each button, they always appear at the left and one underneath the other instead of next to each other. Could this have to do with the CSS or other code on the template? Thanks in advance.

  4. Try this :
    <div style="float:right!important;padding:4px;">YOUR_SOCIAL_BUTTON_CODE_HERE_</div>

    Let me know the result

  5. Thanks for the attention. I did try the code but nothing has changed :(

  6. Hi.. I don't see the social button code there. Do you have to add?? Or maybe you can try this :

    <div style="float:right!important;padding:4px;"><!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style ">
    <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
    <a class="addthis_button_tweet"></a>
    <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
    <a class="addthis_counter addthis_pill_style"></a>
    </div>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f46fdd35de02f20"></script>
    <!-- AddThis Button END --></div>

  7. Thank you very much, you've been very kind. It looks neat now :D

  8. Hi,i love this template
    but have some problem in my new blog

    It only show 2 post in main page,my question is how do we fix that ?

    i want show about 7 post as default in main page. I already setting up for 7 post in main page but its still show only 2 posts.

    Thank you for your attention.

+ Add Your Comment

Do not waste your time with irrelevant comments or leave a link for backlink will be removed