7 Artikel yang bermasalah

Artikel yang bermasalah...? Kenapa..? Apakah ada pemeriksaan dari kepolisian..? ataukah dari badan sensor...? Tentu tidak. Bermasalah dalam hal ini adalah karena 7 artikel yang saya tulis tidak dapat berfungsi sebagaimana yang saya sebutkan di dalam artikel tersebut. Kenapa tidak berfungsi..? Karena semua artikel tersebut semuanya menggunakan file JavaScript (JS). Dan saat ini hampir semua file JS tersebut sudah overload.

Banyak sekali pertanyaan yang masuk ke blog saya yang menyatakan bahwa semua file JS di 7 artikel saya tersebut tidak berfungsi, dan meminta jawaban kenapa bisa seperti itu.? dan ada pula yang meminta saran bagaimana semua file JS tersebut bisa berfungsi kembali.

Setelah saya telusuri di tempat saya menyimpan file JS tersebut (hosting), saya mendapatkan jawaban bahwa semua file tersebut sudah overload. itu menandakan bahwa banyak sekali blogger yang menggunakan file JS tersebut. Dan di sana saya diberikan solusi untuk mengganti member saya dari Free Member ( gratisan ) menjadi Premium Member ( berbayar ). Tapi setelah saya pikir-pikir akhirnya saya memutuskan untuk tidak mengganti member saya menjadi Premium. Jadi bagaimana dengan semua file JS saya yang ada di sana yang saat ini tidak berfungsi lagi dan bagaimana dengan para blogger yang juga telah menggunakan script tersebut tetapi tidak berfungsi..?

Sebelumnya saya memohon maaf kepada semua blogger yang telah menggunakan semua file JS di blog saya ini karena saat ini hampir semua file JS tersebut tidak berfungsi dan tidak tertutup kemungkinan sebentar lagi semuanya tidak akan berfungsi lagi karena pasti setiap hari pengguna script tersebut semakin bertambah. Tapi saya akan tetap dengan janji saya bahwa saya akan selalu memberikan apa saja yang telah saya ketahui untuk selalu mau berbagi dengan blogger sekalian. Solusi yang terbaik menurut saya adalah saya akan memberi petunjuk agar para blogger sekalian juga bisa menyimpannya di hosting milik sobat sendiri, langkah-langkahnya akan saya jelaskan dalam artikel ini. Dengan demikian maka semua script tersebut tidak akan pernah overload, karena tersimpan di hosting sobat masing-masing.

Jadi kesimpulannya para sobat akan saya jelaskan cara menyimpannya dan dimana menyimpannya. Adapun 7 artikel saya yang bermasalah tersebut adalah :

1. Membuat Efek Salju Di Halaman Site ( 2 file JS )
2. Efek Daun Dan Bintang Berjatuhan ( 4 file JS )
3. Cursor Dengan Bintang Kecilnya ( 10 file JS )
4. Cara Membuat Tab Menu ( 1 file JS )
5. Emoticon Di Kotak Komentar ( 1 file JS )
6. Emoticon Yahoo Di Kotak Komentar ( 1 file JS )
7. Link Pelangi Berkedip Cepat ( 1 file JS )

Bagi para sobat yang menggunakan salah satu atau sebagian dari 20 file JS di atas, pasti saat ini ada beberapa yang tidak berfungsi pada blog sobat, jadi untuk mengembalikannya berfungsi saya berikan solusi yang terbaik yakni menjelaskan kepada blogger cara menyimpannya di hosting, dengan demikian para sobat akan punya hosting sendiri dan siap menyimpan file JS apa saja dan kapan saja, dan yang pasti tidak akan pernah overload.

Langkah-langkah menyimpan file JS di Free Hosting :

1. Silahkan surfing di sini [ Ripway ]
2. Klik menu Sign Up, silahkan isi semua data yang diperlukan sampai selesai
3. Jika register anda selesai maka akan terbuka halaman baru yang menyatakan "Thank You For Joining!"
4. Klik menu Log In, isikan username anda dan password anda kemudian klik tab Log In atau cukup Enter saja
5. Klik menu My Files
6. Di sana akan terlihat bahwa anda mempunya 0 files, karena saat ini anda memang belum mempunyai satupun file yang anda simpan di sana.
7. Klik pilihan menu Create Text File
8. Anda akan masuk ke halaman baru, di sana ada satu kolom kecil untuk memasukkan nama file dan satu lagi kolom besar untuk memasukkan file JS anda
9. Silahkan anda isi kolom judul dengan nama apa saja yang anda sukai, tapi ingat jangan menggunakan spasi dan ingat juga di setiap akhir nama tersebut tambahkan dengan tanda titik dan huruf js
contohnya : kita beri nama file tersebut dengan rini maka kita harus menulisnya menjadi rini.js
10. Pada kolom penyimpanan file, silahkan sobat simpan file JS apa saja yang sobat inginkan, sobat bisa pilih dari 20 file JS saya ini.

1. Script untuk efek dengan 20 buah salju, silahkan klik di sini salju20.js
2. Script untuk efek dengan 30 buah salju, silahkan klik di sini salju30.js
3. Script untuk efek dengan 20 buah daun berguguran, silahkan klik di sini daun20.js
4. Script untuk efek dengan 30 buah daun berguguran, silahkan klik di sini daun30.js
5. Script untuk efek dengan 20 buah bintang berjatuhan, silahkan klik di sini bintang20.js
6. Script untuk efek dengan 30 buah bintang berjatuhan, silahkan klik di sini bintang30.js
7. Script untuk cursor dengan bintang kecil black, silahkan klik di sini cursor_black.js
8. Script untuk cursor dengan bintang kecil blue, silahkan klik di sini cursor_blue.js
9. Script untuk cursor dengan bintang kecil cyan, silahkan klik di sini cursor_cyan.js
10. Script untuk cursor dengan bintang kecil green, silahkan klik di sini cursor_green.js
11. Script untuk cursor dengan bintang kecil orange, silahkan klik di sini cursor_orange.js
12. Script untuk cursor dengan bintang kecil purple, silahkan klik di sini cursor_purple.js
13. Script untuk cursor dengan bintang kecil red, silahkan klik di sini cursor_red.js
14. Script untuk cursor dengan bintang kecil silver, silahkan klik di sini cursor_silver.js
15. Script untuk cursor dengan bintang kecil white, silahkan klik di sini cursor_white.js
16. Script untuk cursor dengan bintang kecil yellow, silahkan klik di sini cursor_yellow.js
17. Script untuk membuat tab menu, silahkan klik di sini tab_menu.js
18. Script untuk membuat emoticon di komentar, silahkan klik di sini emoticon.js
19. Script untuk membuat emoticon yahoo di komentar, silahkan klik di sini emoticon_yahoo.js
20. Script untuk membuat link pelangi, silahkan klik di sini link_pelangi.js

11. Setelah file JS nya dipaste ke kolom tersebut, silahkan simpan dengan cara klik tab kecil Create, letaknya persis di bawah kolom penyimpanan file JS tadi
12. Setelah tersimpan, maka sekarang para sobat sudah mempunyai 1 URL file JS yang letaknya pada baris Direct Link :
13. Silahkan ikuti semua langkah-langkah di atas untuk menambah koleksi file JS anda
14. Inilah script yang akan anda letakkan ke blog anda

<script src='http://h1.ripway.com/pinginbelajar/link_pelangi.js' type='text/javascript'/>

15. Silahkan ganti URL file JS yang berwarna merah dengan URL file JS yang telah anda ciptakan tadi
16. Langkah-langkah cara meletakkan ke blog anda, silahkan anda surfing lagi ke salah satu dari 7 artikel saya di atas
17. Selesai

Akhirnya selesai juga artikel yang sangat panjang ini, saya menghabiskan waktu 2 jam 45 menit, 2 gelas kopi manis dan setengah bungkus rokok. Tapi itu semua masih tidak sebanding rasanya jika saya kompers dengan kunjungan sobat yang sangat rajin ke blog saya ini dan selalu mau memberi saya pertanyaan sehingga sayapun terpacu untuk mencari solusi yang paling terbaik tentunya. Dan artikel ini juga merupakan tanggung jawab saya kepada blogger sekalian yang telah bertanya tentang kepastian atas semua file JS yang tidak berfungsi di atas.

Dan di week end ini, tiba saatnya juga memenuhi tanggung jawab saya kepada istri dan anak-anak saya, mungkin hanya sekedar jalan-jalan saja ke mall, saya rasa sudah cukup sekedar refreshing. Dan happy week end juga untuk sobat sekalian. Semoga hari-hari kita dipenuhi keceriaan dan kedamaian, Insya Allah, Amin.

Selamat mencoba, semoga bermanfaat

Membuat efek salju

Adakalanya kita bosan dengan halaman site kita, dan ingin memolesnya biar indah. Jika anda ingin memperindah halaman site anda dengan efek salju, barangkali saja visitor yang berkunjung ke site anda merasa nyaman dan segar karena banyak saljunya.

Jika anda tertarik untuk menambah efek salju, saya akan coba membantu.

Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom Konten

Efek salju berjatuhan dengan jumlah 20 buah

<script src="http://h1.ripway.com/pinginbelajar/salju/20.js" type="text/javascript"></script>

Efek salju berjatuhan dengan jumlah 30 buah

<script src="http://h1.ripway.com/pinginbelajar/salju/30.js" type="text/javascript"></script>

7. Klik Simpan
8. Selesai

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad. Silahkan surfing [ di sini ] untuk mendapatkan file JavaScript terbarunya.

Selamat mencoba, semoga bermanfaat

Cursor dengan bintang kecil

Dalam beberapa hari yang lalu ada seorang blogger yang selalu minta diajarin cara membuat cursor yang apabila digerakkan akan mengeluarkan bintang-bintang kecil, seperti cursor yang saya gunakan di halaman blog ini, sayapun telah berjanji dengan dia menerbitkan postingan untuk menjawab pertanyaannya, saya mohon maaf kepada 4k4n3ch4n karena agak telat untuk menjawabnya.

Tanpa berpanjang lebar lagi, tiba saatnya saya jelaskan cara membuatnya. Silahkan ikuti langkah-langkahnya.

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan script di bawah ini ke dalam kolom Konten

<script src="http://h1.ripway.com/pinginbelajar/cursor/aagen.js" type="text/javascript"></script>

7. Silahkan anda ganti tulisan aagen dengan salah satu warna kesayangan anda dari 10 pilihan warna di bawah ini, karena dengan pilhan warna ini, anda bisa menyesuaikan warna halaman site anda dengan warna bintang tersebut

black blue cyan green orange purple red silver white yellow

8. Klik Simpan
9. Selesai

PENTING...!!
Jika saat ini cursor anda menggunakan script yang ada text mengikutinya, maka script bintang kecil ini tidak akan bekerja. MAKA sebaiknya anda delete saja dulu script untuk cursor yang ada text mengikutinya.

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad. Silahkan surfing [ di sini ] untuk mendapatkan file JavaScript terbarunya.

Selamat mencoba, semoga bermanfaat

Link pelangi berkedip

Begitu banyak link text yang tersimpan pada blog kita, alangkah baiknya jika semua link text tersebut kita buat seragam dalam penampilan warnanya jika didekati oleh cursor. Mungkin selama ini anda telah banyak menemui trik ini di tempat lain, karena trik ini juga merupakan trik lama. Tapi trik ini tentunya sangat berbeda dengan trik-trik yang telah anda temukan tersebut, karena saya sudah merubah beberapa script nya agar terlihat unik dari script yang lain.

Perbedaan yang saya rubah adalah pada unsur blink nya, anda bisa lihat pada contoh dibawah ini, perhatikan efek ngeblink nya, saya sudah rubah agar ngeblink nya lebih cepat tanpa mengurangi unsur warna-warninya. Coba anda dekatkan cursor anda pada link text di bawah ini, anda pasti bisa lihat perbedaannya dengan link warna-warni yang selama ini anda temukan.

Pingin Belajar

Jika para sobat tertarik untuk memasangnya di blog, silahkan untuk mengikuti langkah-langkah berikut ini :

1. Masuk ke Dasbor
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan menu HTML/JavaScript
6. Pada kolom Konten, pastekan script di bawah ini

<script src='http://h1.ripway.com/pinginbelajar/0509/rainbow_link.js' type='text/javascript'/>

7. Klik Simpan
8. Selesai

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad. Silahkan surfing [ di sini ] untuk mendapatkan file JavaScript terbarunya.

Selamat mencoba, semoga bermanfaat

Emoticon yahoo dikomentar

Saya akan coba jelaskan cara membuat emoticon versi Yahoo pada kotak komentar. Kemungkinan ada yang berfikir bahwa emoticon versi Yahoo lebih kecil dan tidak akan memakan bandwidth lebih besar. Okelah, apapun alasannya, artikel tentang emoticon Yahoopun sudah saya terbitkan, silahkan para sobat pilih saja, mau memakai emoticon yang mana.

Cara-caranyapun persis seperti membuat emoticon sebelumnya, jadi para sobat tidak akan kesulitan untuk meletakkannya, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode < /body >
6. Persis sebelum kode tersebut, pastekan scirpt di bawah ini

<script src='http://h1.ripway.com/pinginbelajar/042009/emoticon_yahoo.js' type='text/javascript'/>

7. Silahkan cari lagi di dalam template anda kode <b:if cond='data:post.embedCommentForm'>
8. Persis sebelum kode tersebut, pastekan script di bawah ini

<div style='overflow:no; width:100%px; height:100%px; padding:5px 5px 5px 5px; background:#FFFFFF;'>

<center><b>

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>:))

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>:)]

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>;))

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>;;)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>:D

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>;)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>:p

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>:((

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>:)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>:(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>:X

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>=((

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>:-o

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>:-/

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>:-*

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>:|

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>8-}

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>~x(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>:-t

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>b-(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>:-L

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>x(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>=))

</b></center>

</div>

9. Klik Simpan Template
10. Selesai

Bagi para sobat blogger yang mengalami masalah dalam pemasangan emoticon ini, kemungkinannya disebabkan karena sebelumnya ada beberapa script yang pernah dirubah pada script comment anda, jadi solusinya kita harus merubah lagi beberapa script comment tersebut, bagaimana caranya...? Ada satu blog yang sedang membahas tentang script comment tersebut saat ini [ DeciL ], beliau adalah sobat saya, silahkan anda langsung surfing ke blog tersebut. Semoga dengan penjelasan beliau, andapun bisa mempunyai sebuah emoticon di kotak komentar. Amin

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad. Silahkan surfing [ di sini ] untuk mendapatkan file JavaScript terbarunya.

Selamat mencoba, semoga bermanfaat

Emoticon di kotak komentar

Akhirnya saya punya waktu juga untuk menulis artikel ini, maklumlah kalau kuli seperti saya ini agak susah punya waktu luang. Dan postingan saya kali ini akan menjawab sebuah pertanyaan dari salah seorang blogger 4k4n3ch4n yang meminta untuk diajarin cara membuat emoticon di kotak komentar.

Emoticon yang saya pakai bisa para sobat lihat dulu, silahkan scroll halaman ini ke bawah dan letaknya persis di atas kolom penulisan komentar, apakah para sobat tertarik juga untuk memilikinya...? Jika tertarik, silahkan untuk melanjutkan membaca artikel ini.

Untuk bisa mendapatkan emoticon di kotak komentar, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode </body>
6. Persis sebelum kode tersebut, pastekan script di bawah ini

<script src='http://h1.ripway.com/pinginbelajar/042009/comment_emoticon.js' type='text/javascript'/>

7. Silahkan cari lagi di dalam template anda kode <b:if cond='data:post.embedCommentForm'>
8. Persis sebelum kode tersebut, pastekan script di bawah ini

<div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='http://img7.imageshack.us/img7/5660/pinginbelajar1.gif'/>:10
<img border='0' src='http://img162.imageshack.us/img162/9828/pinginbelajar2.gif'/>:11
<img border='0' src='http://img338.imageshack.us/img338/2876/pinginbelajar5.gif'/>:12
<img border='0' src='http://img178.imageshack.us/img178/4784/pinginbelajar6.gif'/>:13
<br/>
<img border='0' src='http://img15.imageshack.us/img15/5646/pinginbelajar7.gif'/>:14
<img border='0' src='http://img54.imageshack.us/img54/9709/pinginbelajar8.gif'/>:15
<img border='0' src='http://img228.imageshack.us/img228/2490/pinginbelajar9.gif'/>:16
<img border='0' src='http://img254.imageshack.us/img254/9241/pinginbelajar10.gif'/>:17
<br/>
<img border='0' src='http://img249.imageshack.us/img249/715/pinginbelajar16.gif'/>:18
<img border='0' src='http://img19.imageshack.us/img19/8225/pinginbelajar20.gif'/>:19
<img border='0' src='http://img249.imageshack.us/img249/368/pinginbelajar21.gif'/>:20
<img border='0' src='http://img249.imageshack.us/img249/3122/pinginbelajar23.gif'/>:21
<br/>
<img border='0' src='http://img8.imageshack.us/img8/7082/pinginbelajar24.gif'/>:22
<img border='0' src='http://img249.imageshack.us/img249/9643/pinginbelajar25.gif'/>:23
<img border='0' src='http://img3.imageshack.us/img3/9077/pinginbelajar26.gif'/>:24
<img border='0' src='http://img249.imageshack.us/img249/5254/pinginbelajar27.gif'/>:25
<br/>
<img border='0' src='http://img8.imageshack.us/img8/4191/pinginbelajar28.gif'/>:26
<img border='0' src='http://img13.imageshack.us/img13/3637/pinginbelajar29.gif'/>:27
<img border='0' src='http://img167.imageshack.us/img167/1944/pinginbelajar32.gif'/>:28
<img border='0' src='http://img53.imageshack.us/img53/61/pinginbelajar33.gif'/>:29
<br/>
<img border='0' src='http://img186.imageshack.us/img186/7215/pinginbelajar35.gif'/>:30
<img border='0' src='http://img106.imageshack.us/img106/7729/pinginbelajar36.gif'/>:31
<img border='0' src='http://img106.imageshack.us/img106/700/pinginbelajar17.gif'/>:32
<img border='0' src='http://img231.imageshack.us/img231/4497/pinginbelajar34.gif'/>:33
<br/>
<img border='0' src='http://img4.imageshack.us/img4/1805/pinginbelajar31.gif'/>:34
<img border='0' src='http://img72.imageshack.us/img72/7403/pinginbelajar30.gif'/>:35
<img border='0' src='http://img249.imageshack.us/img249/5619/pinginbelajar22.gif'/>:36
<img border='0' src='http://img249.imageshack.us/img249/9919/pinginbelajar15.gif'/>:37
<br/>
<img border='0' src='http://img254.imageshack.us/img254/9607/pinginbelajar14.gif'/>:38
<img border='0' src='http://img19.imageshack.us/img19/6241/pinginbelajar13.gif'/>:39
<img border='0' src='http://img19.imageshack.us/img19/2213/pinginbelajar12.gif'/>:40
<img border='0' src='http://img249.imageshack.us/img249/2448/pinginbelajar11.gif'/>:41
<br/>
<img border='0' src='http://img162.imageshack.us/img162/6028/pinginbelajar3.gif'/>:42
<img border='0' src='http://img162.imageshack.us/img162/1236/pinginbelajar4.gif'/>:43
<img border='0' src='http://img254.imageshack.us/img254/50/pinginbelajar19.gif'/>:44
<img border='0' src='http://img19.imageshack.us/img19/464/pinginbelajar18.gif'/>:45
</b></center>
</div>

9. Klik Simpan Template
10. Selesai

Bagi para sobat blogger yang mengalami masalah dalam pemasangan emoticon ini, kemungkinannya disebabkan karena sebelumnya ada beberapa script yang pernah dirubah pada script comment anda, jadi solusinya kita harus merubah lagi beberapa script comment tersebut, bagaimana caranya...? Ada satu blog yang sedang membahas tentang script comment tersebut saat ini [ DeciL ], beliau adalah sobat saya, silahkan anda langsung surfing ke blog tersebut. Semoga dengan penjelasan beliau, andapun bisa mempunyai sebuah emoticon di kotak komentar. Amin

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad. Silahkan surfing [ di sini ] untuk mendapatkan file JavaScript terbarunya.

Selamat mencoba, semoga bermanfaat

Buat link dalam komentar

Ketika visitor berkunjung ke blog anda, biasanya mereka akan meninggalkan sebuah jejak dengan menulis sebuah komentar. Yang paling banyak kita jumpai adalah pada Shoutbox, Cbox ataupun sejenisnya. Disana anda akan menulis ID anda, alamat blog anda dan komentar anda. Pada kolom alamat blog di Shoubox ataupun Cbox, biasanya anda pasti mengisinya, karena dengan demikian author ataupun visitor pada blog tersebut akan lebih mudah mengunjungi blog anda, dengan hanya dengan satu klik saja pada ID anda tersebut maka tibalah mereka di blog anda.



Tapi tidak demikian halnya dengan Kolom Pada Kotak Komentar yang ada pada artikel/postingan kita. Karena disana visitor biasanya diberi beberapa pilihan untuk memasukkan data. Pilhan tersebut bisa dilihat pada bagian bawah kolom komentar di blog anda. Sangat beruntunglah kita jika visitor mau memilih pilihan "Name/URL", karena kita bisa langsung berkunjung ke blog tersebut hanya cukup dengan satu kali klik saja pada ID tersebut. Tapi jikalau visitor memilih pilihan "ID Google" maka jika kita ingin berkunjung ke blog tersebut, kita akan dialihkan terlebih dahulu oleh Google menuju "Dasbor" pemilik blog tersebut. Dari Dasbor tersebutlah kita bisa menuju ke blog yang kita inginkan. Seandainya pada Dasbor tersebut terdapat hanya satu nama blog, maka suatu keberuntungan bagi kita, karena kita langsung berkunjung ke blog tersebut. Tapi, bagaimana jika di Dasbor tersebut terdapat lebih dari satu nama blog...? Kita akan berfikir, kira-kira blog yang mana yang harus kita kunjungi..? ataukah kita harus mengunjungi semua blog yang dimilikinya....?





Pada artikel kali ini saya akan berbagi kepada semua blogger untuk mempermudah author atau visitor pada blog yang telah kita tinggalkan jejak berupa sebuah komentar pada artikelnya agar mereka dengan hanya satu klik saja bisa langsung masuk ke blog kita. Dan kita tidak perlu lagi memilih pilihan "Name/URL" lagi, dan kitapun tidak usah mencantumkan URL blog kita lagi pada kolom pengisian data. Kita akan ciptakan sebuah tulisan yang kita ketik pada kolom komentar tersebut menjadi sebuah "Link". Link tersebut juga akan kita lengkapi dengan sebuah "Title". Jadi ketika cursor didekatkan ke tulisan tersebut maka secara otomatis akan tampil sebuah "ID" yang telah anda setting sesuai selera anda. Dan yang pasti siapa saja yang mengklik tulisan komentar kita tersebut maka secara otomatis mereka akan langsung masuk ke blog kita, karena sekarang tulisan komentar tersebut sudah kita rubah menjadi sebuah Link.




Silahkan anda copy script ini, kemudian pastekan pada kolom kotak komentar di blog yang akan anda beri komentar

<a href="http://pinginbelajar.blogspot.com" rel="nofollow" title="[ Uda ]">komentar anda</a>

1. Silahkan ganti script http://pinginbelajar.blogspot.com dengan alamat URL blog anda

2. Silahkan ganti script [ Uda ] dengan ID anda


3. Silahkan ganti script komentar anda dengan komentar yang ingin anda tulis

4. Selesai



Untuk mempermudah setiap kali anda ingin menulis komentar berupa Link seperti ini, silahkan edit terlebih dahulu script di atas sesuai ID dan alamat blog anda, kemudian simpan pada file anda. Jadi anda tinggal copy dan paste saja nantinya. Untuk melihat hasilnya, silahkan anda praktekkan langsung script tersebut pada kolom komentar yang ada di blog saya ini.



Selamat mencoba, semoga bermanfaat

Membuat Cursor Diikuti Text

Ketika saya blogwalking ke beberapa site para sobat, saya banyak menemukan cursor yang selalu diikuti oleh text. Saya berfikir bagaimana cara membuatnya. Akhirnya saya menemukan jawaban tersebut di salah satu site SMU negeri di Pekanbaru [ di sini ].
visit n learn
Tetapi setelah saya perhatikan ternyata kita hanya bisa memilih salah satu dari script yang telah diciptakan yang mempunyai text berbeda. Adapun text-text tersebut adalah "Selamat Menikmati Blog Ini", "Welcome", "Selamat Datang Di Blog Ini", "Selamat Datang" dan "Enjoy Stay Here".

Kemudian saya berfikir lagi, bagaimana misalnya saya tidak ingin menggunakan text yang telah diciptkan tersebut..? Dan bagaimana caranya agar saya bisa menciptakan text yang akan saya ciptakan sendiri..? Dan akhirnya terbuka juga rahasianya, dan sayapun sekarang bisa membuat cursor yang diikuti text yang saya inginkan.

Jika sobat tertarik untuk menciptakan cursor dengan text sendiri, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilhan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom 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='pingin belajar'.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+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+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>

7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda
8. Klik Simpan
9. Selesai

Saya sangat berterimakasih pada site "smekanfive" Pekanbaru yang telah memberi saya inspirasi dan akhirnya membuat saya berfikir bagaimana cara mengutak-atik script tersebut.

Selamat mencoba, semoga bermanfaat