Cara Membuat Fungsi Scroll Pada Arsip Blog/Blog Archive Gadget

Pada kesempatan terdahulu, sudah saya berbagi bagaimana cara membuat reply di komentar di blogspot. Sekarang giliran tips selanjutnya, membuat fungsi scroll di archive blog.

Apa tujuannya? Tujuannya agar, arsip blog yang kita buat dalam bentuk Hirarkie, dan pengaturan postingannya per posting, pasti akan memuat judul postingan yang banyak, jika kita memang me-mosting banyak. Akibatnya, tampilan blog kita menjadi proporsional. Karena judulnya yg makin kebawah. Jika ini menggangu, jalan yang terbaik adalah dengan memasang fungsi scroll di gadget tersebut.

Bagaimana caranya? Mudah, tinggal ikuti langkah-langkah dibawah ini saja :

1. Masuk ke Dashboard Blogger

2. Klik Desain, Klik Edit HTML, Jangan Lupa Centang Expand Widget

3. Jika sobat menamai Blog Archive dengan nama "Arsip Blog Ini" (misalnya), maka Tekan CRTL + F, Lalu cari kata "Arsip Blog Ini"

4. Jika sudah ketemu kode CSS nya seperti ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' type='BlogArchive'>

5. Nah, tinggal sobat Sisipkan Kode

<div style='overflow:auto; width:ancho; height:250px;'>

Dan :

</div>

6. Sehingga bentuk Kode Fungsi Scroll Pada Archive Blog sobat menjadi seperti ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' type='BlogArchive'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:250px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

<b:if cond='data:style == &quot;HIERARCHY&quot;'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == &quot;FLAT&quot;'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div></div>

<b:include name='quickedit'/>

Catatan : Warna Biru adalah Kode yang disisipkan tadi. Angka : height:250px;'> adalah tinggi dari Scroll Blog Archive Sobat.

Demikian Trik Membuat Fungsi Scroll ini, semoga membantu dan bermanfaat. Terima kasih.

Membuat Kotak Pencari/search engine di My Blog

 

Mesin pencari atau “Search” berfungsi untuk mencari dokumen yang ada dib log. Sayangnya sebagian template ada yang tidak menyertakan fitur ini sehingga kita harus membuatnya secara manual. Untuk cara membuatnya, ikuti langkah dibawah ini.

- Buka halaman Dashboard blog anda
- Klik Layout

- Klik Page Elements

- Klik link Add a Gadget, pilih HTML/JavaScript

- Masukkan kode dibawah ini di kotak Configure HTML/JavaScript

<form id="searchform" action="http://namablogAnda.blogspot.com/search" name="searchform" method="get"><br /><input id="s" value="" name="q" type="text"/> <input id="searchsubmit" value="Search" type="submit"/> </form>

- Klik SAVE

- Geser ke tempat yang anda inginkan, klik SAVE lagi

- Lihat hasilnya.

Sumber : http://www.ariswan.co.cc/

Cara Membuat Tombol Home, BackToTop, BackToDown, Reload

 

Dah lama yah saya gak posting tutorial blog kali ini saya akan memposting tentang cara Cara Membuat Tombol Home, BackToTop, BackToDown, Reload ,Tahukah sahabat bahwasanya ada Icon untuk mempermudah dalam navigasi, Saya akan menjelaskan cara membuat tombol Home, Back to top, Back to down, Refresh..

inilah penjelasannya,

1. Tombol Home gunanya untuk Kembali ke HomePage.
2. Tombol Back To Top gunanya untuk kembali ke atas.
3. Tombol Back To Down gunanya untuk kembali ke bawah.
4. Tombol Refresh gunanya untuk membuk ulang halaman.
Caranya mudah saya jelaskan tahapannya :

1. Kita menuju Tatak letak/masih bisa di Edit HTML juga(centang tanda Expand...), atau pula sekarang di sebut Rancangan >> edit HTML.
2. Kalau sudah, cari kodeBerikut:

]]></b:skin>

3. Kalau sudah ketemu, copy code berikut dan paste di atas code tadi

#mangetsu {<br />position:fixed;_position:absolute;bottom:0px; right:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }<br />#mangetsu a<br />{<br />filter:alpha(opacity=65);<br />-moz-opacity:0.65;<br />opacity:0.65;<br />border:0;<br />}<br />#mangetsu img<br />{<br />border:0;<br />}<br />#mangetsu a:hover<br />{<br />filter:alpha(opacity=100);<br />-moz-opacity:1;<br />opacity:1;<br />}

Kalau sudah, copy code berikut :

<div id='mangetsu'><br /><table border='0'><br /><tr><br /><td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMaBXs_3XKEZ8ASUQtxWCWb8rM3sUwxdQRVbjI0GhLTBpu0H9F9I2QE5Lrq8lHmo9zxeJQKfA2b-fn8vp9QcxfFIbhwTYbsWCnBMOjfz1k1rVbfm2W2aSTePBt0Xikh9sKf5y9APkJZU/s320/home-icon2.png'/></a></td><br /><td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFmtxzXfGgBLSYe89K3RN_jlWKLAqTeeFEsfkxq4u1FXUWsyh9KoqEFSdfKP3_sp6T4uaanmLI10y82NhUBlwZScAd07EX9v2gygRMt_7_R3mu3q1VB-P5UcIbUtgTCU5QzzuRZDqFX9M/s320/pre-icon1.png'/></a></td><br /><td><a href='#bottom' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPOk7_EfIgYYO9VdllSARzhMGQ8BwskO64JWsXi_cLKGHF7WFjhV7fxjWpUdASCIz14XnAPXQHlvcF8z6S9km0wFHpvXDr1Rp0eAMJM6_XLNbZXhKwGCk7qAcr6moHd9KyKPifNb63v2Q/s320/next-icon2.png'/></a></td><br /><td><a href='#' onClick='window.location.reload()' title='Reload page'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJfErPPKCGFvD5atrPPvNzcUrrAUnp8t0nHRhOCLIBAl2A4h4415EtAO75EVEJWXqpVsKMgmDHnB3LIoH4jmDWync7GHGkd35EdcRd1xSD84DiaX4kEzhsvJxaRsrbiy4-Wa8YIfcXv2g/s320/refresh-icon1.png'/></a></td><br /></tr><br /></table><br /></div>

Kalau sudah di copy, paste code di atas tepat dibawah code :

<body>

• Lalu Simpan, dan lihat hasilnya.

Jika sahabat ragu-ragu untuk menambahkan widget ini sahabat dapat mengklik tombol Pratinjau untuk mengecek apakah editan saya berhasail atau tidak.

Mudah-mudahan tips ini bermanfaat,wassalam

Sumber : http://magazineforum.blogspot.com/

Membuat Link Tanpa Harus Di Klik Langsung Terbuka

Tutorial Blog Kali ini Link nya ajaib bLum smpat di klik dah trbuka..wah bagus nih untuk iklan adsense blum di klik dah terbuka.
Sesuai dengan judul di atas, kali ini kita akan membuat link yang langsung terbuka tanpa harus di klik, caranya kita tinggal mengarahkan cursor mouse ke tulisan link tersebut..
Bagi anda yang baru memulai karir didunia blogger atau senang dengan yang unik-unik untuk blog anda, maka jangan tinggalkan cara yang satu ini,,

Tapi saran saya jangan terlalu banyak memasang link seperti ini, soalnya cara seperti ini sangat merepotkan pengunjung blog kita.. karena jika cursor mouse kita sekali melintas saja di link tersebut maka akan langsung Berpindah ke alamat link tersebut,
Sudah paham dengan penjelasan diatas…
Jika belum arah kan saja cursor mouse anda ke Link di bawah ini…!!!

Ghulam Blogerz
Dibawah ini adalah Script kode di atas

<a href="http://ridhocommunity.blogspot.com/" onMouseover="window.location=this.href">Ghulam Blogerz</a>

Jika Anda Ingin membuatnya cara nya Sangat mudah koq… Tinggal Copy Paste aja script kode dibawah ini..?

<a href="Masukan_Alamat_Link_Anda_disini" onMouseover="window.location=this.href">Masukan_Judul_link_Anda_disini</a>

Ganti alamat URL link Dan Judul dengan versi anda sendiri,,
Selamat Mencoba!!! Semoga Berhasil…

Cara Menghilangkan Link Berlangganan Entri Atom di Blog

Haii sobat ada postingan baru nich .hehehe di malam yang sunyi ini saya mau menjelaskan bagaimana Cara Menghilangkan Link Berlangganan Entri Atom di Blog.Kamu tentunya pernah melihat tulisan seperti ini kan Langgan: Poskan Komentar (Atom)  ?yupzz tulisan ini biasanya ada di bawah postingan blog kita. bagi sebagian orang tulisan ini mungkin membuat risih,atau ga enak aja buat dipandang .hehehehe bagaimana cara menghilangkanya ? yuupzz..Cara Menghilangkan Link Berlangganan Entri Atom
di Blog ini Cukup mudah.Caranya tinggal ikuti aja langkah-langkah Menghilangkan Link Berlangganan Entri Atom Berikut Ini.

1.Login Ke blogger Dengan ID kamu.

2.Klik Tata Letak Kemudian Klik Edit HTML.

3.Selanjutnya Cari Kode :

]]></b:skin>

4.Kalo Udah ketemu copy dan paste kode berikut diatasnya.

.feed-links{
display:none;
}

5.Kalo Udah selesai jangan lupa klik Simpan Template.

6.Tinggal kamu lihat hasilnya dech .pasti itu link udah ilang.hehehe

Buat Judul Blog Keren

Temen2 ingin pada tahu cara membuat judul address tambah keren ,caranya gampang banget kok..kalau kita emng mo caba..langsung aja ya kita praktekkan dan langkah2nya seperti dibawah ini :

1. login dulu ke Blogger

2. pilih Rancangan

3. Tambah Gadget

4.Pilih Html/javascript

5. copy script di bawah :

<script type="text/javascript">

//<![CDATA[

var message = new Array() // leave this as is

message[0] = "Welcome to my Blogger !";

message[1] = "Cahaya Blogerz Community";

message[2] = "ridhocommunity.blogspot.com";

message[3] = "is the hacker !!";

message[4] = "tutorial blog.";

message[5] = "LeaVe mE a cOoL cOmment !!";

var reps = 2

var speed = 100

var p=message.length;

var T="";

var C=0;

var mC=0;

var s=0;

var sT=null;

if(reps<1)reps=1;

function doTheThing(){

T=message[mC];

A();}

function A(){

s++

if(s>9){s=1}

if(s==1){document.title='[C====] '+T+' [====C]'}

if(s==2){document.title='[=A===] '+T+' [===A=]'}

if(s==3){document.title='[==H==] '+T+' [==H==]'}

if(s==4){document.title='[====>] '+T+' [<====]'}

if(s==5){document.title='[===A=] '+T+' [=A===]'}

if(s==6){document.title='[==Y==] '+T+' [==Y==]'}

if(s==7){document.title='[=A===] '+T+' [===A=]'}

if(C<(8*reps)){

sT=setTimeout("A()",speed);

C++

}else{

C=0;

s=0;

mC++

if(mC>p-1)mC=0;

sT=null;

doTheThing();}}

doTheThing();

//]]>

</script>

6. pastekan di kolom Html/javascript

selamat mencoba dan selamat bereksperimen !!!
Sumber : Ghulam Blogerz

Script Unik untuk Menyambut Pengunjung di blog 2

Salam .Blogger Indonesia.
Kmaren Saya pernah pernah posting tentangSciript Unik Untuk Menyambut Pengunjung Kali ini saya akan menjelaskan tentang cara  untuk membuat browser bergerak berputar,,

Maksud dari judul Di atas adalah perubahan pada browser yang bergerak mengecil lalu membesar kembali,,

jadi tampilan browser seperti berputar, lalu akan kembali ke awal seperti semula lagi





Sebagai contoh lihatlah perubahan pada saat anda memasuki alamat blog ini,, dan lihat lah apa yang terjadi
Sudah jelas Terlihat perubahan yang terjadi pada browser anda,, dengan script browser bergerak ini maka tampilan saat membuka blog anda akan semakin unik dan menarik...
Tertarik untuk membuatnya langsung saja ikuti langkah - langkah di bawah ini :

Copy Paste Script Kode Di Bawah Ini :

<script>
window.scrollBy(0, 1)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",30);
setTimeout("move()", 1);
var mxm=50
var mym=25
var mx=0
var my=0
var sv=50
var status=1
var szx=0
var szy=0
var c=255
var n=0
var sm=30
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.05
mym=mym/1.05
mx=mx+mxm
my=my-mym
mxm=mxm+(400-mx)/100
mym=mym-(300-my)/100
window.moveTo(mx,my)
rmxm=Math.round(mxm/10)
rmym=Math.round(mym/10)
if (rmxm == 0)
{
if (rmym == 0)
{
status=2
}
}
}
if (status == 2)
{
sv=sv/1.1
scrratio=1+1/3
mx=mx-sv*scrratio/2
my=my-sv/2
szx=szx+sv*scrratio
szy=szy+sv
window.moveTo(mx,my)
window.resizeTo(szx,szy)
if (sv < 0.1)
{
status=3
}
}
if (status == 3)
{
document.fgColor=0xffffFF
c=c-16
if (c<0)
{status=8}
}
if (status == 4)
{
c=c+16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 239)
{status=5}
}
if (status == 5)
{
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
document.title = "Cljck"
alert("Cljck")
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout("move()",0.3)
}
</script>

Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan..
Sumber : Ghulam Blogerz

Teks Roller

wah-wah jumpa lagi kita di postingan saya kali ini ,saya akan membearitahu sobat2 yang belum tahu tentang teks roller itu seperti teks yang menonjol dan mengecil baik lah nie scriptnya gw kasih :::

<script>

/*

Teks Roller Script-

By ridhocommunity.blogspot.com

*/

var fs=1

var direction="right"

function rollertext(whichone){

var thetext=whichone

for (i=0;i<thetext.length;i++){

document.write(thetext.charAt(i).fontsize(fs))

if (fs<7&&direction=="right")

fs++

else if (fs==7){

direction="left"

fs--

}

else if (fs==1){

direction="right"

fs++

}

else if (fs>1&&direction=="left")

fs--

}

}

//MAsukan teks anda dalam tanda kurung dibawah

rollertext("Selamat Datang... Dan Terima Kasih Atas Kunjungannya !")

</script>

nanti hasilnya akan seperi ini :

Selamat Datang... Dan Terima Kasih Atas Kunjungannya !
Baik lah selamat Mencoba!

Sumber

Cara Membuat Tittle Bar Effect

Sedikit berbeda dengan effect title bar sebelumnya,Tittle Bar Effect sedikit lebih atraktif karena setiap huruf akan dimunculkan seperti bentuk tembakan pistol. Kecepatan tembak akan semakin cepat saat sisa huruf dalam magazine semakin berkurang.
Karena jarak tembakan sangat berpengaruh terhadap panjang teks, maka apabila anda ingin menampilkan teks cukup panjang pada title bar, nilai yang tertera pada KODE BGS1_GRdistance = 45; harus anda perbesar sesuai panjang teksnya.

Cara Membuat Tittle Bar Effect :



1. Lakukan pengamanan template terlebih dahulu dengan cara :

Login ke Blogger --> KLIK Tata letak --> KLIK Edit HTML -->

KLIK Download Template Lengkap --> Simpan di Folder PC

2. Tetaplah di Edit HTML.

Cari Kode

<head>

Atau

</head>

- Letakkan KODE berikut di bawah KODE <head> atau di atas KODE </head>
 atau sobat bisa meletakkannya di html/javascript
Efek 1 :

<script type="text/javascript">
/* gubhugreyot - bloggerstars1 */
var message = new Array();
// Tulis teks di sini
message[0] = "ridhocommunity.bogspot.com";
message[1] = "Title Bar Effect 1";
message[2] = "Tutorial Blogger";
message[3] = "Selamat Datang";
message[4] = "Selamat Menikmati Sajian Kami";
message[5] = "Terima Kasih";
message[6] = "GGGGGGGG";
// Atur pengulangan teks dan kecepatan di sini
var reps = 2;
var speed = 250; // Set the overall speed (larger number = slower action).
// jangan rubah KODE di bawah
var p = message.length;
var T = "";
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) reps = 1;
function doTheThing() {
T = message[mC];
A();
}
function A() {
s++;
if (s > 8) { s = 1;}
// you can fiddle with the patterns here...
if (s == 1) { document.title = '|============GR| '+T+' == |GR|'; }
if (s == 2) { document.title = '|========= GR| '+T+' == |GR|'; }
if (s == 3) { document.title = '|======= GR| '+T+' == |GR|'; }
if (s == 4) { document.title = '|===== GR| '+T+' == |GR|'; }
if (s == 5) { document.title = '|=== GR| '+T+' == |GR|'; }
if (s == 6) { document.title = '|= GR| '+T+' == |GR|'; }
if (s == 7) { document.title = '|GR| '+T+' == |GR|'; }
if (s == 8) { document.title = '|GR| '+T+' == |GR|'; }
if (C < (8 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 0;
sT = null;
doTheThing();
}
}
doTheThing();
</script>

Efek 2:

<script type="text/javascript">
//bloggerstars1 - gubhugreyot //
function BGS_GRmakeArray(n){
this.length = n;
return this.length;
}
BGS_GRmessages = new BGS_GRmakeArray(1);
BGS_GRmessages[0] = "Ghulam Blogerz == Selamat Datang == Selamat Menikmati Sajian Kami === ridhocommunity.blogspot.com";
BGS_GRbln = 50;
BGS_GRrptType = 'infinite';
BGS_GRrptNbr = 5;
BGS_GRspeed = 100;
var BGS_GRcurrMsg=0;
var BGS_GRkraj=BGS_GRmessages[BGS_GRcurrMsg].length;
var BGS_GRsts="";
var BGS_GRtimer = null;
var BGS_GRstsmsg="";
for (var i=0;i<BGS_GRbln;i++)
BGS_GRstsmsg="_"+BGS_GRstsmsg;
BGS_GRstsmsg += BGS_GRmessages[BGS_GRcurrMsg];
var BGS_GRpocetak = BGS_GRstsmsg.length-1;
var BGS_GRocapareno = 0;
var BGS_GRcounter=1;
function BGS_GRscrolltitle(){
if (BGS_GRpocetak >= 0){
BGS_GRsts = BGS_GRstsmsg.substring(BGS_GRpocetak,BGS_GRstsmsg.length);
BGS_GRpocetak--;
}
else{
if (BGS_GRocapareno == BGS_GRmessages[BGS_GRcurrMsg].length){
if (BGS_GRcurrMsg == BGS_GRmessages.length-1){
if ((BGS_GRrptType == 'finite') && (BGS_GRcounter==BGS_GRrptNbr)){
clearTimeout(BGS_GRtimer);
return;
}
BGS_GRcurrMsg=0;
BGS_GRcounter++;
}
else{
BGS_GRcurrMsg++;
}
BGS_GRstsmsg="";
for (var i=0;i<BGS_GRbln;i++)
BGS_GRstsmsg="_"+BGS_GRstsmsg;
BGS_GRstsmsg += BGS_GRmessages[BGS_GRcurrMsg];
BGS_GRpocetak = BGS_GRstsmsg.length-1;
BGS_GRocapareno = 0;
}
else{
BGS_GRstsmsg=BGS_GRsts;
BGS_GRsts = " "+BGS_GRstsmsg.substring(0,BGS_GRstsmsg.length-1);
BGS_GRocapareno++;
}
}
document.title = BGS_GRsts;
BGS_GRtimer = setTimeout("BGS_GRscrolltitle()", BGS_GRspeed);
}
BGS_GRscrolltitle();
</script>

Efek 3:

<script type="text/javascript">
/* bloggerstars1 - Gubhugreyot */
var txt=" Bhinneka Tunggal Ika === Mekipun Berbeda-beda Tetapi Tetap Satu Jua === ";
//Speed bisa diatur --> semakin kecil nilai var speed, maka kecepatan semakin tinggi
var speed=200;
var BGS_GR=null;
function move() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("move()",speed);}move();
</script>

Efek 4:

<script type="text/javascript">
/* bloggerstars1 - gubhugreyot - Title Bar Effect-4-shooter*/
function BGS1_GRmakeArray(n){
this.length = n;
return this.length;
}
//rubah teks pada BGS1_GRmessages [0] s/d [3]
//untuk menambah jumlah teks, tambahkan kode baru seperti di atas [4], dst
BGS1_GRmessages = new BGS1_GRmakeArray(3);
BGS1_GRmessages[0] = "ridhocommunity.blogspot.com";
BGS1_GRmessages[1] = "Tutorial Blogger";
BGS1_GRmessages[2] = "Cheat Ninja saga;
BGS1_GRrptType = 'infinite';
BGS1_GRrptNbr = 5;
//semakin besar nilai speed, tembakan semakin lambat
BGS1_GRspeed = 1;
//perbesar distance bila teks lebih panjang
BGS1_GRdistance = 45;
//delay tiap teks. Semakin besar semakin lama
BGS1_GRdelay = 500;
var BGS1_GRletter = 0;
var BGS1_GRcounter=1;
var BGS1_GRcurrMsg = 0;
var BGS1_GRorgSpaces = BGS1_GRdistance;
var BGS1_GRnbrSpaces = BGS1_GRorgSpaces;
var BGS1_GRshootTimer = null;
function BGS1_GRshoottitle(){
var sp=BGS1_GRspeed;
var tmp=BGS1_GRmessages[BGS1_GRcurrMsg].substring(0,BGS1_GRletter);
for (var i=0; i<BGS1_GRnbrSpaces; i++)
tmp += "-";
tmp+=BGS1_GRmessages[BGS1_GRcurrMsg].charAt(BGS1_GRletter);
for (var i=0; i < BGS1_GRorgSpaces-BGS1_GRnbrSpaces; i++)
tmp+="-";
tmp += ">=GR";
document.title=tmp;
BGS1_GRnbrSpaces--;
if (BGS1_GRnbrSpaces == 0){
BGS1_GRletter++;
BGS1_GRorgSpaces -= 1;
BGS1_GRnbrSpaces=BGS1_GRorgSpaces;
if (BGS1_GRletter > BGS1_GRmessages[BGS1_GRcurrMsg].length){
if (BGS1_GRcurrMsg == BGS1_GRmessages.length-1){
if ((BGS1_GRrptType == 'finite') && (BGS1_GRcounter==BGS1_GRrptNbr)){
clearTimeout(BGS1_GRshootTimer);
return;
}
BGS1_GRcounter++;
BGS1_GRcurrMsg=0;
}
else{
BGS1_GRcurrMsg++;
}
BGS1_GRletter=0;
BGS1_GRnbrSpaces = BGS1_GRorgSpaces = BGS1_GRdistance;
sp=BGS1_GRdelay;
}
}
BGS1_GRshootTimer = setTimeout("BGS1_GRshoottitle()",sp);
}
BGS1_GRshoottitle();
</script>

3. KLIK Simpan/ Simpan Template

4. Buka blog untuk melihat hasilnya.

Catatan :

1. Gunakan Ctrl + F untuk memudahkan saat mencari KODE <head> atau </head>

2. Title bar adalah bar teratas dari blog.

3. KODE dengan warna oranye silahkan untuk dirubah sesuai dengan kebutuhan blog....

Membuat Gambar Bergerak Di Pojok Halaman Blog

kali ini saya akan berbagi tips membuat gambar dipojok halaman tujuan saya memposting ini dari permintaan teman saya ,jadi saya akan posting tentang cara Membuat Gambar Bergerak Di Pojok Halaman. contohnya bisa dilihat di blog inidi pojok kiri kanan ada sanji dan zoro sedang bertarung.

Gambar ini bisa anda letakkan di salah satu pojok di halaman blog anda.
Anda bisa meletakkannya di kiri atas, kiri bawah, kanan atas ataupun kanan bawah
Bagaimana caranya..?
Silahkan ikuti langkah-langkah berikut ini.

1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini [ gifs ]
2. Setelah ketemu gambar yang anda inginkan, silahkan di copy alamat URL nya
3. Masuk ke Dasbor
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copy pastekan script berikut ini

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

9. Text yang berwarna merah adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template anda kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini

<div id="trik_pojok">
<a href="http://ridhocommunity.blogspot.com">
<img src="url link gambar anda" border="0" /></a>
</div>

13. Silahkan ganti http://ridhocommunity.blogspot.com dengan alamat blog anda
14. Ganti juga url link gambar anda dengan alamat URL gambar pilihan anda, yang telah anda copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja anda
17. Jika sudah sesuai dengan keinginan anda, klik Simpan Template
18. Selesai


mudah bukan??? selamat mencoba

Memasang Widget Follow Tersembunyi

Follow...follow...mungkin tak asing lagi kata-kata ini bagi sobat-sobat blogger, tapi trik yang satu ini mungkin masih jarang ditemukan...hohoho..mungkin yaa...

Baiklaah...kali ini akan saya share bagaimana cara membuat widget follower melayang dengan mode show/hide. Postingan ini merupakan permintaan dari beberepa sobat blogger (hehehe..sebenarnya saya sudah berniat memposting sebelumnya).

Trik ini merupakan pengembangan dari Script untuk membuat bUKU TAMU TERSEMBUNYI, hehe..,,yasudahlah yang penting Follownya bisa show/hide. Mau tau caranya?? mari ikuti langka langkah berikut :



1. Pastinya login Blogger terlebih dahulu
2. Masuk ke Perancangan>>Elemen Laman
3. Tambahkan Gadget Html/Java Script
4. Copas kode berikut :

<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:url(http://lh3.ggpht.com/_yF0--u7KSSI/TKIlkEJwkEI/AAAAAAAAAtg/uFf3eLsXlyg/fire2.gif)#000000 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">

Kode Widget Follow Disini


<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="http://ridhocommunity.blogspot.com/2010/12/memasang-widget-follow-showhide.html"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">By Ghulam</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

Eits..jangan disave dulu, mari lanjut ke langkah selanjutnya

6. untuk mengambil kode widget follownya silahkan masuk ke link ini [http://www.google.com/friendconnect]

7. Lihat Gambar dibawah

-[1] Pilih blog sobat yang akan dipasang widget follownya
-[2] Klik "Tambahkan gadget anggota"
-[3] Silahkan diatur ukuran, warna  dll nya..
-[4] Klik "Buat kode"
-[5] Silahkan Copy kodenya, dan ikuti langkah selanjutnya

8. Paste kode Widget Follow tadi pada kode nomor 4 (*Gantikan kode yang berwarna merah dengan kode Widget Follow yang sudah dicopy tadi)

9. Save..
hohoho...ternyata tidak cukup sampai disini, masih ada 1km perjalanan lagi

10. Untuk memasang tombol Navigasinya, silahkan masuk ke :
Perancangan>>Edit HTML.

11. Cari kode <body> dan paste code brikut tepat diatas kode <body>

<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:5px;left:5px;' title='Follow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBGdjeGnhI4J-xYENFlaX-Dvm35HhVBM1855xHsegI0rVfRxCXFz0rXjNl2rIwWLNGE-eoI4tXy-wxI4t3Pme_hDUPJAcqS0OJG22jOI2VGf7l47Yiq_hjM6HUVAbKq0tDFYQxvkJHNFjv/'/></a>

12. Simpan template
lihat hasilnya... "Semoga Berhasil"



sumber : http://exeloph.blogspot.com/2010/10/memasang-widget-follow-showhide.html

Membuat Link Read More Beserta Judul Postingnya

Terinspirasi oleh blognya kang rohman yang link read morenya seperti dibawah ini

>> Lanjut membaca “Alternatif Warna Kotak Komentar”

Nah pada link read more yang seperti diatas tersisip judul postingnya sesuai dengan postingan yang diberi read more.

yang kita bahas kali ini adalah cara membuat link Read More beserta Judul postingnya di Read More versi pertama

Oke kita langsung aja ke cara pembuatanya dehh

1. Log In ke Blogger Dan masuk ke menu Layout lalu masuk Edit HTML

2. Jangan Lupa centang kotak "Expand Widget Templates"

3. Kemudian Cari Link Raed More Anda misalnya Punya aku seperti ini

<p><data:post.body/>

<a expr:href='data:post.url'>...Baca Selengkapnya </a></p>

Kamu Lihat tulisan yang tercetak tebal diatas itu adalah Link Read More punya aku

4. Kamu tambahkan Code <data:post.title/> dan Kamu tempatkan di sebelah Link read More, Lihat Contoh Dibawah

<p><data:post.body/>

<a expr:href='data:post.url'>...Baca Selengkapnya dari.."<data:post.title/>" </a></p>

Nah diatas Adalah Contoh dari Link read More Punya ku.. kamu bisa merubah sesuai keinginan kamu

5. Save..

Sekian deh semoga bermanfaat bagi Anda...

sumber : anas

Menghilangkan Judul Blog Di Header

Judul blog berguna untuk memberi informasi tentang blog kita dan sangat penting dalam search engine.. tapi jika di blogger judul blog tampak di header dan jika kita membuat background header yang kita buat sedemikian unik, bagus dan keren menurut kita akan mengganggu pemandangan background header kita...



Nah pada pembicaraan kali ini Saya akan membuat suatu tuorial sederhana untuk menghilangkan judul blog di header namun tidak hilang judul blog kita sebenarnya hanya saja tidak tampak pada header. .. oke langsung saja

Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog Anda yang mirip seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}

mungkin kode di atas sedikit berbeda di template anda ...
nahh seperti halnya menghilangkan tanggal posting kita tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}

Jika Sudah Simpan pengaturanya....

sekian semoga bermanfaat.. jangan lupa isi komentar key ...

Tips Membuat gambar Berjatuhan (falling snow effect)

Tips Membuat gambar Berjatuhan ini memiliki kelebihan dimana kita dapat mengubah gambar untuk falling effect-nya sesuai yang kita inginkan. Kita juga dapat mengatur tingkat kecepatan dan banyaknya gambar yang jatuh (falling snow) sesuai yang kita mau
ika sobat blogger tertarik untuk membuat falling snow ini, kamu bisa mengikuti langkah-langkah berikut:



* Login ke akun blogger kamu.
* Dari halaman Dashboard, pilih Tata Letak lalu pilih Edit HTML.
* Kopikan script di bawah ini dan letakkan (paste) di bawah kode <head> (yang letaknya di awal-awal script template blog).

<script language='JavaScript'>
var no = 7;
var speed = 5;
var snowflake = "http://i634.photobucket.com/albums/uu66/oktri_2009/kampret.gif";
</script>
<script language='JavaScript' src='http://sites.google.com/site/ruangsc/enes/fallinsnow.js'/>

* Kamu bisa mengganti gambar yang jatuh (var snowflake) dengan gambar yang kamu inginkan. Kamu juga bisa mengatur banyaknya gambar (var no) dan tingkat kecepatan (var speed) sesuai keinginan kamu.
* Lakukan Pratinjau (Preview) sebelum menyimpan template kamu.
* Jika sudah OK. Save template kamu dan ucapkan Alhamdulillah...


Nah, mudah sekali kan? , selamat mencoba...

sumber : oktri

Cara Membuat Text Mengikuti cursor di blog

sobat ingin kursor kamu di kelilingi tulisan seperti di Blog saya neh saya kasi scriptnya

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #0000FF;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>
<script type='text/javascript'>
//<![CDATA[

;(function(){

// Pesanmu di sini, bahasa sundanya yaitu "Pesan anjeun di dieu.." hehehe... (QUOTED STRING)
var msg = "Cahaya Blogerz Community";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

// BERHENTI NGEDITNYA..! Parantos cicing di dieu! Ulah diteraskeun..! //

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

ganti tulisan merah dengan text yang anda inginkan dan warna biru dengan kode warna anda atau bisa dilihat di sini

dan selamat mencoba !!!

Cara Membuat Text Mengelilingi cursor di blog

Cara Membuat Text Mengelilingi cursor di blog

Mau membuat kursor kamu di ikuti oleh teks ? jika mau, caranya sangat mudah... anda hanya perlu mengikuti langkah di bawah ini



1. Log in ke blog anda > Layout (tata letak) >> Page Elements (laman elemen) >>> Add a Gadget (tambah gadget) >>>> HTML/JavaScript
2. Copy code di bawah ini dan paste di kotak konten

 <script>

//mouse

//Circling text trail- Tim Tilton

//Website: http://www.tempermedia.com/

//Visit http://www.dynamicdrive.com for this script and more

function cursor_text_circle(){

// your message here

var msg='Blogerz Community'.split('').reverse().join('');

var font='Verdana,Arial';

var size=3; // up to seven

var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!

// Set this to 1 for just plain rotation w/out drag

var speed=.3;

// This is the rotation speed, set it negative if you want

// it to spin clockwise

var rotation=-.2;

// Alter no variables past here!, unless you are good

//---------------------------------------------------

var ns=(document.layers);

var ie=(document.all);

var dom=document.getElementById;

msg=msg.split('');

var n=msg.length;

var a=size*13;

var currStep=0;

var ymouse=0;

var xmouse=0;

var props="<font face="+font+" color="+color+" size="+size+">";

if (ie)

window.pageYOffset=0

// writes the message

if (ns){

for (i=0; i < n; i++)

document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');

}

else if (ie||dom){

document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');

for (i=0; i < n; i++)

document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');

document.write('</div></div>');

}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){

ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position

xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position

}

if (ns||ie||dom)

(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

var y=new Array();

var x=new Array();

var Y=new Array();

var X=new Array();

for (i=0; i < n; i++){

y[i]=0;

x[i]=0;

Y[i]=0;

X[i]=0;

}

var iecompattest=function(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;

}

var makecircle=function(){ // rotation properties

if (ie) outer.style.top=iecompattest().scrollTop+'px';

currStep-=rotation;

for (i=0; i < n; i++){ // makes the circle

var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;

d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');

d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval

}

}

var drag=function(){ // makes the resistance

y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);

x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

for (var i=1; i < n; i++){

y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);

x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}

makecircle();

// not rotation speed, leave at zero

setTimeout(function(){drag();},10);

}

if (ns||ie||dom)

if ( typeof window.addEventListener != "undefined" )

window.addEventListener( "load", drag, false );

else if ( typeof window.attachEvent != "undefined" )

window.attachEvent( "onload", drag );

else {

if ( window.onload != null ) {

var oldOnload = window.onload;

window.onload = function ( e ) {

oldOnload( e );

drag();

};

}

else

window.onload = drag;

}

}

cursor_text_circle();

</script>

3. Pada bagian yang berwarna merah ganti dengan teks yang anda inginkan.
4. Pada Bagian yang berwarna biru ganti dengan warna yang anda inginkan (kode warna dlm bentuk hexagonal).

Selesai, selamat mencoba !!!

Script Unik untuk Menyambut Pengunjung di blog

kali ini saya akan memposting tentang cara Script Unik untuk Menyambut Pengunjung di blog
Yang bertujuan biar jendela pengunjung yang tadinya diperkecil, kemudian ketika mengunjugi blog tsb. Jendelanya otomatis melebar dengan sendirinya contohnya bisa dilihat saat sobat membuka postingan ini. Cuman yang ini lebih simple.
Scriptnya sebagai berikut:

<script type='text/javascript'>
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<100;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/100)
}
window.resizeTo(0,0)
for(b=0;b<100;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/100,0)
}
for(c=0;c<100;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/100)
}
for(d=0;d<100;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/100,0)
}
for(e=0;e<100;e++){
window.resizeTo(scrW*e/100,scrH*e/100)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>

Simpan script tersebut di atas code <head> ...!

 simple bukan , selamat mencoba!!!

Cara Membuat Widget SMS Gratis di Blog

Sahabat, tau gak dengan tool ini kamu bisa kirim-kirim sms secara gratis lewat blog kamu. dan juga tentunya keunggulan dari memasang widget ini ialah dapat mendulang traffik (SEO). mendulang traffik tambahan buat blog kamu. namun masih ada kekurang dari widget ini yaitu tidak bisa menerima sms balasan. sehingga bila ada yang membalas kita tidak bisa membacanya. namun walaupun seperti itu gedget ini sangat bermanfaat terutama baut kita yang suka sms-an.

• Silakan copy kode di bawah ini :

<iframe name="I2" src="http://sms-online.web.id/widget"
width="270" height="350"> not support
</iframe>
<a href='http://ridhocommunity.blogspot.com/2010/11/cara-membuat-widget-sms-gratis-di-blog.html' rel='nofollow'>mau widget ini klik di sini</a>

• Silakan login ke blogger
• Pilih tata letak
• Tambah widget baru
• Setelah itu kamiu pilih 
• Edit HTML/Javascript
• Paste kan kode yang sudah kamu copy tadi

Sekarang blog kamu sudah bisa melayani sms gratis buat para pengunjung. lumayan kan, buat nambah-nambah traffik. contoh layanan SMS Gratis nya dapat kamu lihat dibawah (footer) blog aku ini...

Ok sobat informasi maya cukup sekian dulu ya, semoga bermanfaat
assalamualaikum

Cara Membuat Tulisan berjalan dan ditarik kembali di addres bar blog

niee sebenar nya Cara Membuat Tulisan berjalan secara bergantian di addres bar blog versi yang ke 2 tapi ini sudah jauh bedanya

baik lah lanjut saja berikut tutorialnya :

1. login keblogger
2. klik rancangan
3. tambah gadget
4. klik HTML/JAVASCRIPT
5. masukkan kode script berikut ini

<script language='javascript'>

var rev = "fwd";
function titlebar(val)
{
var msg = " Selamat Datang di Cahaya Blogerz ";
var res = " ";
var speed = 100;
var pos = val;

msg = " "+msg+" ";
var le = msg.length;
if(rev == "fwd"){
if(pos < le){
pos = pos+1;
scroll = msg.substr(0,pos);
document.title = scroll;
timer = window.setTimeout("titlebar("+pos+")",speed);
}
else{
rev = "bwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}
}
else{
if(pos > 0){
pos = pos-1;
var ale = le-pos;
scrol = msg.substr(ale,le);
document.title = scrol;
timer = window.setTimeout("titlebar("+pos+")",speed);
}
else{
rev = "fwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}
}
}

titlebar(0);

</script

6. ganti tulisan yang bercetak tebal dengan pesan anda

selamat mencoba !!!

Cara membuat tulisan berjalan pada taskbar blog

Bagi Seorang Bloger tak lengkap rasanya bila tak memiliki tulisan berjalan pada taskbar blog, dan pada kali ini saya ingin berbagi dengan rekan blogger tentang cara membuat tulisan tersebut. mari kita memulai 

langkah 1 : log in ke blogger

langkah 2 : plih tata letak

langkah 3 : edit HTML

     Lalu masukkan code berikut

<script language='JavaScript'>

    var txt=&quot;.:: Cahaya Blogerz Community ::.&quot;;
    var kecepatan=180;var segarkan=null;function bergerak() { document.title=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0);
    segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
    </script>

Copy di bawah code <head>

ket: tulisan yang berwarna tebal anda ganti dengan teks anda sendiri

kemudian save,dan lihat hasilnya
mudah bkan.....????

Membuat Judul bergerak di addres bar blog

kali ini saya akan berbagai tips buat temen yang belum tahu bagaimana untuk membuat judu blog bergerak atau pun ber animasi katanya ci...

mungkn tips ini sudah tidak lagi asing bagi blogger profesional....!!

oya ni scrictnya di bawah ini :

<script language="JavaScript">
<!--
//
//Scrolling Status Bar
putmsg="==welcome==";
letchar2="+==o0o==+";
letchar1="+==o0o==+";ultimo1=letchar1.length-1;
ultimo2=letchar2.length-1;
ultimo2=letchar2.length-1;
tiempo=setTimeout("stat_scroll()",.1);
function stat_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
window.status="(" + letchar2 + putmsg + letchar1 + ")";
tiempo=setTimeout("stat_scroll()",.1);
return true;
}
// -->
</script>
<script language="JavaScript">
<!--
//
putmsg="[Ghulam Blogerz]";
letchar2="+==o0o==+";
letchar1="+==o0o==+";
ultimo2=letchar2.length-4;
ultimo2=letchar2.length-4;
tiempo=setTimeout("tit_scroll()",.1);
function tit_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
document.title="" + letchar2 + putmsg + letchar1 + "";
tiempo=setTimeout("tit_scroll()",.1);
return true;
}
// -->
</script>

ganti tulisan yang bercetak merah dengan judul blog anda...

untuk memasangnya semuanya lakukan sebagaiberikut :
* Masuk BLOGGER Anda
* Dashboard/dabor
* Layout/tata letak
* Tambah Gaget
* Pilih HTML/JAVASCRIPT.
* Paste script diatas lalu edit sesuai keinginan anda
* kemudian simpan
*
*Selamat Mencoba ya......* :)

*Dan Semoga Bermanfaat YA!!!* :d

Cara Membuat Tulisan berjalan secara bergantian di addres bar blog

Hy...friends,,kali ini saya akan berbagi tips cara membuat Tulisan bergerak pada blog,mungkin tips ini dah kuno,bagi anda yng sudah lama berkecimpung didunia blogger,,,

yang mungkin anda sudah bosen ingin mencoba sesuatu hal yang baru pa bagaimana begitu...

oke langsung saja Berikut ini langkah-langkahnya :

1. Masuk ke akun Blogger Anda.

2. Klik Tata Letak.

3. Klik Tambah Gadget.

4. Pilih HTML/JavaScript.

lalu copy kan script dibwah ini pada HTML/javascript

<script>
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new
tb8_makeArray(3);
tb8_messages[0] = "ISI KAN DENGAN PESAN SAUDARA";
tb8_messages[1] = "iSI KAN DENGAN PESAN SAUDARA";
tb8_messages[2] = "SI KAN DENGAN PESAN SAUDARA";
tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; 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><br />

catatan :
-. Ubah Nomor / Angka yang berwarna Biru dengan jumlah baris pesan yang akan di tampilkan.
-. Sesuaikan pesan yang bercetak merah dengan pesan yang akan ditampilkan.
-. Untuk menambah baris pesan copy tb8_messages[2] = "Isi pesan"; , tambahkan kode tersebut di bawahnya,  jangan lupa untuk mengurutkan nomor yang ada di dalam kurung.

9. Selanjutnya jangan lupa untuk mengklik tombol Simpan.

10. Selesai...


selamat mencoba !!!




sumber : oktri

Membuat Back To Top Dengan Smoothscroll jQuery

hehehe kemarin saya juga dah posting tentang cara pasang back top di blog dan sekarang saya posting cara Membuat Back To Top Dengan Smoothscroll jQuery .

Back To Top merupakan sebuah aplikasi tambahan (widget/plugin) untuk ditempatkan di dalam sebuah blog dan sepertinya saat ini memang sudah tidak asing lagi di telinga kita dan mungkin saja kita sendiri sudah sering menjumpai widget Back To Top ini.

yang ini akan sedikit berbeda back top yang ini ketika sobat klik maka dia akan perlahan-lahan naik ke atas dengan smooth (lembut dan santai).

Fungsi:

Memudahkan kita khususnya para pengunjung blog untuk kembali ke halaman atas, jadi kita tidak perlu men-scroll secara manual menggunakan mouse untuk kembali keatas, cukup dengan mengklik tulisan "Back To Top".
 
Buat teman-teman yang ingin membuatnya silahkan ikuti langkah-langkah di bawah ini:

1. copy script di bawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script>

     2. paste kan persis dibawah kode :

<head>

      3. sealesai ^__^

Mudah Bukan !
sealamat mencoba dan selamat bereksperimen!!!

Cara Membuat Teks berkelap-kelip di blog

aTulisan yang berkelip pada blog banyak digunakan bagi menarik minat pengunjung untuk melihat dan klik link pada tulisan tersebut.
cara nya amat mudah cuma letakkan kode blink pada depan dan belakang teks yang hendak
kod mesti rapat,Jika ada ruang kosong antara tanda < > dengan blink  ia tidak berfungsi
HASILNYA:

TULISAN BERKELIP
ni contoh sripct nya :

<blink> TULISAN BERKELIP</blink>

  

Note : Hanya sesuai untuk browser tertentu sahaja:Netscape(sesetengah version sahaja)dan Mozilla Firefox .Internet Explorer tidak support tags ini.