Prado

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

Related:Health Clinic

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

Related:Creating Website 2

.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;

Related:Cool Breeze

}

.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;

Related:Red News

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