Prado Blogger Template
If Static Pages has an error with your browsers such as Firefox and Chrome, please attention note the updates
Free Prado Blogger Template is a clean and elegant magazine style blogger template adapted from WordPress Theme to Blogger Template with the iPad design integrated. It's a 2 column blogger template with right sidebar, 4 column footer, magazine style template, Nivo Slider featured content, tabview ready, drop down menu, SEO optimize, banner ads ready, social widget ready, compatible with most browsers like Firefox, Chrome, Opera, Safari and Internet Explorer, and more. This template suitable for tech and gadget blogs speacially about iPad
Similar Templates : Pre Live Mag Blogger Template & whitePress Blogger Template
Designer : Web2Feel / Demo Prado WordPresTheme
Author : ireng_ajah - DheTemplate.com / WordPress Theme 2 Blog
Setting Prado Blogger Template
1. Setting Nivo Slider
Go to Design >> Edit HTML and find this code below
<a href='http://www.dhetemplate.com/'><img alt='#Post Title' class='nivim' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ghGgjjqsj9m_VHdIbeZjWUcraUYbKm6MVI3j4KSoBOj4-AriMP6Qsa_ECOTOio4eBTj2MRyrUiJ8xuyGvmn7TyjA8UweA19jpQ502R6UAdpMnGAlAmZ_R3CWEmupokf84RbMYSUhNIKO/s1600/2.jpg' title='#Post Title' width='768'/></a>
Change the Red Color with your link, ALT image, URL image and Title
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{
width:480px;
padding:0;
margin:0 auto;
}
.PageList li a{
margin:0;
padding:10px 10px;
display:block;
font-size: 14px;
line-height:30px;
font-weight:bold;
color:#fff;
}
.PageList li a:hover{
color:#fff;
}
.PageList li.selected a{
color:#fff;
text-decoration:none;
}
Change that code with this one :
#PageList1{
padding:0;
margin:0;
float:left;
width:480px;
}
.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;
font-size: 14px;
line-height:30px;
font-weight:bold;
color:#fff;
display:block;
}
.PageList li a:hover{
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
