Change default featured image
Do think I have left some blank space above ? Nope, of course not. It is of white background with same size as default image. Let us see if it will work. I replacing the default image with this one.
Change Post " No Image Available "
I checked the HTML and found that the No Image Available is being fetched from : http://3.bp.blogspot.com/-FBSXAriQDp8/UU0aGMsDO2I/AAAAAAAAB98/L-M8fgl7prI/s000/noimagebyjohanes.png
So I am planning to replace it with Scruge Uncle with a wand and hope it will succeed. You can see the replacement image above.
Change footer image
Change in menu bar colour
I was not sure if the bluish menu bar goes well with the background and my overall taste. When I decided to choose red, I was afraid that it will be too flashy. But luckily transparency keeps it within the limits. All I have to was just change the background colour to #DF3D2F . Hope you like it. I will now try to replace No Image Available with a better one as it gives a bad impression to visitors.
CSS to change header, menu background and transparency
Since this theme had advanced CSS column, which mean you can just use the replacement CSS in that column and not to change the main template, it was easier for me this time. Here is the replacement code I used for this theme.
#header {
width: 1020px;
position: relative;
margin: auto;
height: 331px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizzyvDJ70WChaj6L0coKjTqZB7rO0Yfur-zj33W4_snvCYi7XOk4qdohboiJqWlK33eL5XLjyABxrL-njEi_UNnp9GtR55_tJts572o-DoCQOJkewvWBIyGU0homj8OQ9vys_iCYQ0IhQt/s1600/ducktales.gif) no-repeat top right;
overflow: hidden;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);
}
ul.dark_menu {
list-style: none;
padding: 5px 1px;
font-weight: 200;
font-size: 13px;
letter-spacing: 0.01em;
color: #000000;
line-height: 15px;
margin-left: 25px;
width: 750px;
position: relative;
background: #7789C2;
opacity: .8;
border-radius: 5px;
border: 1px solid #ddd;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);
}
#header {
width: 1020px;
position: relative;
margin: auto;
height: 331px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizzyvDJ70WChaj6L0coKjTqZB7rO0Yfur-zj33W4_snvCYi7XOk4qdohboiJqWlK33eL5XLjyABxrL-njEi_UNnp9GtR55_tJts572o-DoCQOJkewvWBIyGU0homj8OQ9vys_iCYQ0IhQt/s1600/ducktales.gif) no-repeat top right;
overflow: hidden;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);
}
ul.dark_menu {
list-style: none;
padding: 5px 1px;
font-weight: 200;
font-size: 13px;
letter-spacing: 0.01em;
color: #000000;
line-height: 15px;
margin-left: 25px;
width: 750px;
position: relative;
background: #7789C2;
opacity: .8;
border-radius: 5px;
border: 1px solid #ddd;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);
}
How to change header image
Later last day after finished work on colour change of menu, I was thoroughly confused on what should be the theme ? Should I make it look like a serious website or as they call a cool one. Being a Disney Ducktales fan myself, I chose to have that shade of mine on Wiz Creations. I hope the attempt will be fruitful. You will know in no time any way. ;)
First change
<span class='day'><script type='text/javascript'>document.write(date_dd);</script></span><p class='bulan'><script type='text/javascript'>document.write(date_mmm);</script></p><p class='tahun'><script type='text/javascript'>document.write(date_yyyy);</script></p></a>
But the Javascript seems not accepted by Google. So I have to either remove them or try to add manually. Let us see how it works out.
