HURRAY! TOOLBAR

Awaaaaaaaaaasss ada BeBeN...Prikitiw!!! Hehehe...sule pisan eta pembukaanna. Oke deh kalo begitu teman-teman, sang BlogLang kembali membawa merchandise artikel dari walking-walking ngeblogs. Masih ingat artikel aku yang membahas tentang Toolbar statis dinamis. Yesss produk yang dikeluarkan oleh Wibiya, berupa widget berupa bar statis yang keberadaannya ada di bawah itu. Kalau mau melihat contoh produknya Wibiya itu silahkan kunjungi Blogging Tutorial, Free Templates and Sites Info (Kalau masih ada sih). Nah sekarang ada yang baru lagi nih sobat blogger. Produknya mirip seperti itu beda keluaran ajah...hehehe. Screenshot :

Untuk melihat live demonya Hurray! Toolbar Demo. Untuk mendapatkannya juga terbilang mudah kok sobat blogger. Kunjungi web tersebut Hurray Toolbar, disana ada menu 3 buah pilihlah yang Get Toolbar, ikuti deh langkah-langkah selanjutnya gampang kok ^,^. Feature :

• 6 buah style toolbar pilihan.
• 8 buah widget dalam 1 toolbar.

Nah silahkan deh bagi yang berminat, tinggal bikin saja. See you...bertemu dalam hasil walking me selanjutnya.
Source : InfoBlog

ORNAMENT FOR X-MAS AND HAPPY NEW YEAR

Masih sekitar tahun baru dan natal. Setelah jalan-jalan tidak menemui postingan yang menarik akhirnya ada juga...wuekekekekek -__-' Artikel mengenai games dan salju nih sobat-sobat blogger. Pasti tahu dong games yang berupa embed itu loh. Dan salju yang jatuh seperti di blog aku ini. Dan ada juga loh script daun jatuh dan salju yang bergambar. Oke tanpa banyak basa basi busuk kita cek deh satu-satu. Untuk yang doyan sama salju bergambar.

<script language="JavaScript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/falling_snowflakes.js">
</script>
Nanti saljunya akan bergambar seperti ini
Bagi yang suka sama daun-daun berjatuhan nih scriptnya

<script language="JavaScript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/falling_leaves.js">
</script>
Kalau yang ini akan seperti ini tampaknya

Oke salju sekarang ^,^
Lansung sama script buat yang saljunya.

<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />

Contohnya yaa seperti yang ada di blog aku dong si BeBeN ganteng tea ^.^
Nah kalau mau tahu gamesnya silahkan kunjungi blog yang punya aja yah. Dengan ini sambil ngucapin terima kasih juga nih...hihihihi.
Thanks to : Blogger Stop for this article, and SchillMania for additional script to add falling snowflakes which looks very similar to actual snowfall.
Happy New Year, Happy Blogging and WassaLam...

WALLPAPER AND Sssttt...

Kembali membawa oleh-oleh natal dan tahun baru. Wekekekekekkk...tidak ada sangkut pautnya dengan tutorial atau template, apalagi javascript. Sekarang waktunya mendownload ria acaranya. Mau bagi-bagi wallpaper nih teman-teman. Yaaa...lumayan hasil seleksi dari sana sini. Kalau ditanya resolusinya...mantap lah. Terus gambar-gambarnya juga jangan ditanyalah. Pokoknya mah adem-adem Contohnya : (Tunggu beres loading blognya yah)

Tuh contohnya, kalo memang ada yang suka dengan seleksian aku...lanjut.

Wallpaper1.
Wallpaper2.
Wallpaper3.

Tuh silahkeun di download yah. Nah sebagai bonusnya silahkan membaca-baca ini yah. Ini ada beberapa blog directory yang sudah mempublish loh. Yaaa...sudah umum di kalangan blogger gitoo LOH!!!

1. Blogging Fusion


2. BlogHop


3. Bloga Rama


4. TopBLogLists


5. MyBlogDirectory


6. Blog Catalog


7. Fuel My Blog


8. Blog Top List


9. TopBlogging


10. Top Blog Area


11. Technorati


12. Daily Blog Tips


13. Smartz Bloggerz


14. Top Ten Blog Tips


15. Blogging Tips


16. Blogsessive


17. Problogger

Selesai...submit deh blog kalian ke web-web yang diatas tersebut...wekekekekkkk. Aku ajah belon submit...hihi WassaLam

X - MAS

Oke, tema template buat natal sekarang yang ini saja. Kelihatannya memang simpel dan sederhana. Tapi ini memang sengaja dibuat sedemikian itu. Kenapa!!! Menurut BeBeN kayaknya si pembuat template ini ingin memberikan keleluasaan dalam mengembangkan bentuk template ini kedepannya. Dan ini beberapa faktor tema template for Xmas jatuh pada pilihan ini.

• XHTML 1.0 Transitional valid.
• Multi-browser compatibility: tested on Firefox, Safari , IE7, IE8, Chrome.
• Widget ready.
• 2 columns of fixed width.
• Built in search box widget in sidebar.

Download | Demo
Itu dia pertimbangannya. Kalau mau artikan, artiin sendiri ajah sama kalian yah...gakgakgak. Bagi yang berminat dengan template tema X-mas pilihan BeBeN KoBeN yang ganteng teu kabina-bina!!! Happy Blogging and WassaLam ^_^

STATUS BAR STYLE

Kembali lagi bersama bloglang sang pengembara alam maya!!! Setelah kemarin memberikan hasil dari mejelajah, dan menghasilkan script yang lumayan untuk menghiasi blog kita mengenai Rotate pesan dan gambar yang berubah sewaktu di refresh. Nah, sekarang aku datang lagi nih...xixixixi, mau bagi-bagi script lagih. Script ini mengenai title dan status bar. Pasti sudah pada tahu dong, tulisan yang selalu ada di kotak kecil (New Tab in mozilla, opera) dan paling luar/atas di windows teman's. Pokoknya itulah, paham syukur enggak juga harus...huehuehue -__-'
Yang pertama status dirubah menjadi hari, bulan, tanggal, tahun, jam dan keterangan status.

1. Dynamic Title Bar Date-Time Clock Display.
Codenyah nih :

<script language='JavaScript'>
<!--

// (C) 2000 by CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header

function doTheClock() {
window.setTimeout( "doTheClock()", 1000 );
t = new Date();
if(document.all || document.getElementById){
document.title = t.toString();
}else{
self.status = t.toString();
}
}

doTheClock()

//-->
</script>



2. Boing-boing status bar.
Aku kasih nama boing-boing, karena ini akan memberikan efek status pada bar ada variasi gerakan seperti boing-boing ditempat. Contohnya lupa ^,^, tapi aku telah coba dan berikut screen shotnya.


Nah ini codenya :


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

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

message[0] = "[SELAMAT]";
message[1] = "-[DATANG]-";
message[2] = "-[DI BLOG]-";
message[3] = "BEBEN";
message[4] = "[[CUTEZ]]";
message[5] = "[SEMOGA]";
message[6] = "[BETAH]";
message[6] = "[BERKUNJUNG]";

var reps = 1

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='[[[--[['+T+']]--]]]'}
if(s==2){document.title='[[--[[-'+T+'-]]--]]'}
if(s==3){document.title='[[[--[['+T+']]--]]]'}
if(s==4){document.title='[[--[[-'+T+'-]]--]]'}
if(s==5){document.title='[[[--[['+T+']]--]]]'}
if(s==6){document.title='[[--[[-'+T+'-]]--]]'}
if(s==7){document.title='[[[--[['+T+']]--]]]'}
if(s==8){document.title='[[--[[-'+T+'-]]--]]'}
if(s==9){document.title='[[[--[['+T+']]--]]]'}
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>


3. Titlenya berjalan-jalan.
Kalau yang suka sama traveling dan adventure pasti suka jalan-jalan kan. Nah ini cocok nih soalnya tulisan pada address barnya akan berjalan-jalan gitoo. Kalau mau lihat demonya silahkan Ruang SC blognya teman BeBeN. Disana sekaligus sudah ada caranya. Wekekekekkk...! Tapi kalau mau pakai script yang BeBeN dapat silahkan disambi nih :

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

msg = " PESAN-PESAN ";
msg = "--- .:[PESAN PESAN]:. ---" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();

//]]>
</script>
Tulisan yang berkedip-kedip itu silahkan diganti dengan kesukaan sobat.

4. Kalau yang satu ini animasinya hanya pas masuk ke web/blog kita nih. Kalau mau liad demonya yang seperti ini DynamicDrive. Perhatikan langsung ke address barnya waktu memasuki halaman web tersebut kawan. Seperti biasa kode dan caranya ada disana...xixixixi.
5. Utek-utek kayak ulat
Nah ini yang terakhir ah, capek. Kalau yang ini si tulisannya akan mengutek-ngutek kayak ulat lagi berjalan. Kalau mau yang seperti silahkan disambi.


<script type='text/javascript'>
var ctitle="Prodigy of Head";
var counter=0;
function uplow_text() {
document.title=ctitle.substring(0,counter).toLowerCase()
+ctitle.substring(counter,counter+2).toUpperCase()
+ctitle.substring(counter+2,ctitle.length).toLowerCase()
if (counter==ctitle.length){
counter=0
}
else {
counter++
}
setTimeout('uplow_text()',50)}
uplow_text();

var icon = document.createElement("link");
icon.rel = "SHORTCUT ICON";
icon.href = "URL-LINK GAMBAR";
document.getElementsByTagName("head")[0].appendChild(icon);
</script>

Jangan lupa tulisan yang ngebling-bling diganti tuh.

Oh iyah, semua script-script tersebut pemakaiannya diletakkan didalam tag <head> ... </head>. Tapi kebanyakannya diletakkan setelah kode tag <head>. WassaLam dan semoga berhasil ^_^.

ROTATE

Tidak ada artikel menarik nih tentang tutorial blogger...huehuehue -__-' Setelah melakukan walking-walking, mengubek-ngubek, dan mengacak-ngacak web/blog kesana kemari ternyata tidak mendapatkan artikel menarik tentang tutorial BLOG. Capek dweeehhh...!!! Ada sih tutorial mengenai Blog, tapi sayang itu buat WordPress tutornya...huahauhauhau. Mana masuk buat blogspot...HAHAHA. Ini mau mosting artikel biar kelihatan eksis doang nih...hehehe. Dari pada kelupaan mendingan di share ajah. Mau mencoba bagi-bagi script. Javascript BOO!!! Kalau dari sobat blogger ada yang memperhatikan mengenai blog saya ini pasti ada yang berubah-rubah. Pada bagian header, gambarnya tuh berubah-rubah. Pada kotak komentar diatasnya ada tulisan yang juga berubah-rubah. Berubahnya waktu reload/refresh. Oke lah kalo begitu mari kita explorer script apa saja yang mau aku paparkan...

1. Menampilkan pesan atau kata-kata pilihan.
Codenya sebagai berikut :


<script language='JavaScript'>
//store the quotations in arrays
tips = new Array(4);
tips[0] = "<b>bla bla bla</b>";
tips[1] = "<b>bla bla bla bla</b>";
tips[2] = "<b>bla bla bla bla bla</b>";
tips[3] = "<b>bla bla bla bla bla bla</b>";
//calculate a random index
index = Math.floor(Math.random() * tips.length);
//display the quotation
document.write("\n");
document.write(tips[index]);
//done
</script>
<div style="text-align: right; font-size: 75%; opacity: 0.3;">Re-published by: <a href="http://beben-koben.blogspot.com" target="_blank">Beben Blog</a></div>

Silahkan ganti tulisan balabala, dengan yang disukai. Jika mau menambahkan pesan/kata, kawan's tinggal menambahkan scriptnya seperti tips[3] = "<b>bla bla bla</b>";. Ganti angka dengan urutan selanjutnya, dan new Array(4); angkanya ganti juga. Kalau jumlah pesan yang mau ditampilkannya berjumlah 5, maka huruf yang berkedip-kedip itu ganti 6, kalau mau 7 pesan ganti dengan 8 dst.
2. Membuat banner berubah-rubah.
Sama ini juga berubah gambar bannernya waktu di reload/di refresh. Nih codenya :


<SCRIPT LANGUAGE="JavaScript">

var how_many_ads = 3
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;

//***** BANNER NOMOR SATU *****

if (ad==1){

url="http://URL LINK TUJUAN1.crot/";

alt="Title suka-suka1";

banner="http://URL LINK GAMBAR1.jpg";

width="468";
height="60";
}

//***** BANNER NOMOR DUA *****

if (ad==2) {

url="http://URL LINK TUJUAN2.crot";

alt="Title suka-suka2";

banner="http://URL LINK GAMBAR2.jpg";

width="468";
height="60";
}

//***** BANNER NOMOR TIGA *****

if (ad==3) {

url="http://URL LINK TUJUAN3.crot";

alt="Title suka-suka3";

banner="http://URL LINK GAMBAR3.jpg";

width="468";
height="60";
}

document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('</center>');

</SCRIPT>
<div style="text-align: right; font-size: 75%; opacity: 0.3;">Re-published by: <a href="http://beben-koben.blogspot.com" target="_blank">Beben Blog</a></div>

Yang bisa dirubah didalam script tersebut : URL, ALT, BANNER, WIDTH, DAN HEIGHT. Kalau teman mau menambahkan jumlahnya, maka...tinggal menambahkan saja scriptnya!!!


if (ad==3) {

url="http://URL LINK TUJUAN3.crot";

alt="Title suka-suka3";

banner="http://URL LINK GAMBAR3.jpg";

width="468";
height="60";
}

Angka yang berkedip-kedip itu ganti dengan angka selanjutnya. Pada bagian atasnya juga dirubah, pada tulisan var how_many_ads = 3. Yang jadi masalah ini bagaimana masukin ke blognya???

Kalau cara instant tinggal masuk ke Layout--->Page Elements--->Add a Gadget--->pilih yang HTML/Javascript. Save, lihat deh hasilnya...xixixi ^,^. Kalau mau dimasukkan kedalam body template sobat, seperti contoh yang ada diatas kotak komentar aku (BeBeN cutez)!!! Biasanya suka ada kendalanya nih. Script² diatas untuk amannya silahkan di convert dulu. Untuk melakukannya silahkan klik link berikut Convert. Setelah itu ambil deh script yang sudah diconvert tadi. Masukkan didalam antara tag <body> dan </body> template kawan's.

Kalau saran BeBeN, coba dulu masukkan tanpa diconvert. Kalau dari blog editornya tidak ada pesan error maka tidak perlu dilakukan langkah mengconvert itu. Kalau ada pesan error, baru deh dilakukan langkah mengconvert. Memosting kayak ginih ajah puyeungna puyeungna...+_+.
Oke segitu aja hasil dari hunting ke web-web script...hahaha. Semoga berhasil, selamat berblogging WassaLam. Oh iyah link akunya jangan didel yah. Lumayan loh backlink. Selamat berkreasi.

N S : Javascript Kit.

SPEED EFFECT FOR THE WEB

"There are many variables that affect a site's performance. The tools listed below can help you discover those variables and improve your site. We recommend that you experiment with these tools. Multiple simple changes can improve the experience for your users around the world by several seconds."

BeBeN mau mencoba berbagi tentang issue-issue nih teman-teman. Issue yang mungkin memang dibutuhkan oleh para blogger khususnya dan para weber (Sebutan web maniac versi BeBeN), yang memang mengincar pagerank, kecepatan, posisi, dan seluruh embel-embel guna memposisikan web/blognya di puncak himalaya...eh puncak indeks mesin pencari maksudnya. HuehuehuE...-___-'. Banyak faktor memang yang bisa menyebabkan sebuah web/blog yang dapat memposisikan posisinya baik, baik dan lebih baik di mesin pencari. Hanya yang jadi pertanyaannya sekarang, kita mau terindeks dimana?, oleh mesin mana?, dan lain-lainnya? yang memang berbeda setiap kriteria dari sebuah mesin pencari!!! Jangan pernah berharap bisa mengalahkan posisi yang domainnya berbayar, khususnya mengenai KEYWORD. Lanjut pada pokok masalah bagaimana memperbaiki indeks sebuah web/blog dimata sebuah mesin pencari.

Disini BeBeN akan berbagi via mesin search g00gle guna kemajuan blogger sobat. Secara Blogspot kan yang punya si embah...wekekekekkk. Issue versi kecepatan sebuah web/blog guna cepat terindeks oleh mesin pencari. Bagi yang kurang menyukai artikel panjang, just enough!!! dont press my button. Cepet ambil cemilan dan minuman, bakalan panjang nih artikelnya .

"Ada banyak variabel yang mempengaruhi kinerja situs. Alat-alat yang tercantum di bawah ini dapat membantu kita menemukan variabel-variabel tersebut dan meningkatkan situs kita. Kami menyarankan bereksperimen dengan alat-alat ini. Beberapa perubahan sederhana dapat meningkatkan pengalaman bagi pengguna di seluruh dunia dengan beberapa detik."

Sepenggal artikel yang datang dari Google News Blog berbunyi seperti itu. Bagi para blogger yang berniat membaca artikel mengenai hal ini, yang sudah dipaparkan oleh teman maya BeBeN Kang Jaloe mengenai Site Performance from google webmaster tool, just press this link Site Performance from google webmaster tool. Disana kang Jaloe sudah memaparkan beberapa point mengenai kecepatan sebuah situs dalam terindeks si mesin pencari. Gamblang dan jelas ((( L O H ))). Bagi yang berminat membaca bagaimana mengajukan/memasukkan link blog kita yang memang berguna juga dalam mempercepat terindeks oleh mesin pencari!!! Just press this link, its my friend from AFRIKA How to submit my blog to g00gle. Wakakakakkkk...

Sepenggal bukti dari Official g00gle Blog yang mengatakan :
"Kualitas pencarian selalu mendapatkan apa yang tepat, jawaban yang paling relevan yang anda cari dalam jumlah waktu yang sesingkat-singkatnya apa yang kita sebut "waktu-ke-hasilnya". Gagasan ini relevansi dari kecepatan yang telah dimasukkan ke pengembangan produk g00gle dan selalu menjadi prioritas utama bagi kami. Setiap hari kami bekerja melalui desain, pengamatan, dan analisis untuk memastikan bahwa "g00gle yang anda gunakan hari ini adalah lebih baik daripada g00gle yang anda gunakan kemarin". Bahkan, pada waktu tertentu kita melakukan antara 50 dan 200 percobaan pencarian, yang semuanya terfokus pada anda mendapatkan hasil yang tepat yang anda cari - lebih cepat. Dan, mengingat bahwa 20% dari query pencarian g00gle yang kita belum melihat di masa lalu 90 hari, dan terdapat lebih dari 300 miliar halaman web untuk merangkak (bayi kaliii), anda bisa membayangkan sejauh mana tantangan yang ada!!!"

Tuh kan kecepatan juga mempengaruhi indeks. Belum lagi tantangan dari yang menggunakan software, hack, dan embel-embel yang lainnya dalam memposisikan sebuah situs. Nah silahkan kunjungi link berikut, guna mendapatkan apa-apa yang bisa digunakan guna untuk kemajuan sebuah web/blog. Let's make the web faster. Link tersebut akan membawa para blogger untuk mendapatkan alat-alat dan variabel lainnya yang bisa didownload (Product of g00gle). Enak banget yang pake CHROME nih...hehehehe. Tuh kan panjang artikelnya, loncat kesana kemari...wekekekek. Disini BeBeN cuma have fun ajah, dan enggak serius dalam berblogging. Jadi tidak begitu memperdalam sekali masalah yang detailnya. Artikel ini didedikasikan kepada para blogger yang memang serius dalam mencari $$$ dan popularity . Coba link ini mungkin menarik bagi kawan's How can I make my blog load faster?.
WassaLam...dont worry just blogging. LoL