How To Make Slider Under Header

Maybe this trick is stale and has a lot of use, I created this article just for collection. because yesterday when I want to wear it, I have to look first at google because my data is gone. Finally I decided to store it here as an article.
ok straight to the point.


First: after logging in your dashboard, click the layout and then click edit html and look for the code (]]>) after the meet, paste the following code above the code (]]>)

#slider {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxZtZLmnsLaop7guQt-yLHKMGIdWrDdDSkEHND9DA6zXDWgmqHDb9nG7ZlWOhdO7A5GqtbeB6SEW6eo9ZgkCfe2ahUXrEro33uAelLr3r1d4sMyUiXK7-wjCbSRnLUtUVCr-95nTNF42Q/);
height: 254px;
overflow: hidden;
position: relative;
margin: 5px 0;
}

#mover {
width: auto;
position:absolute;
overflow:hidden;
}

.slide {
padding: 20px 0px;
width: 1000px;
float: left;
position: relative;
height:200px;
}

.slide h2 {
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #fff;
padding:0px 0px 0px 30px;
margin:0px 0px;
width:500px;
overflow:hidden;
}

.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent;
}

.slide h2 a:hover {
color: #ddd;
background-color: transparent;
}

span.slmet {
color: #333333;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #fff;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
}

.slide img {
position: absolute;
top: 20px;
left: 577px;
background:#fff;
padding:10px 10px;
}

#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 65px;
color: #AC0000;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000;
}

Second:  paste the following code in the code ()

<!--
sfHover = function() {
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//-->

then save the template.

The latter, after saving go back to page elements - Create a new Element HTML / JAVA SCRIPT, then Pastekan HTML code below:

Posted by

Aproved Perfect Money

just sharing yesterday before domain moved I got desperate, because I registered pagerank 3 to perfectmoney can not be approved. after I find out it was not a free domain name received in perfectmoney.
I reluctantly decided to buy the exact domain name on December 15, 2009 a new domain can be accessed. and within 15 days of the new year right, google pagerank update and restore pagerank 3 to my blog again.
thanks google, thanks all the friends who have made this blog to be like this now. for you who have not joined in perfectmoney, please click the link below

Posted by

Free Blackberry Phone

nothing is impossible in this world, there are her answers here. To get the "Blackberry" free you just enter your email address in the box on after that you provide confirmation in your email inbox. after confirmation of the contents of the survey work you provided. do not worry about the survey is easy is not hard at all.
after the contents of the survey is complete do not forget to recommend your friends to sign up through your referral link at least 3 people to pass the qualification.

to change color and others you try to please yourself. hopefully helpful