Featured Post (TOP)

26 Juli 2009

Membuat Teks Berjalan Di Navbar Atas Part 2



pada kesempatan kali ini aku akan membahas tentang Membuat Teks Berjalan Di Navbar Atas. yah....! itukan udah dibahas sebelumnya...? eitssss, tapi tungu dulu kali ini yang Part 2 nya. kalau kalian masih penasaran, aku akan jelaskan:

Kalau kalian mengunjungi blogku pasti pada Navbar atas akan ada tulisan "WELLCOME TO RASSIV's BLOG", nah seperti itulah Teks Berjalan Di Navbar Atas Part 2 yang akan ku bahas. Menurutku trik ini agak sedikit unik karna Teks akan berjalan huruf demi huruf... gimana tertarik ? ok ikuti langkah berikut ini :

1. Log in ke Blogger -> Tata Letak -> Elemen Halaman -> Tambah Gadget
2. Copykan Kode di bawah ini pada kotak yang tersedia :


<script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(4);
tb8_messages[0] = "WELLCOME TO RASSIV's BLOG";
tb8_messages[1] = "PLEASE SEND YOUR COMMENT";
tb8_messages[2] = "THANK YOU FOR VISITED";
tb8_messages[3] = "GOOD LUCK";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>


lalu simpan deh.... dan lihat hasilnya !


Catatan :

* Ganti teks berwarna biru dengan kata-kata yang kamu suka
* Teks berwarna merah adalah kecepatan berjalannya teks ( ganti sesukamu )
*
Teks berwarna Ungu adalah Delay berjalanya teks ( ganti sesukamu)

25 Juli 2009

Menghilangkan Jumlah Angka Pada Label/Kategori



Hoam....!
Rasanya malas untuk membuat posting....
tapi untuk kalian aku rela kok....(hehehehe) pada kesempatan kali ini aku akan membahas soal Menghilangkan Jumlah Angka Pada Label/Kategori... bila kamu yang memasang label/kategori di blog kamu pasti tampilannya akan seperti ini(contoh)

Edit Html
(10)
Variasi Blog (7)


Nah, apabila kamu kurang suka dengan tampilan angka jumlah label sepert itu, maka kamu bisa menghilangkannya dengan melakukan trik yang satu ini.
Bila kamu menggunakan trik yang satu ini, maka tampilannya akan berubah menjadi seperti ini :


Edit Html

Variasi Blog


Jadi (10) dan (7) akan hilang... Bagi kamu yang tertarik ikuti langkah di bawah ini :

1. Login ke Blogger, lalu ke menu Edit Html....
2. Centang "Expand Template Widget"
3. Cari kode ini : (<data:label.count/>)
4. Kalau sudah ketemu Hapus kode tersebut...
5. Simpan, dan selesai deh...

Gimana, Gampang Bukan...? makanya ayo di coba !

23 Juli 2009

Cara Memasang Strip Ad Di Blogger

Hallo....
Akhirnya aku dpet inspirasi juga buat bikin posting.....
Pada Posting ini aku akan membahas soal Cara Memasang Strip Ad, apa sih Strip Ad itu ....
Strip Ad itu yang seperti navbar, tapi bila kamu menggerakan scroll bar Strip Ad ini akan mengikuti kemana gerak scroll bar tersebut.... Kalian juga bisa liat Di Blogku....biar gak penasaran nih aku kasih gambarnya dari Mas Bahauddin


Gimana Sudah Tau Kan Sekarang ...? Strip Ad juga Cocok Untuk Mengiklankan sesuatu.... dan mungkin bila orang tertarik akan mengkliknya . Ok deh langsung aja keta ke Caranya :

1. Login Ke Blogger.... lalu ke Menu Edit Html
2. Copykan Script berikut ini, di atas ]]></b:skin>


/*-- (mta bar) --*/
#mta_bar{background:#58ACFA; border-bottom:2px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:4px;
z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);}

* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}

#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#FF0080; width:65%}

#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#FF0080; width:20%}

#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}

#mta_bar .right a{font-size:10px; color:#FF0080; text-decoration:underline}

#mta_bar .right a:hover{font-size:10px; color:#FF0080; text-decoration:none}

#left_bar a{background:url('http://www.rexrainey.com/wp-content/themes/rexrainey_v3/images/r_icon.gif') no-repeat; text-decoration:none; color:#FF0080; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}

#left_bar a:hover{text-decoration:underline; color:#FF0080}

#left_bar2 a{background: url(http://tbn1.google.com/images?q=tbn:SIPxi6jgt3SnnM:http://www.freelancerlisting.net/images/icon_exit.gif) no-repeat 2px; text-decoration:none; color:#FF0080; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}

#left_bar2 a:hover{text-decoration:underline; color:#FF0080}

#to_top{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixikdmTPcZ0lp7iT413VqED_xKrtlRKWgLCDsr1mY1LLQjNbUlRXPomSemD2QDKw2RJ8cm6S2zXJ9Ww3eZ-ucrsSj7CX5GfvxDSsSiIwYYAPr9Ki0IsjvEmugVBhbUiA8jibGSpd596aUy/s400/delete.png) no-repeat scroll 0%; position:absolute; /*this replaces float - fixes thanks to Larry ofhttp://blog.lroot.com*/height:18px; width:19px; margin:0 0 0 900px; /*this was updated*/padding:9px 5px}

#to_top a{padding:8px}



Catatan :
*Kode warna merah adalah kode warna. Silahkan sesuaikan dengan keinginan anda.
*Kode warna hijau berfungsi untuk membuat warna kelihatan transparant. Anda bisa menghapusnya atau membiarkannya.
*Sedangkan yang berwarna ungu adalah alamt url gambar. Silahkan sesuaikan dengan kebutuhan anda.


3. Masukan kode pemanggilan JS dibawah ini, letakan diatas kode </head>


<script src='http://bahauddin.fileave.com/kumpulanJavaScript/Flot%20atas-Stript-ad.js' type='text/javascript'/>

atau menggunakan alamat file JavaScript yang telah kamu upload.

<script src='http://www.alamatserveranda.com/Stripe-Ad.js' type='text/javascript'/>


4. Letakan kode dibawah ini dibawah kode <body>, Silahkan sesuaikan setingan dibawah dengan link dan deskripsi kamu sendiri.


<div id='mta_bar'>
<div id='left_bar2'>
<span class='left'>
<a href='http://www.blogger.com/logout.g' target='_blank'>Log Out</a></span></div>
<div id='left_bar'>
<span class='center'><a href='http://rassivwebz.ourtoolbar.com/exe' target='_blank;'>Sudah Dowload Rassiv Web'z ToolBar ? Download Disini!, join sekarang!</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixikdmTPcZ0lp7iT413VqED_xKrtlRKWgLCDsr1mY1LLQjNbUlRXPomSemD2QDKw2RJ8cm6S2zXJ9Ww3eZ-ucrsSj7CX5GfvxDSsSiIwYYAPr9Ki0IsjvEmugVBhbUiA8jibGSpd596aUy/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>

Selesai deh... ! eitzz..... tunggu dulu, SIMPAN dulu dong... masa langsung cabut aja
hahaha

Thx ya buat Mas Bahauddin atas inspirasinya....!

 

Subscribe to our Newsletter

Contact our Support

Email us: Support@templateism.com

Our Team Memebers