Kamis, 02 Juni 2011

Menu Klip Teks

Menu Klip Teks yaitu menu link yang dapat berganti dengan sendirinya, atau anda dapat mengganti link menu nya secara manual dengan meng-klik tombol di sebalah kiri dan kanan menu tersebut...

Dengan tampilan link seperti ini maka blog anda terlihat lebih hidup,wah poko nya cakep deh!!!!!
Karena link bergerak secara otomatis dan berurut...juga lebih simpel daripada si pengunjung lihat entri yg banayk dan membutuhkan tempat huuh capedeh!!!!

Menu ini sangat unik karena teks link dapat berubah dengan sendiri nya...
Penasaran seperti apa tampilan menu nya...Oke langsung saja Copy script kodenya....
Copy Paste Script Kode nya Di Bawah ini :

<style>
<!--
.scrollerstyle{
font-family:webdings;background:#9DACBF;border:1px solid #000000;cursor:hand;
}
-->
</style>

<script language="javascript">
var msgs = new Array(
"belajarservicetvdankomputer.blogspot.com",
"cara-membuat-judul-alamat-blog-anda",
"dampak-buruk-tayangan-tv-video-buat ",
"cara-serpis-tv-sharp-ii ",
"tips-mempercepata-koneksi-internet-pada.html");

var msg_url = new Array(
"hhttp://belajarservicetvdankomputer.blogspot.com/",
"http://imeldaentertainment.blogspot.com/2011/06/cara-membuat-judul-alamat-blog-anda.html",
"http://imeldaentertainment.blogspot.com/2011/06/dampak-buruk-tayangan-tv-video-buat.html",
"http://imeldaentertainment.blogspot.com/2011/06/cara-serpis-tv-sharp-ii.html",
"http://imeldaentertainment.blogspot.com/2011/05/tips-mempercepata-koneksi-internet-pada.html" ); // No comma after last ticker url

var barwidth='80%' //ukuran panjangnya dapat anda ganti dengan px atau %
var setdelay=3000
var mouseover_color='#ECE9D8' //highlight Warna
var mouseout_color='#9DACBF'
/////////////////////////////////////////////////////////////////////

var count=0;
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||ns6){
document.write('<form name="news_bar"><input type="button" value="&laquo;" onclick="moveit(0)" class="scrollerstyle" style="width:20px; height:20px; border-right-width:0px;" name="prev" title="Sebelumnya"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#000099&raquo;;background:#9DACBF; width:'+barwidth+'; height:22px; border-width:1; border-color:#FF0000; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color"><input type="button" value="&raquo;" onclick="moveit(1)" class="scrollerstyle" style="width:22px; height:22px; border-left-width:0px;" name="next" title="Selanjutnya"></form>');
}
else{
document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">')
if (navigator.userAgent.indexOf("Opera")!=-1)
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')
else
document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')
document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')
}

function init_news_bar(){
document.news_bar.news_bar_but.value=msgs[count];
}
//moveit function by Dynamicdrive.com
function moveit(how){
if (how==1){ //cycle foward
if (count<msgs.length-1)
count++
else
count=0
}
else{ //cycle backward
if (count==0)
count=msgs.length-1
else
count--
}
document.news_bar.news_bar_but.value=msgs[count];
}

setInterval("moveit(1)",setdelay)

function goURL(){
location.href=msg_url[count];
}

init_news_bar();

</script>


untuk mencoba" silahkan saja seperti biasa copy paste pada note... lalu klik save as coba.html klo sudah seperti yang kita inginkan baru kita pasang di blog kita!!!
ya seperti biasa masuk kerancangan +gadget lalu pilh java/html lalau copast klik simpan" jadi deh" selamat mencoba"
 *note: teks yang berwarna merah pada script silahkan ganti dengan link anda" jangan lupa coment jnya..

Tidak ada komentar:

Posting Komentar

Nekt....