Efek Bintang Jatuh Dari Cursor

Setelah memakai trik membuat link berkedip ketika disorot crusor ternyata blog kita semakin menarik saja. apalagi kalau ditambahin Efek Bintang Jatuh dan Daun Gugur, pasti lebih terlihat berkelap kelip dech blog kita. seseorang jadi tambah betah aja berlama-lama mengunjunginya.

Yang masih seneng menghias blognya dengan animasi dan juga widget blog maka terusin aja ceriamu ...... eh keliru, maksudnya terusin aja membacanya.karena blogger newbie ingin membagikan trik untk mempercantik blog lagi dengan animasi bintang jatuh dari cursor.

Oke,langsung saja ikutin langkah - langkahnya ya :

1. Seperti biasanya Masuk ke account blogger anda
2. Klik Tata Letak >>> Edit Entri
3. Klik Tambah gadget / add widget
4. Pilih HTML/JavaScript
5. Copy dan paste kode dibawah ini kedalam Ruang HTML/JavaScript tadi



<script src="https://sites.google.com/site/ajurna1/freeware/bintangcrusor.js"></script>



6. Simpan
7. Lihat hasilnya

Gimana ??? udah sesuai keinginan belum , atau malah bla bla bla gak ada perubahan ??
kalau g ada perubahan atau scriptnya mati silahkan contak blogger newbie agar dibantu.

Oke, selamat mencoba. semoga bermanfaat . . . . . . 

Efek Bintang Jatuh dan Daun Gugur

Untuk mempercantik blog,memang banyak ccaranya dan banyak widget yang digunakan.salah satunya yang akan saya bahas adalah tips untuk menghias blog dengan menambahkan Efek Bintang Jatuh dan Daun Gugur, mungkin sobat yang ingin menggunakan dapat di tambahkan ke dalam blog yaitu :

1. Efek Bintang Berjatuhan
2. Efek Daun Berjatuhan

Langkah Memasukan kode HTML Bintang/Daun Berjatuhan

Anda dapat menggunakan salah satu dari kode HTML tersebut dengan langkah yaitu :

1. Login ke Blogger dengan ID Anda
2. Pada Dasbor Klik Tata Letak
3. Klik Tambah Gadget pada Elemen Halaman
4. Klik HTML/JavaScript pada jendela Tambahkan Gadget
   
   
5. Copy salah satu kode HTML dibawah ini pada jendela MengkonfigurasiHTML/JavaScript
   
   
   <script src="http://www.geocities.com/sehatserasi72/efekbintangberjatuhan.js"></script>
   
   
   
   <script src="http://www.geocities.com/sehatserasi72/efekdaunberguguran.js"></script>
   
   
   
   
   
6. Klik Simpan
7. Selesai

Selamat mencoba.......

UPDATE !!!!!

Jika script diatas tidak jalan maka ini aku kasih script baru :

<script src="http://ajurna.googlecode.com/files/daungugur1.js"></script>

<script src="http://ajurna.googlecode.com/files/salju1.js"></script>

Cara Membuat Twitter Terbang di Blog

Twitter terbang di blog sebenarnya aku pasang di blog ini sudah lama, tapi aku gak pernah sharing tentang bagaimana cara memasangnya di blog karena script itu aku peroleh dari googleing juga dan aku pasang di blog ini. Tapi ternyata banyak yang bertanya kepada ajurna bagaimana cara memasang twitter terbang seperti di blog ajurna.net ini, sehingga lebih baik aku share disini saja supaya teman-teman blogger newbie tidak kesulitan googleing yang katanya pada tersesat di blognya orang pintar sekelas blog AGC. kalau disini dijamin tidak akan tersesat karena ini blognya blogger newbie dan menghargai newbie.

Oke langsung saja menuju target.

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. add widget >>> pilih HTML/JavaScript.
4. Copy code dibawah ini dan paste di widget HTML/JavaScript.
   
   
   
   <script type="text/javascript" src="http://ajurna.googlecode.com/files/twitterflay.js"></script>
   <script type="text/javascript">
   var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsMi2wDhzWGZgBRobMQGdF3xGZdaSGuROfTeMSrI1t8CxpiXuONvD0Qtc1TP8fBzmYhtIVpG5hB9XPwxfG7DaXplSKCCppFAn4IgfnVeckPzY6H613Pd9CFHnxxiEYF6tY_5TjvnmuejI//"; 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/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://www.ajurna.net/";tripleflapInit();</script>
   
   
   Penting :
   - Ganti text TwitterKamu pada code dengan nama twitter kamu
5. Klik Simpan.
6. Selesai dech, silahkan dicek.

kalau masih kurang menarik bisa dikasih efek daun gugur pada blog kamu loch.


Untuk pilihan warnanya silahkan pilih di http://www.misther.co.cc/2011/07/membuat-icon-twitter-flying-bird-dengan.html, disana banyak pilihan warnanya karena aku dapat code ini juga dari sana.

Memasang Shoutbox Melayang

Sidebar sudah penuh dengan Widget tapi shoutbox belum terpasang,nich solusinya.dengan shoutbox melayang ini kamu tetep bisa pasang shoutbox.selain itu juga dapat mempercantik tampilan blog kamu.jadi kalau kita ingin menggunakan shoutbox itu kita tinggal klik gambar PESAN tersebut ,maka shoutbox akan muncul dan bisa digunakan semestinya.

untuk contohnya bisa dilihat disamping kanan blog saya ini.

OK, Langsung saja menuju target. . .


caranya…pertama kamu copy dulu kode dibawah ini…, kemudian pastekan pada ( blogspot )…Tambah Gadget >>> Html/Javascript
Ini codenya….

<style type="text/css">
#nempel{position:fixed;top:65px;z-index:+1000;}
* html #nempel{position:relative;}
.nempeltab{height:100px;width:30px;float:left;cursor:pointer;background: #A5BD51 url('http://lh5.ggpht.com/_xcD4JK_dIjU/Stq23DPOQUI/AAAAAAAADhQ/2imPnFpVUrA/d/floatnav.jpg')no-repeat;}
.nempelisi{float:left;border:2px solid #A5BD51;background:#CCFFFF;padding:8px;}
</style>
<script type="text/javascript">function showHideNempel(){var nempel =document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script>
<div id="nempel">
<div class="nempeltab" onclick="showHideNempel()"></div>
<div class="nempelisi">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="250" frameborder="0" src="http://www6.shoutmix.com/?m4rlif" height="350" title="m4rlif">
<a href="http://www6.shoutmix.com/?m4rlif">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->

<div style="text-align:right;"><a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;" href="javascript:showHideNempel()">[Close]</a></div>
</div>
</div>
<script type="text/javascript">var nempel =document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script>

Keterangan: Untuk yang warna hijau kamu ganti dengan kode shoutbox kamu sendiri.

sedah jelaskan,kalau belum jelas dibaca secara cermat lagi yach.hehehe,,,,,,,,,,
OK, selamat mencoba 

Menghilangkan Garis Iklan Pada Adsensecamp

Kali ini kita membahas yang agak ringan sedikit. tadi pagi cek email ada pertanyaan tetang cara menghilangkan warna garis pada iklan adsensecamp. sebenarnya garis tersebut tidak bisa di hilangkan tapi kita bisa merubahnya agar warna tersebut sama dengan warna background di mana iklan tersebut di tempatkan. jadi seolah-olah kita bisa menghilangkannya. nah ini bisa langsung kita rubah pada saat mengambil kode script iklan. di sana terdapat pengaturan warna garis, background, tulisan dan linknya. tapi terkadang warna tersebut tidak sama dengan warna background yang kita inginkan. untuk solusinya anda bisa mengganti kode tersebut secara manual. adsensecamp memberi hak penuh untuk mengganti background tersebut secara menual. mau tau cara nya gimana? berikut ini cara nya:

Script yang terdapat di iklan adsensecamp lebih kurang seperti berikut:

<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=%2FGX4XWN0YpA%3D&cid=xoxibs15%2BiU%3D&chan=BKQPkAzHWEQ%3D&type=2&title=000000&text=000000&background=005094&border=005094&url=2BA94F" type="text/javascript"></script>
<!-- End: http://adsensecamp.com/ -->

Nah untuk merubah warna nya anda bisa mengganti kode yang di beri warna merah tersebut.

Catatan:

• title=000000 => ini adalah warna judul dari iklan adsensecamp tersebut, silahkan ganti ffffff dengan kode warna yang lain
• text=000000 => ini untuk warna teks
• background=005094 => ini untuk warna background
• border=005094 => ini untuk warna garis keliling
• url=2BA94F => ini untuk warna link url tujuan

Saya rasa anda sudah mengerti dengan penjelasan di atas. semoga artikel ini bermanfaat dan jangan lupa kembali lagi untuk membaca update terbaru ku setiap harinya. salam sukses......

Cara Membuat Gadget Terapung (Floating Widget)

Sebelumnya Blogger Tune-Up pernah membahas cara membuat Menu Navigasi Terapung dan Float Nav Bar. 

Mungkin teman-teman pernah jalan-jalan ke blog orang lain dan menemukan sebuah tombol di pinggir halaman yang jika di klik akan menampilkan sesuatu (misal; shoutbox, buku tamu, subscriber, dan lain sebagainya) dan posisinya selalu tetap walaupun halaman tersebut kita geser atas bawah kiri kanan. Sebenarnya hal tersebut pada dasarnya adalah sebuah gadget yang diatur seakan-akan mengapung atau menempel pada halaman. Sebagai contoh Blogger Tune-Up menggunakan gadget terapung ini untuk menempatkan ShoutMix yang sudah lama hilang pada sebelah kanan atas dengan tombol bertuliskan "PESAN".

Langkah integrasi gadget terapung (floating widget)

Langkah 1
Login ke blogger
Langkah 2
Masuk ke bagian "Tata Letak - Elemen Halaman"
Langkah 3
"Tambah Gadget" Baru dengan tipe "HTML/JavaScript"
Langkah 4
Masukan (copy paste) kode dibawah ini pada isi/konten gadget yang baru kita buat:

<style type="text/css">
#nempel{position:fixed;top:65px;z-index:+1000;}
* html #nempel{position:relative;}
.nempeltab{height:100px;width:30px;float:left;cursor:pointer;background: #A5BD51 url('http://lh5.ggpht.com/_xcD4JK_dIjU/Stq23DPOQUI/AAAAAAAADhQ/2imPnFpVUrA/d/floatnav.jpg')no-repeat;}
.nempelisi{float:left;border:2px solid #A5BD51;background:#CCFFFF;padding:8px;}
</style>
<script type="text/javascript">function showHideNempel(){var nempel = document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script>
<div id="nempel">
<div class="nempeltab" onclick="showHideNempel()"></div>
<div class="nempelisi">
<!-- Kode Isi Gadget Terapung -->
<div style="text-align:right;"><a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;" href="javascript:showHideNempel()">[Close]</a></div>
<span><a style="font-size: 10px; cursor:pointer; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #999" href="http://modification-blog.blogspot.com/2009/10/gadget-terapung-floating-widget.html" target="_blank">Widget by Blogger Tune-Up</a></span>
</div>
</div>
<script type="text/javascript">var nempel = document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script>

Langkah 5
Ganti <!-- Kode Isi Gadget Terapung --> dengan kode yang akan kita tampilkan pada gadget terapung.
Langkah 6
Simpan Gadget dan Preview blog

Hosting Java Script di Google Code

Jalan-jalan ke kang ocim, saya menemukan artikel yang sangat bagus. Nah, saya hanya menyajikannya lagi dalam bahasa Indonesia agar lebih mudah dimengerti. Jika sebelumnya saya pernah membahas mengenai trik hosting file di google site, maka kali ini mari kita gunakan alternatif untuk host file java script kita di google code. Jadi, bagi Anda yang selama ini kebingungan mencari host gratisan dan banyak yang tidak stabil, google code adalah alternatif yang bisa Anda gunakan.

Membuat Project

- Silahkan Klik untuk menuju ke Fasilitas Host di Google Page (login dengan akun gmail Anda) 

- Klik Create a New Project

- Isi data pada kolom isian
Project Name, isikan dengan nama halaman Anda
Project Summary, isi dengan judul proyek Anda
Project Description, berikan deskripsi/keterangan sesuka Anda
Version Control System, pilih Mercurial
Source Code Licenses, pilih GNU General Public License v3
Centang Use a Separate Content License dan pilih salah satu
- Jika sudah klik tombol Create Project




Submit File
- Klik tab Downloads pada bagian atas

 

- Klik link New Download
- Muncul Jendela baru

 

Summary, beri judul file Anda
File, klik browse untuk mengambil file dari komputer Anda
Labels, berikan label jika diperlukan
- Jika sudah klik Submit File


Mengambil Alamat Script
- Untuk mendapatkan alamat filenya, klik kanan pada nama file, lalu klik copy link location
simpan alamat yang didapatkan untuk nantinya digunakan dalam script Anda.

Semoga bermanfaat untuk dunia blogging..

Hosting File di Google Site

Di berbagai blog tips dibahas pentingnya memiliki hosting sendiri. Banyak alasan yang mendasari. Selain kredibiltas tentu saja karena hosting gratisan tidak stabil dan sering terjadi gangguan. Saya sudah pernah menggunakan berbagai file hosting gratisan namun dulu lebih condong ke google pages. Nah, sebenarnya google te;ah menyediakan penggantinya yaitu dengan google site. Namun banyak blogger yang masih kesulitan menggunakannya.

1. Login ke http://sites.google.com/
2. Create Site
- Klik Create Site


- Muncul form isian, jika selesai mengisi klik lagi Create Site

- Halaman Web Anda terbentuk

3. Create page
- Klik tombol Create Page di pojok kanan atas

- Pada select a template use pilih File Cabinet

- Pada name isikan dengan javascript
- Pilih Put page at the top level
- Klik Create Page

4. Add File
- Klik tombol add file

- Ambil file dari komputer lalu klik Upload

- Setelah file Anda terupload maka Anda bisa mengambl linknya

5. Ambil Link
- Klik kanan pada link Download di bawah nama file yang telah di upload
- Pilih Copy link location

- Simpan link tersebut untuk anda gunakan nanti

Misal link yang anda dapat :

http://sites.google.com/site/masdoyoksite/javascript/mouseovertabs.js?attredirects=0&d=1

untuk menggunakan script tersebut sebagai sumber, hapus yang berwarna merah.

Hal sama anda lakukan untuk file css, gambar dan lain-lain (Hapus yang berwarna merah)

Semoga bermanfaat.

Pindahkan Google Page Creator (Googlepages) File Sekarang Juga

Berita mengenai akan ditutupnya googlepages memang sudah sangat lama, namun beberapa hari ini Anda akan menemukan peringatan di dashboard Anda karena tentu kita semakin dekat dengan batas. Sebenarnya layanan ini hanya akan diintregasikan dengan Google Site. Bagi Anda yang tidak pernah menggunakan Google Page Creator untuk host Anda bisa mengabaikan pesan itu, namun bagi Anda yang menggunakannya untuk gambar atau beberapa konten Anda, segera cek dan back up ke layanan lain.

 

Kabar baiknya adalah google mengembangkan alat yang dengan mudah dapat membantu Anda.
- Silahkan klik untuk menuju ke template_fixer.
- Silahkan login dengan akun gmail Anda.
- Akan muncul daftar blog Anda. Jika tidak ada hubungan dengan googlepages, maka akan ada pesan No References To Page Creator.

 

Jika ada akan ada link petunjuk Update reference 

 

Update Template References
Anda akan berada pada halaman Update Template
- Segera Download template Anda ke komputer dengan klik Download your blog template

 

- Jika sudah selesai download klik tombol Next

Review Changes
Setelah klik Next otomatis muncul halaman Review Changes yang menginformasikan kepada Anda tentang file yang masih di host di googlepages dan referensi pemindahan. Klik tombol Update.
Selamat update sukses dan Anda akan mendapatkan perubahan yakni pesan No References To Page Creator

 

Trouble
1. Jika Anda menemukan file Anda corrupt dan tidak bisa di update, itu berarti tidak bisa diperbarui lewat tool.






2. Jika Anda menemukan pesan You Have No Permission itu berarti Anda tidak memiliki kendali admin untuk blog terkait.

3. Update otomatis hanya berlaku untuk file hingga 1 MB. Lebih dari 1 MB tidak dapat diperbarui.

Solusi?
Untuk ketiga solusi di atas Anda bisa mencarinya dan memindahkan secara manual ke beberapa hosting gratis atau berbayar. Baca di : Host di Google Code atau Hosting di Google Site. Semoga bermanfaat.

Cara Mengatasi Hosting Javascript di Blogger

Sangat menyebalkan sekali saat file javascript yang kita simpan di host lain mulai kehabisan bandwidth. Blog yang semula terlihat interaktif malah jadi kacau balau tampilanya. Yah, inilah salah satu keleman blogger karena tidak memberikan kita kapasitas ruang simpan, terutama yang berurusan dengan file javascript. Sebagai alternatif biasanya kita bisa saja meminjam web hosting gratis dari pihak ketiga, sayangnya tawaran yang diberikan ternyata tidak selalu memuaskan. kapasitas simpan yang ditawarkan sih besar, tapi jadi percuma bila kapasitas bandwidth yang diberikan sangat tidak sebanding hehehe. Terus, gmana solusinya? tenang saja sob, karena kali ini saya akan mencoba berikan tips untuk mengatasi masalah-masalah seperti itu... ya.. mudah-mudahan tips ini cukup membantu permasalahan yang anda alami... OK.. lamsum saja ke pokok masalahnya..

Mengubah format ekstensi file dari  .js ke .txt

Ingat, tidak semua javascript dipanggil dengan akhiran .js, ini sebuah keuntungan dimana kita dapat menyimpan dan memanggil file javascript dalam format text yang tersimpan dalam format .txt 

Tidak semua layanan free web hosting memberikan keleluasaan bagi kita untuk menyimpan file berformat .js pada hosting mereka, jadi kita dapat mengakalinya dengan cara mengubah extensinya saja, dari .js ke .txt

Cara memanggil javascript berformat .txt pada host lain:

<script type="text/javascript" src="alamat-url-namafile.js" />

Pemanggilan bisa diganti dengan

<script type="text/javascript" src="alamat-url-namafile.txt" />

Simpan Javascript pada element halaman HTML/Blogger Gadget

Tidak semua kode javascript harus di simpan di host lain atau hanya dalam halaman Edit HTML, kita sebenarnya bisa saja memasang kode JS ini langsung pada element halaman blogger "HTML/Javascript". Namun sangat disayangkan cara ini tidak selalu 100% berhasil, karena tidak semua file javascript bisa support dengan penyimpanan pada widget ini. Mungkin hanya berhasil jika code javascript tersebut hanya berdiri sendiri, dalam artian file JS tersebut tidak saling berhubungan dengan memanggil kode yang satu dan kode lainnya. 

Simpan code javascript langsung pada halaman EDIT HTML

Platform blogger sebenarnya membebaskan kita untuk meletakan langsung kode javascipt pada halaman Edit HTML. Cara ini selalu berhasil saya terapkan, namun kadang tidak terlalu efektif juga bila code javascript yang kita gunakan terlalu panjang code scriptnya. Cara yang terakhir ini menurut saya merupakan salah satu terbaik yang harus dicoba.

Sebelum mencoba cara dibawah, pastikan kita sudah mempunyai code JS yang akan disimpan. Jika rekan masih bingung, kode JS bisa ditemukan langsung dengan mengambil melalui alamat URL. lihat contoh pemanggilan kode dibawah yang tercetak tebal. disitulah biasanya kode JS disimpan.

<script type="text/javascript" src="alamat-url-namafile.js" />

Coba dengan masukan langsung urlnya di browser, kalo sudah ketemu tinggal copy saja kodenya. 

Agar kode JS yang sebelumnya di host dialamat lain bisa langsung digunakan diblogger, kita bisa langsung menggunakan kode dibawah ini. 

<script type='text/javascript'>

//<![CDATA[

Isi_Script_Disini

//]]>

</script>

Semoga saja cara diatas bisa mengatasi masalah kehabisan bandwidth, kalo masih bermasalah ya tinggal gunakan saja Hosting berbayar..beres heheheh

Cara Menampilkan Kode HTML/Javascript pada postingan kita

Mungkin anda sudah pernah ingin menulis kode javascript/HTML ke postingan tetapi hasilnya kode tersebut hilang/tidak tampak. Pasti kamu ingin menampilkan kode HTML/javascript pada postingan kamu itu. Untuk mengatasinya, kamu dapat meng-convert kode tersebut(dalam kata lain mengubah kode tersebut berformat postingan). Initipsnya: kamu harus mengubah kode tersebut ke format khusus untuk postingan. hal ini bisa dilakukan secara manual tapi akan memakan waktu yang lama jika kode javascript yang kamu masukkan mempunyai panjang yang tak terbayangkan.

1. buka halaman http://centricle.com/tools/html-entities/

2. Masukan kode HTML/javascript 

3. Lalu klik encode

4. Copy semua kode hasil encode tersebut

5. Lalu paste ke dalam postingan kamu

6. Selesai
 

Pasti kodenya berbeda dengan kode javascript yang ingin kamu masukkan kedalam postingan kamu. tetapi setelah diterbitkan, kode akan berubah seperti kode yang ingin kamu masukkan sebelumnya.

 

Nb : Jangan lupa klik menu “HTML” di kotak posting atas-kanan sebelum memasukkan kode html yang sudah di-encode tadi.

Tips Cara Mengatasi Kesulitan Memasang Javascript di Template BlogSPOT

Pasang javascript memang gampang-gampang susah, Jo! Kadang sekali tempel langsung lewat begitu saja. Uh …. nyes …! Perasaan senang nggak karuan. Apa yang di harap muncul begitu javacript terpasang, langsung … jlep … nongol di blog. Kita tinggal sedikit menata ulang halaman atau tampilan sambil menyiulkan seratus lagu dang dhut. Suit sit sit … suit sit sot sit sit …. suiiiiii….iiit. Shot sit sit … sot sit sit sot sit sooooooooot … ot ….. Jrot …. Terus nafas megap-megap karena siulnya jadi kepanjangan! Iya, toh, Jo?! He …. Si Bejo nyang lagi ndelosor tiduran di samping tempat aku ndelosor cuma’ cengar-cengir persis kerbau tolol di cocok pantatnya pakai batang kayu! He …. Untung saja si bejo dan bukan kerbau! Biar pantat di cocok besi paling juga cengar-cengir persis Tarzan yang suka street-walking (he..eh dia nggak kenal blog walking, je!).

Yah … emang begitu kasus yang sering kita alami dengan javascript. Kalau kebetulan kode javascriptnya cocok di blog, wus …. langsung bisa jalan tanpa perlu coba-sini coba-sana, semua bagai kentut tanpa dihalangi. Pasang javascript memang nggak banyak kendala bila dilakukan terhadap javascript yang sebelumnya telah diupload. Begitu juga pemasangan javascript melalui penambahan widget. Hampir bisa dikatakan 100% tak akan menemui kendala sama sekali. Permasalahan yang muncul biasanya hanya terjadi pada masalah ke-kompatibelan javascript tersebut terhadap browser atau blog yang kita kelola.

Permasalahan pemasangan javascript yang akan kita bicarakan di sini adalah ketika sebuah javascript akan kita pasang di antara tag <body> dan </body> atau di antara tag <head> dan </head> di dalam template (nggak lewat penambahan widget). Beberapa javascript sama sekali tak dapat disimpan dengan pernyataan penolakan yang disampaikan blogger karena berbagai alasan. Bagaimana cara mengatasi masalah seperti ini? Ada satu cara termudah yang dapat kita lakukan untuk menetralisir penolakan blogger tersebut. Tambahkan seikit kode baru seperti di bawah ini, maka slap ….. tanpa ba … bi … bu …. dan banyak cincong yang lain si javascript akan amblas menyatu dengan template dan blog sampeyan.

Cara Mengatasi Pemasangan Javascript yang Bandel di Template Blog

Di bawah ini adalah contoh bentuk kode javascript yang akan di pasang di blog :

<script type="text/javascript">
if(
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
this.innerText = '';
this.value = 'Close !;
}
else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = '';
this.value = 'Please ..., Open!';
}
</script>

Jadikan bentuk javascript menjadi seperti ini :

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

Di sini Javascript di tuliskan!

//]]>
</script>

Sehingga apabila diterapkan pada javascript di atas bentuknya menjadi seperti di bawah ini :

<script type="text/javascript">
//<![CDATA[
if(
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
this.innerText = '';
this.value = 'Close !;
}
else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = '';
this.value = 'Please ..., Open!';
}
//]]>
</script>

Yap … hanya seperti itu saja! nggak ada lagi yang lain. Tapi mengapa bisa jadi bisa di simpan, ya? Hoo … hooo … Tanya saja sama si Bejo nyang misih ndilosor atau datanglah ke ladang pak Sakimin kemudian tanya pada jagung yang bergoyang, … he …. he …

Cara Mengupload File JavaScript

File-file JavaScript agar bisa dibaca oleh browser terlebih dahulu harus kita upload. Banyak tempat hosting file JavaScipt dari yang berbayar sampai yang gratis. Untuk tutorial ini saya menjelaskan dan merekomendasikan untuk menyimpan file JavaScript anda di RipWay karena sangat mudah dan gratis untuk digunakan.

1. Bagi yang belum punya akun di RipWay silahkan daftar dulu di http://www.ripway.com.
2. Setelah login. Pada halaman utama Klik menu MyFiles

3. Klik Upload, untuk menuju halaman upload file.


4. Klik tombol browse untuk memilih file yang akan di upload.

Kemudian klik Upload untuk mulai menguplaod file.

5. Klik lagi menu My Files untuk mengambil URL file JavaScript anda.


6. Copy URL JavaScript anda agar dapat langsung digunakan.

Cara memanggil file javascript atau js ke halaman blog

cara memanggil file js nya ke halaman blog: 

<script type="text/javascript" src="alamat url atau link javascript sobat"></script>