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('http://feedburner.google.com/fb/a/mailverify?uri=Dhetemplate-NewFreeBloggerTemplateEveryday', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == "") {this.value = "Enter your email address...";}' onfocus='if (this.value == "Enter your email address...") {this.value = "";}' 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLr0rAmYfKi2VRZNdNPnStm_mLxjplDJ-0ersZBtqUjmy3XKPcOTOQKjeV7DOqYdLdedvSxCamwPBNwTMFXMiAEp5b1M5FNNMQT-HPc2miWf6K85-R7EdMaRcoW9_pZOUSa9rIGBQuouOL/s1600/rss.png' title='Subscribe here'/></a></li>
<li><a href='http://www.facebook.com/dhetemplate'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY4QzSi8wodas232jTAdJl_w5bKctCboyAHxvZycJRFNsa7HFy9V6hHjY4RljinKQF4fFai7Vkm1Oq-lbUtc5Sa8dx7ThRh-zP5sX8Vp7-Bs-qTzktq65AVJxX8w_Fvc402xGf6sdV7fIL/s1600/facebook.png' title='My Facebook'/></a></li>
<li><a href='http://twitter.com/DheTemplate'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY_sXWD_OTOeDrzLfE5Fk4cZTk7bIUHZ-t9KXXuGNHzrSYAKU1GtFdHJHn6kWGr3Rxn2dW-SFHdKvMeMVyk3r-f6Mdo7NMDg-V3ogCa0Gbvymm9OCRApkT2RBdeixvmrguYDovskMJk31z/s1600/twitter.png' title='Follow me'/></a></li>
<li><a href='YOUR_LINKEDIN_LINK'><img alt='Linkedin' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCq8kD-4K8woinrs9DhWZ67LT2n798rL0-LKwODvVB_eLSo_Lx_Lxqq_5NgnJEeUXPyaaIitL9RKsXXOsSHVvXbgz76QmHdwEJf_OBH29vRFziBq9Khy6YGZ_V8ynDrokDC058Ko8GYTgm/s1600/linkedin.png' title='My Linkedin'/></a></li>
<li class='lasticon'><a href='YOUR_YOUTUBE_LINK'><img alt='Youtube' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXtxdaJghGUtJ7RF7_9rjVO7m55jIsB0Akh91fcAzNdf-bt48iVyylzdAyES6yvovcilIbQNp2XZpJj5n_XrtxYQg1pwUpeNDzXe5n8sVVQ-6x_FKSaAdpRLeLKR9WVQmltt7I60EYbiNo/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNiiB8ZwMQvXp5pEo39g6Jttucx5g9f7A28etmWLlLk3tz9UG2jiWzIcntbPqqpsUqoF2s2MLCIt8Kb2kC6CGtW6YH2cgDAiS6-Bac1l4q9I9n1G_cLrEX5wcXNRGRzNKW3BFohZ9HfNKX/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNiiB8ZwMQvXp5pEo39g6Jttucx5g9f7A28etmWLlLk3tz9UG2jiWzIcntbPqqpsUqoF2s2MLCIt8Kb2kC6CGtW6YH2cgDAiS6-Bac1l4q9I9n1G_cLrEX5wcXNRGRzNKW3BFohZ9HfNKX/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
