Pieces Love

Tampilkan postingan dengan label javascript. Tampilkan semua postingan

Sabtu, 13 Agustus 2011

1 Cara memasang lagu pada blog

Ini ditujukan bagi SobatBro yang hobi dengerin lagu, atau yang pingin memiliki blog tentang lagu, atau siapa aja yang pingin memasang lagu kesayangannya dipasang di blog, agar pengunjung bisa dengerin lagu-lagu koleksi anda, untuk mewujudkannya bisa menggunakan cara mudah berikut ini:
Cara Pertama >> Menggunakan scriptnya Google Reader MP3 Player (Layanan ini milik Google, Sobat, so soal performa jangan tanya… udah pasti ok punya, bisa diandelin lah yang pastinya)
Scriptnya:

Cara Kedua >> Atau bisa juga menggunakan fiturnya GMail (lagi-lagi punyanya Google, Sobat)

Scriptnya:
<embed type="application/x-shockwave-flash" flashvars="audioUrl=ALAMAT_URL_FILE_MP3_Anda" src="http://mail.google.com/mail/html/audio.swf" width="400" height="27" quality="best" autoStart" value="true"></embed>

Sebaiknya anda tahu:
cat 1: Gantilah tulisan ALAMAT_URL_FILE_MP3_Anda >> dengan alamat url [http://...] dimana file lagu mp3 disimpan (tapi ingat, lagunya jangan diupload di layanan simpan data gratisan seperti 4shared, ziddu, Rapidshare, dll, karena mereka tidak bisa diakses filenya secara langsung -[semacam ada iklan/timernya]-)
Cat 2: Kalau ingin dipasang di blog/web anda, copy paste aja langsung kode script diatas, dan sekali lagi jangan sampai lupa mengganti alamat url lagu mp3 anda

Cat 3:ganti script nie “autoStart" value="true"> (true) bila sobat tidak mau lagunya langsung main menjadi seperti nie “autoStart" value="false"> (false)

Oy, Sobat pasti penasaran kan seperti apa nantinya, berikut ini contohnya:
Keterangan:
*) lagu disimpan di: http://sites.google.com/site/zcmattcom/mp3/Go_Kart_Racer.mp3 atau pada www.filefreak.com/ (tapi dengan file format swf )
Dan ini adalah bentuk asli script mp3 player diatas:

Tambahan:
Kalau sobat tidadk mau repot,sobat bisa kunjungi www.music-live.net/
Disitu sobat bisa mendownload lagu sekaligus mengcopy scriptnya dan lagsung sobat copas di edit > html/javascript,setelah itu sobat bisa menyimpannya dan coba lihat hasilya………
Semoga informasi ini bermanfaat,amien……….

1 Cara memasang/memiliki hewan peliharaan di blog sendiri

Cara Memiliki/Memasang Hewan Peliharaan Di Blog Kita

“Hewan lagi, hewan lagi!!!” mungkin ada yang berakata seperti itu.
Ya.., tapi mau bagaimana lagi. Karena hampir setiap orang suka dengan binatang, termasuk juga saya. Jadi nggak ada habisnya deh, kalau ngomongin tentang binatang. Kali ini saya bukan mau kasi tahu jenis-jenis hewan dari schmaili.zip (animasi hewan untuk hiburan) yang lain. Tapi saya mau beri info bagaimana cara memiliki hewan peliharaan di blog kita.

Sebenarnya "mungkin" widget ini bukan untuk tujuan memiliki hewan peliharaan. tetapi, hanya sebuah widget unik dari aBowman. Karena selain hewan juga ada gambar yang lainnya. Tapi kalau kamu tertarik silahkan saja copy kode di bawah dan letakkan di blog kamu. Oh, ya hewan ini juga bisa di beri makan loh. klik saja area di mana kamu mau taruh makanannya.

1. Copy codenya
2. Masuk ke blog kamu
3. Tata letak
4. Tambah gadget(HTML/JavaScript)

Kode untuk ikan :

Kode untuk hamster:

Kode untuk laba-laba:

Kode untuk kura-kura:

Kode untuk Katak:

Kode untuk Pinguin(s):

kalu kamu mau info lebih lengkapnya klik DI SINI

0 Cara menghilangkan read more

Bagaimana caranya menghilangkan Tulisan "Read More" jika posting kita hanya sedikit?
Pasti pertanyaan tersebut seringkali muncul bagi beberapa orang yang sudah mencoba memakai trik Read More Versi 1 (udah baca belum? kalo belum baca baca dulu disini ), ya tho? karena aku sering mendapatkan pertanyaan seperti itu. trus gimana caranya mengatasi masalah ini?
Setelah mencoba mengotak-atik script di laboratorium, akhirnya aku menemukan formula yang cocok untuk mengatasi masalah ini. gini nih formulanya:

1. Login ke blogger, trus pilih menu "Layout --> Edit HTML"
2. Ohya, Jangan lupa di backup dulu template kamu, udah tahu to caranya?
3. Kalo udah di backup trus kasih tanda centang pada kotak "Expand Widget Template"
4. taru script berikut ini diatas kode </head>

5. Cari script berikut

kalo tidak ada coba cari yang ini

6. Trus ganti script tadi sehingga menjadi seperti ini

7. Nha dibawahnya kan ada script seperti ini;

8. Taruh script berikut dibawah script diatas

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:href='data:post.url'>Read More......</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

9. Keseluruhan script akan menjadi seperti ini:

<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:href='data:post.url'>Read More......</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

10. Terus simpan pekerjaanmu.

Langkah berikutnya:

1. Pergi ke menu "Setting --> Formatting"
2. Dibagian bawah ada kota yang bertuliskan "Post Template"
3. Bagi yang belum pernah pake read more maka didalam kotak tersebut akan kosong. tapi bagi pake "Read More Versi 1" dulu tulisannya seperti ini :

4. Nha kalo yang sekarang ganti/isi kotak tersebut dengan kode berikut:

5. Terus Klik Tombol "Save".

Nha Waktu posting pilih Tabs "HTML", JIka pingin Tulisan "Read More" tidak muncul maka hapus script ini:

Semoga berguna yow...........

0 Cara membuat read more pada blog

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

0 Cara membuat search engine pada blog

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

0 Cara membuat animasi emoticon di kotak komentar pada blog

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :

Emoticon Kucing :

Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

Untuk Emoticon Kucing :

4. Kemudian cari kode berikut ini :

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

Kalo mo yang emoticon kucing pake yang ini :

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

Liat 'kan icon burung twitter yang beterbangan di laman blog ini. Kalau kalian mau pasang di blog kalian juga, caranya gampang, tinggal copy kode dibawah ini:

<script type="text/javascript" src=" http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://i1013.photobucket.com/albums/af252/sleman234/bluetwit.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/twitter-mu";var tweetThisText = "Twitter - twitter-mu http://namablog-mu.blogspot.com/";tripleflapInit();</script>

Buka Design->Page elements
Add a Gadget->HTML/Javascript
Lalu masukkan kode tadi
Klik Save

Tapi, sebelum disave. ada beberapa yang harus kamu ganti, yaitu:

namablog-mu
Ganti dengan alamat blog-mu

twitter-mu
Ganti dengan nama/akun twitter-mu

http://i1013.photobucket.com/albums/af252/sleman234/bluetwit.png
Ganti alamat gambar tersebut dengan alamat gambar dengan warna yang kamu suka:

Merah:
http://i1013.photobucket.com/albums/af252/sleman234/red.png

Biru Tua:
http://i1013.photobucket.com/albums/af252/sleman234/Blue.png

Ungu:
http://i1013.photobucket.com/albums/af252/sleman234/purple.png

Cokelat:
http://i1013.photobucket.com/albums/af252/sleman234/brown.png

Hitam:
http://i1013.photobucket.com/albums/af252/sleman234/black.png

Hijau:
http://i1013.photobucket.com/albums/af252/sleman234/Green.png

Kuning:
http://i1013.photobucket.com/albums/af252/sleman234/yellow.png

Putih:
http://i1013.photobucket.com/albums/af252/sleman234/white.png

Biru Muda (Standard):
http://i1013.photobucket.com/albums/af252/sleman234/bluetwit.png

Kalau sebelumnya saya memosting "Cara Memasang Animasi Burung Twitter (Warna-Warni)", sekarang saya mau kasi tau cara memasang Animasi Kelelawar Twitter. Sebenarnya yang kelelawar ini gak ada cuma iseng-iseng aja saya bikin gambarnya, upload, terus ganti alamat gambar di dalam kode dengan alamat gambar yang saya buat, dan hasilnya... ternyata bisa!!! hahaha!!!

Kalau kalian berminat untuk memasangnya, caranya sama dengan memasang "Animasi Burung dari Twitter".

Copy kode dibawah ini:

<script type="text/javascript" src=" http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://1.bp.blogspot.com/-zbdVeb4BTiY/TbAsdMGiA8I/AAAAAAAABaw/N465sbWJHU4/s1600/theinsteiner.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/twitter-mu";var tweetThisText = "Twitter - twitter-mu http://namablog-mu.blogspot.com/";tripleflapInit();</script>

namablog-mu
Ganti dengan alamat blog-mu

twitter-mu
Ganti dengan nama/akun twitter-mu

Buka Design->Page elements
Add a Gadget->HTML/Javascript
Lalu masukkan kode tadi
Klik Save

Catatan: alamat/URL gambar yang saya maksud adalah: http://1.bp.blogspot.com/-zbdVeb4BTiY/TbAsdMGiA8I/AAAAAAAABaw/N465sbWJHU4/s1600/theinsteiner.png

Berbagai macam cara dilakukan para blogger untuk menghemat ruang di blognya, salah satunya dengan menggunakan roll pada arsip, dan pada toturial kali ini untuk menghemat halaman kita akan membuat menu melayang

Menu ini dapat sobat tampilkan di bagian kiri maupun di bagian kanan blog, sobat tinggal memilih mana yang lebih cocok untuk blog kesayangan sobat, contoh sobat bias lihat di blog ini

Bagi sobat blogger yang kepengin mencoba menu melayang silahkan ikuti langkah-langkah mudah di bawah ini

Cara pemasangannya sebagai berikut:

1. Masuk ke Blogger dengan ID sobat.

2. Pilih Design (Rancangn) -> Edit HTML.

3. Back up (download) template terlebig dahulu (seperti biasa…untuk asuransi…hehe…)

4. Cari kode ini </head> pada template anda

5. Copy Seluruh script dibawah ini, kemudian paste tepat diatas atau sebelum kede </head>

type='text/javascript'/>

YOffset=150;

XOffset=0;

staticYOffset=30;

slideSpeed=20

waitTime=100;

menuBGColor="Dodgerblue";

menuIsStatic="yes";

menuWidth=150;

menuCols=2;

hdrFontFamily="verdana";

hdrFontSize="2";

hdrFontColor="black";

hdrBGColor="#FF0000";

hdrAlign="left";

hdrVAlign="center";

hdrHeight="15";

linkFontFamily="Verdana";

linkFontSize="2";

linkBGColor="white";

linkOverBGColor="#FFFF99";

linkTarget="_top";

linkAlign="Left";

barBGColor="Dodgerblue";

barFontFamily="Verdana";

barFontSize="2";

barFontColor="white";

barVAlign="center";

barWidth=20; // no quotes!!

barText="WELCOME";

// ----- Mulai Edit Menu

ssmItems[0]=["My Menu"] //Header Menu

ssmItems[1]=["Home", "/", ""]

ssmItems[2]=["About Me", "http://www.blogger.com/profile/17756234265760334338",""]

ssmItems[3]=["Me In Facebook", "http://www.facebook.com/Ozan.SLANKERS",""]

buildMenu();

//----- Selesai Edit Menu

</script>

Keterangan:

Pada bagaian yang ditandai dengan warna merah boleh sobat ganti dengan warna kesukaan sobat atau disesuaikan dengan blog sobat (untuk melihat kode warna silahkan klik disini...)
Pada bagaian yang berwarna kuning harus sobat ganti sesuai blog sobat
Pada kata WELCOME (yang bercetak tebal) boleh sobat ganti sesuka sobat
Untuk menambah menu silahkan sobat amati scrip yang paling bawah "ssmItems[nomor urut menu]=["Nama Yang Menu", "Url Menu", ""]" lalu tambahkan di bawah deretan kedalam daftar scrip diatas...(copy tanpa tanda petik)

0 JavaScript

KUMPULAN JAVA SKRIPT

SKRIPT ANTI DRAG DAN ANTI MELIHAT TEXT

Taruh skript ini diantara <HEAD> dan <TITLE> .

ANTI KLIK KANAN

Taruh skript ini setelah <BODY>

TULISAN BERJALAN UNTUK STATUS BAR WEB KAMU

<SCRIPT>  </SCRIPT>

Taruh skript ini di setelah <BODY> dan pada pada BODY kamu tambahin yang tulisan biru <BODY onLoad="scrollit(100)">

STATUS BAR UNTUK WEB KAMU DENGAN EFFECT KETIK

<SCRIPT>  scrollText(0) </SCRIPT>

Kamu taruh skript ini setelah <BODY>

STATUS BAR DENGAN EFEK DATANG BERTAUTAN

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Taruh skript ini setelah </body>

MENGGANTI WARNA SKROL NAIK TURUN DAN KIRI KANAN

Taruh skript ini di setelah <HEAD> paling atas Untuk warna Codenya cari sendiri ya...he ..he..

EFFEK CURSOR <KISS & LOVE >

Taruh skript ini di setelah <HEAD>

Taruh skript ini setelah </body>

MENGGANTI GAMBAR KURSOR KAMU

<style>  </style>

Taruh skript ini setelah </body>

CONTOH KURSOR YANG BISA KAMU PAKAI

0 Download 3000 JavaScript

pgen download javascript tapi dilempar ke blog sna atau web sini??langsung aja dech download 3000 javascriptnya disini

0 Script animasi title bar

    Login ke Blogger : Untuk login ke blogger hanya perlu dilakukan dengan menuliskan User Name/Nama Pengguna atau Email Address/Alamat Email serta Password/Sandi.
    Dasbor : KLIK link Design/Rancangan.
    Design/Rancangan : KLIK link Edit HTML.
    Cari Kode : Cari kode link ]]></b:skin>. Gunakan Ctrl+F (pada keyboard) untuk memudahkan pencarian kode. Bagi yang ingin mengetahui lebih dalam cara cepat mencari kode HTML dan javascript secara cepat menggunakan Ctrl+F, silahkan buka panduan dan tutorialnya dengan cara
    Copy - Paste Javascript : Copy dan Pastekan Javascript di bawah ini di atas kode ]]></b:skin>.

    <script type="text/javascript">
    //<![CDATA[
    /* gubhug reyot - bgsGR*/
    var message = new Array();
    // Tulis teks di sini
    message[0] = "gubhugreyot.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] = "";
    // 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>

    SAVE Template/Simpan Template : KLIK link SAVE Template/Simpan Template, kemudian lihat hasilnya dengan membuka blog.

Catatan/Keterangan :

    KODE yang perlu dirubah :
        message[0] s/d message[6] ? Isi dengan teks yang sesuai dengan blog sampeyan.
        var reps = 2; angka 2 ? Jumlah pengulangan kemunculan teks
        var speed = 250; ? angka 250 adalah variable kecepatan dimana semakin kecil semakin cepat.
    Setelah seluruh variable javascript disesuaikan dengan kebutuhan dan tampilan blog, sampeyan bisa meng-upload javascript TBE ini di file hosting dan menggunakan link-nya saja supaya kode html dan javascript blog tidak terlalu penuh sesak seperti bonek yang datang dan pulang nonton bola! Iya, khan rek?! Podho suk-sukan nganti podho lungguh neng nduwur kreta? He … he ….

0 Koleksi Script untuk blog

Text alert setelah keluar halaman

<body onUnLoad="alert('Thanks for your visited');">

Untuk menampilkan ucapan selamat pagi, siang dan malam

<font color="blue"><script language="javascript" src="http://davitblog.googlecode.com/files/ucapan.js"></script></font><br/>

untuk menmpilkan tanggal

<font color="blue"><script language="javascript" src="http://davitblog.googlecode.com/files/date.js"></script></font><br/>

Untuk menampilkan tanggal (2)

<font color="blue"><script language="javascript" src="http://davitblog.googlecode.com/files/date2.js"></script></font><br/>

Untuk menampilkan jam

<font color="blue"><script language="javascript" src="http://davitblog.googlecode.com/files/waktu.js"></script></font><br/>

untuk kalender

<font color="blue"><script language="javascript" src="http://davitblog.googlecode.com/files/calendar.js"></script></font><br/>

Untuk menampilkan browser yg digunakan visitor

<font color="blue"><script language="javascript" src="http://davitblog.googlecode.com/files/visitor.js"></script></font><br/>

untuk google search

<font color="blue"><script language="javascript" src="http://davitblog.googlecode.com/files/google.js"></script></font><br/>

0 Script untuk mengganti cursor pada blogger

Type Pertama ( variasi image )

    Pilih tab Elemen Halaman ( Page Element ).
    Klik pada bagian Tambah Gadget dan pilih HTML/JavaScript.
    Copykan script berikut dan letakkan pada kotak Content yang tersedia:
    Note : Bisa kamu letakan dimana saja pada layout.

<style type="text/css">body {cursor:url("http://lh5.ggpht.com/_wC8_9aR_6uE/S6ufngy_rmI/AAAAAAAACcg/XQ6AD06Zt10/appstarting.gif"),default}</style>
Keterangan :

    Warna merah, URL cursor ( ganti dengan URL cursor lain yang sesuai dengan warna / type template )

Simpan dan lihat hasilnya.. !

Type Kedua ( variasi Texs )

    Pilih tab Elemen Halaman ( Page Element ).
    Klik pada bagian Tambah Gadget dan pilih HTML/JavaScript.
    Copykan script berikut dan letakkan pada kotak Content yang tersedia:
    Note : Bisa kamu letakan dimana pada layout.

<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='Inspirasi dan Kreasi'.split('').reverse().join('');

var font='Times New Roman';
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=.2;

// 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>

Keterangan :

    Warna merah, Teks akan muncul sebagai animasi yang mengikuti cursor mouse ( ganti teks kamu sendiri )

Read more: Mengganti tampilan Cursor Mouse pada Blogger ~ Home Design Ideas http://kibagus-homedesign.blogspot.com/2010/03/mengganti-tampilan-cursor-mouse-pada.html#ixzz1Tsd2pZ5F
Under Creative Commons License: Attribution

0 Script ucapan selamat datang

    Login ke dashboard blog kamu.
    pilih Rancangan »» Edit HTML
    cari kode </head>
    Tempatkan script berikut diatasnya

        <script language='javascript'>alert ("Tulis pesan apa saja disini, sakerepmu arep di tulisi opo");
        </script>

    terakhir klik 'SIMPAN'

Dari kode diatas itu akan menerapkan di bagian halaman manapun pesan itu akan keluar, disini kita perlu mengatur ulang agar pesan itu hanya muncul pada homepage blog saja, tentunya agar para pengunjung tidak kesel karena pesan tersebut selalu muncul. Berikut caranya

Tambahkan kode yang berwarna merah diantaranya.

    <b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("Tulis pesan apa saja disini, sakerepmu arep di tulisi opo"); </script> </b:if>

0 Script membuat tulisan title bar bergerak

    login ke dashbord blog kamu.
    pilih ''RANCANGAN / DESIGN''
    pada halaman ''Element laman'' klik 'Tambah Gadget'
    pilih widget ''HTML/Javascript'' dan tempatkan script berikut didalamnya.
    terakhir klik SIMPAN

Script yang di copy:

    <script> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "WELCOME TO OUR WEBSITE"; tb8_messages[1] = "INFORMATION ABOUT INTERNET"; tb8_messages[2] = "AND THANKS FOR VISITING"; 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>

Keterangan:
    " pada tulisan yang berwarna ungu adalah tampilan teks, ganti sesuai keinginan kamu.
    " pada tulisan yang berwarna hijau tb8_speed = 125 adalah kecepatan teks berjalan pada TITLE BAR, silahkan expresikan sesuai keinginan kamu.

0 Script untuk membuat iklan melayang

mau buat iklan di blogmu,gini caranya:

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

0 Script mengunci Folder

    cls
    @ECHO OFF
    title Folder Locker
    if EXIST "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" goto UNLOCK
    if NOT EXIST Locker goto MDLOCKER
    :CONFIRM
    echo Are you sure you want to Lock the folder(Y/N)
    set/p "cho=>"
    if %cho%==Y goto LOCK
    if %cho%==y goto LOCK
    if %cho%==n goto END
    if %cho%==N goto END
    echo Invalid choice.
    goto CONFIRM
    :LOCK
    ren Locker "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
    attrib +h +s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
    echo Folder locked
    goto End
    :UNLOCK
    echo Enter password to Unlock folder
    set/p "pass=>"
    if NOT %pass%==type your password here goto FAIL
    attrib -h -s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
    ren "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" Locker
    echo Folder Unlocked successfully
    goto End
    :FAIL
    echo Invalid password
    goto end
    :MDLOCKER
    md Locker
    echo Locker created successfully
    goto End
    :End

Pieces Love

Sabtu, 13 Agustus 2011

1 Cara memasang lagu pada blog

Kamis, 11 Agustus 2011

1 Cara memasang/memiliki hewan peliharaan di blog sendiri

0 Cara menghilangkan read more

0 Cara membuat read more pada blog

0 Cara membuat search engine pada blog

0 Cara membuat animasi emoticon di kotak komentar pada blog

0 Cara membuat burung twitter warna-warni di blog

0 Cara memasang animasi kelelawar twitter di blog

0 Cara membuat menu melayang pada blog

Rabu, 03 Agustus 2011

0 JavaScript

0 Download 3000 JavaScript

0 Script animasi title bar

0 Koleksi Script untuk blog

0 Script untuk mengganti cursor pada blogger

0 Script ucapan selamat datang

0 Script membuat tulisan title bar bergerak

0 Script untuk membuat iklan melayang

0 Script mengunci Folder

Pengikut / Teman

Translate / Penerjemah

Popular posts

Labels

Archive

Total pengunjung

Mengenai Saya

@AnGGrianzT