fitri1986

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js" type="text/javascript"></script>
<style>
#headlines {
overflow:hidden;
position:relative;
line-height:25px;
background:#34495e; /*Background Color*/
height:45px;
padding:0 0 0 135px;
}
#headlines h3 {
color:#fff;
font-family:Oswald, sans-serif;
font-size:17px;
font-weight:400;
text-transform:uppercase;
margin-left:-115px;
margin-top:10px;
position:absolute;
}
#headlines .right_arrow {
padding:0 38px 0 110px;
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhigfIiqVqNRD6rsaKMXH5JDHwVYW5Wy7xIMhRsY-7slg0YayqVO0mcES0cRvDxq-L3lSce3aGBUBqe3DSIcbATOPZMsO3PQOU6yroKdiM7GonuQXzxU5ulmeufJUzrd0BcZWb82kvvqz17/s41/arrow.png) no-repeat right center;
height:46px;
line-height:46px;
position:absolute;
left:0;
top:0;
}
#ticker_post {
position:relative;
margin:0;
margin-left:20px;
height:50px;
width:auto;
}
.marquee {
width: 980px; /* Width of the area where the inputs are shown*/
overflow: hidden;
line-height: 45px;
}
.js-marquee a {
font-family:Oswald, sans-serif;
font-size:15px; /* Text size*/
color: #FFF; /* Color of text */
padding-bottom: 20px;
text-decoration: none;
}
.ticker_separator {
color:#FFF; color: #FFF; /* Color separator entries */
margin:0 10px;
}
</style>
<div id='headlines'>
<h3>Recent</h3>
<div class='right_arrow'></div>
<script>
var blog_url = "http://namablogdimiliki.blogspot.com";
var numero_post = 10; // Number of entries to display
</script>
<script type="text/javascript" src="http://yourjavascript.com/946415552/ticker.js"></script></div>
<div style='clear:both;'></div>
<script>
$(window).load(function() {
$('.marquee').marquee({
direction: 'left', // Address of the marquee, use left or right
duration: 25000, // speed
pauseOnHover: true,
duplicated: true
});
});
</script>