Browse » Home » » Haedline Scroll Up

Haedline Scroll Up

Saya coba publikasikan sebuah mainan yang memang bukan barang baru lagi, tapi siapa tahu ada sobat Blogger yang sedang membutuhkannya yaitu Haedline Scrollup, untuk sobat Blogger yang mau mencobanya silahkan ikuti langkahnya dibawah ini.


@- Login Blog seperti biasa dengan ID Blog milik Anda.
@- Terus Klick TATA LETAK / LAYOUT.
@- Klick EDIT HTML.
@- Lalu cari Kode yang seperti ini : </head>
@- Kemudian Copy Kode Script dibawah ini lalu Paste diatas Kode </head>

<script src='http://www.iyangmulia.com/javascript/line-ims.js' type='text/javascript'/>
<script type='text/javascript'>
var headline_count;
var current_headline=0;
$(document).ready(function(){
headline_count = $(&quot;div.headline&quot;).size();
$(&quot;div.headline:eq(&quot;+current_headline+&quot;)&quot;).css(&#39;top&#39;, &#39;5px&#39;);
setInterval(headline_rotate,5000); //time in milliseconds
});
function headline_rotate() {
old_headline = current_headline % headline_count;
new_headline = ++current_headline % headline_count;
$(&quot;div.headline:eq(&quot; + old_headline + &quot;)&quot;).css(&#39;top&#39;, &#39;210px&#39;);
$(&quot;div.headline:eq(&quot; + new_headline + &quot;)&quot;).show().animate({top: 5},&quot;slow&quot;);
}
</script>
<style media='screen' type='text/css'>
#scrollup {
position: relative;
overflow: hidden;
border: 0px solid #000;
height: 190px;
width: 200px;
}
.headline {
position: absolute;
top: 250px;
left: 0px;
height: 190px;
width: 200px;
}
</style>

@- Jika sudah jangan lupa klick SAVE TEMPLATE.
@- Sesuaikan Kode yang berwarna MERAH BERKEDIP dengan lebar Widget Blog Sobat.

@- Kemudian langkah berikutnya sobat Klick Tab Page Elements/Elemen Halaman
@- Klik Add Widgate / Tambah Gadget
@- Lalu Pilih Widgate yang HTML / JavaScript
@- Copy kode berikut dibawah ini lalu Paste pada Widgate HTML/JavaScript yang barusan Sobat buat tadi.

<center><div id="scrollup">
<div class="headline">
<a href="LINK ARTIKEL BLOG ANDA"><div style="background: #EFEFEF;text-align: center;font-family: Verdana;font-size:110%;font-weight: bold;color: #E1771E;border:1px solid #dedede;-moz-border-radius:5px;margin-bottom:4px;">JUDUL ARTIKEL BLOG 1</div></a>
<div style="text-align: justify;font-family: Verdana;font-size:100%;border:1px solid #dedede;-moz-border-radius:5px;padding:7px 10px 7px 10px;">CUPLIKAN ARTIKEL BLOG ANDA DISINI</div></div>
<div class="headline">
<a href="LINK ARTIKEL BLOG ANDA"><div style="background: #EFEFEF;text-align: center;font-family: Verdana;font-size:110%;font-weight: bold;color: #E1771E;border:1px solid #dedede;-moz-border-radius:5px;margin-bottom:4px;">JUDUL ARTIKEL BLOG 2</div></a>
<div style="text-align: justify;font-family: Verdana;font-size:100%;border:1px solid #dedede;-moz-border-radius:5px;padding:7px 10px 7px 10px;">CUPLIKAN ARTIKEL BLOG ANDA DISINI</div></div>
<div class="headline">
<a href="LINK ARTIKEL BLOG ANDA"><div style="background: #EFEFEF;text-align: center;font-family: Verdana;font-size:110%;font-weight: bold;color: #E1771E;border:1px solid #dedede;-moz-border-radius:5px;margin-bottom:4px;">JUDUL ARTIKEL BLOG 3</div></a>
<div style="text-align: justify;font-family: Verdana;font-size:100%;border:1px solid #dedede;-moz-border-radius:5px;padding:7px 10px 7px 10px;">CUPLIKAN ARTIKEL BLOG ANDA DISINI</div></div></div></center>

@- Kemudian klick SAVE / SIMPAN.
@- Kalau Sobat Blogger mau sedikit kreatif sebenarnya Widget diatas masih bisa di modifikasi kembali.
@- Selesai dan selamat mencoba semoga sukses.

10 Comments To Haedline Scroll Up

mantab sob. .
ilmu yang bermanfaat. .
°l||l°
M Chandra mengatakan pada
 
°l||l°
Subhaanallah, ahli scrip nih. Salam ukhuwah
°l||l°
BeDa mengatakan pada
 
°l||l°
Wah keren nih... Tx
°l||l°
akhatam mengatakan pada
 
°l||l°
@- BeDa : Saya tidak ahli sob,.. saya masih tahap belajar, mohon maafnya jika isi Blog ini banyak ke salahan, juga mohon bimbngannya.
°l||l°
nwi mengatakan pada
 
°l||l°
he he... perlu dicoba kayaknya
°l||l°
nagasuara - download mp3 with direct link mengatakan pada
 
°l||l°
tapi ada yang otomatis nggak ya..
jadi konten headlinenya bisa otomatis gitu???
°l||l°
nagasuara - download mp3 with direct link mengatakan pada
 
°l||l°
@- nagasuara : iya sobat, sementara ini saya belum dapat yang otomatis..., nanti atau kapan2 akan saya coba carikan tutorialnya... hehe.. ;)) :D
°l||l°
nwi mengatakan pada
 
°l||l°
boleh di coba nih sobb..
thks 4 info,, goodluck yy..
°l||l°
Unknown mengatakan pada
 
°l||l°
wah kerend inih blog mantabs master ERGE.. hehe
°l||l°
berita-berita mengatakan pada
 
°l||l°
Assalamualaikum.wr.wb. perkenalkan nama saya katiman dari surabaya kerja tki di malaysia, saat menulis ini saya teringat memory masa lalu..saya sangat tergugah hati melihat coretan hati yang bapak tulis. saya jadi teringat tentang masa-masa sulit dulu,karena iktiar dan usaha , seolah2 menjadi dendam bukan lagi motivasi, cuma satu tujuan saya pada saat bagaiman caranya untuk bangkit..singkat kata berbagai macam iktiar dan cara yang saya lalui, mengingat pada saat itu hutang saya 1,2m yang tidak sedikit, belum lagi bunga renternir yang bertambah. karena usaha, kesungguhan hati, akhirnya menemukan jalan /solusi . saya percaya ALLAH ITU TIDAK DIAM MAHA PENYAYANG , cobaan itu bukan lah ujian tapi hadiah yang tersilmut untuk kebahagiaan yang sebenar2nya. Bila butuh angka togel ghaib yg sudah kami buktikan hubungi MBAH WITJAKSONO DI 0852_2223_1459. ingat kesempat tidak akan datang untuk yang kedua kalinga KLIK=> http://togelsingapu.blogspot.com
°l||l°
Unknown mengatakan pada
 
°l||l°

Send Your Comment Here

Pernak Pernik Blogger | Copyright 2010 | Template Design © By IMS | Powered By Blogger