Follo Molo (Become My Stalker And Ask Me To Stalk Back....I prefer a Yandere...)

Bored?You can play around with these line of colours for a while.....it is 100times better than PS4...because I dont have one....

22 Oktober 2014

Penanda Pos Automatik Untuk Blog

Demo di sini


Cara Pemasangan


Langkah 1: 'Log in' ke dalam 'Blogger dashboard' anda --> pergi ke 'Layout' --> 'klik Add a Gadget', dan cari 'widget' HTML/JavaScript

Langkah 2: Klik pada tombol 'add' yang berbentuk + untuk membuka konfigurasi 'widget' HTML/JavaScript


Langkah 3:Di dalam konfigurasi 'widget' HTML/JavaScript tersebut,'copy' dan 'paste' kod yang diberikan dibawah ini

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

Langkah 4 Ubahsuai perkataan yang berwarna merah kepada nama blog anda contohnya seperti http://simpleminima.blogspot.com.

Perkataan yang diwarnakan hijau pula adalah penerangan untuk memudahkan anda melakukan pengubahsuain yang lain.Setelah berpuas hati,klik Save


Langkah 5 Setelah selesai menentukan kedudukan widget tersebut,klik Save arrangement dan akhir sekali klik View Blog untuk melihat hasilnya


Setelah selesai mengikut arahan yang diberikan,anda akan dapat melihat widget Automatic Ticker tersebut di blog anda.

*Jika pos di blog anda adalah kurang dari sepuluh sila ubah jumlah nombor pada Number of entries to display.

Post a Comment:

Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.

At the post page,this banner can be spin around ;)