Senin, 28 Februari 2011

Efek Opening Aneh


ahahah... kayak ga ada nama yang lain aja buat efek pembuka yang satu ini ! btw karena sudah bingung buat kasih namanya, terpaksa saya kasih nama n'tu ajah.....
setelah kang fatur posting Membuat Efek Roaming Windows akhirnya kangfatur buat lagi nie yang judulnya pake aneh, Kenapa diblang aneh yaa karena membuat Jendela kita menjadi mondar mandir kaya yang lagi pusing hehe. Okay... , jika para sobat tertarik, silahkan ikuti langkah-langkah berikut :

1. Sign in ke account blogger sobat
2. Pergi ke Layout | Page Elements tab untuk blog Sobat
3. Klik "Tambah Gadget" link yang muncul di sidebar tata letak Sobat untuk menambahkan script
4. Sobat akan melihat jendela popup dengan semua jenis Gadgets yang dapat ditambahkan ke blog Sobat.
5. Klik pada "HTML / JavaScript" gadget


Kemudian Copast(Copy paste) kode dibawah ini :




<script>
//Edited by Andreas fafandreo at october'2008
window.scrollBy(0, 1)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",30);
setTimeout("move()", 1);
var mxm=50
var mym=25
var mx=0
var my=0
var sv=50
var status=1
var szx=0
var szy=0
var c=255
var n=0
var sm=30
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.05
mym=mym/1.05
mx=mx+mxm
my=my-mym
mxm=mxm+(400-mx)/100
mym=mym-(300-my)/100
window.moveTo(mx,my)
rmxm=Math.round(mxm/10)
rmym=Math.round(mym/10)
if (rmxm == 0)
{
if (rmym == 0)
{
status=2
}
}
}
if (status == 2)
{
sv=sv/1.1
scrratio=1+1/3
mx=mx-sv*scrratio/2
my=my-sv/2
szx=szx+sv*scrratio
szy=szy+sv
window.moveTo(mx,my)
window.resizeTo(szx,szy)
if (sv < 0.1)
{
status=3
}
}
if (status == 3)
{
c=c-16
if (c<0)
{status=8}
}
if (status == 4)
{
c=c+16
if (c > 239)
{status=5}
}
if (status == 5)
{
c=c-16
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
if (c > 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout("move()",0.3)
}
</script>



Setelah sobat paste kode diatas, silahkan sobat klik tombol Save/simpan o.k?
Jangan lupa, karena kita menginginkan agar gadget ini beraksi pada saat awal halaman dibuka, maka letakkan gadget ini pada posisi PALING ATAS !! baik pada side bar maupun tempat gadget lainnya o.K?
Dan lihat hasilnya !! hehehe... kalian dapet opening yang bikin dag-dig-dug pengunjung !!
Mudah bukan ?
Kalau sudah dipasang... silahkan anda bagikan ilmu ini pada teman-teman yang membutuhkan, Jangan pelit ya ?
Selamat mencoba !!

Jumat, 25 Februari 2011

, , » Cara Modifikasi ShoutBox (Buku Tamu)

Cara Modifikasi ShoutBox (Buku Tamu)

Hai... Sobat t'Net..
Hari yang sangat indah jika teman-teman masih bisa tersenyum seperti gambar ini Ketawa
nangis. Nah teman-teman tidak pengen dong cemberut terus seperti gambar ini Fakyu.
heheheheh. itu adalah sebuah refresing buat kita hari ini.
Oke tidak usah panjang lebar lagi, kita langsung ke pokok bahasan yah>
artikel saya kali ini berjudul Modifikasi ShoutBox (Buku Tamu). Memang kenapa sih dengan buku tamu?. Banyak orang mengatakan penampilan yang menarik itu lebih digemari orang-orang. Nah untuk itu saya mau memberi tip untuk sobat t'Net, gimana caranya supaya blog kita lebih menarik. Lebih khususnya lagi buat Buku Tamu blog kita. Dalam modifikasi ShoutBoxnya maka semua halaman blog kita akan kelihatan gelap saat kita membuak buku tamu tersebut. Seperti contah gambar di bawah ini.


Sebelum memodifikasi ShoutBox (buku Tamu) ini sobat t'Net sudah harus mempunyai Shoutboxnya. Jika belom silahkan buat di Situs INI, silahkan anda mendaftar disana, setelah itu baru anda kembali kesini. (hahhah...da kayak mengusir nih....)

Kalau sudah mempunyai ShoutBox, ikuti langkah berikut ini:

1. Seperti biasa, anda sudah berada pada Dasbor Blog anda
2. Pilih Rancangan
3. Pada Elemen Laman, pilih Tambah Gadget
4. Kemudian pilih HTML/JavaSript
5. Letakkan kode di bawah ini di dalam kolok HTML/JavaScript tsbt.


Kodenya Ada Di Sini




<!-- Start Shoutbox light effect by azis -->

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script>
$(document).ready(function() {
//select all the a tag with name equal to modal

$('a[name=modal]').click(function(e) {

//Cancel the link behavior

e.preventDefault();



//Get the A tag

var id = $(this).attr('href');



//Get the screen height and width

var semahHeight = $(document).height();

var semahWidth = $(window).width();



//Set heigth and width to semah to fill up the whole screen

$('#semah').css({'width':semahWidth,'height':semahHeight});



//transition effect

$('#semah').fadeIn(1000);

$('#semah').fadeTo("slow",0.8);



//Get the window height and width

var winH = $(window).height();

var winW = $(window).width();



//Set the popup window to center

$(id).css('top', winH/2-$(id).height()/2);

$(id).css('left', winW/2-$(id).width()/2);



//transition effect

$(id).fadeIn(2000);



});



//if close button is clicked

$('.window .close').click(function (e) {

//Cancel the link behavior

e.preventDefault();



$('#semah').hide();

$('.window').hide();

});



//if semah is clicked

$('#semah').click(function () {

$(this).hide();

$('.window').hide();

});



});
</script>

<style>a {color:#ffffff; text-decoration:none}
img { border: none; }
#semah {

position:absolute;

left:0;

top:0;

z-index:9000;

background-color:#000;

display:none;

}



#wadah .window {

position:fixed;

left:0;

top:0;

width:440px;

height:200px;

display:none;

z-index:9999;

padding:20px;

}
#wadah #azisshoutbox {

background:url(http://i809.photobucket.com/albums/zz15/yuda03/REDGUESTBOOK.png) no-repeat 0 0 transparent;

width:272px;

height:460px;

padding:56px 0 20px 5px;

}
#tutupan {

padding:2px 0 0 0;

}

</style>


<ul><center> <a href="#azisshoutbox" name="modal"><img src="http://i809.photobucket.com/albums/zz15/yuda03/shoutboxtabRED.png" border="0" width="158" height="58" /></a> </center> </ul>

<div id="wadah">

<!-- Start Shoutbox -->

<div id="azisshoutbox" class="window">

SIMPAN SCRIPT SHOUTBOX KALIAN DISINI
<div id="tutupan"><input type="button" value="Close" class="close" />

</div></div><!-- End Shoutbox -->

<div id="semah"></div></div>

<!-- End of Shoutbox light effect by azis -->
</div>
6. Kemudian silahkan diSimpan

Catatan
  • Untuk ukuran shoutbox/shoutmix/cbox kalian bisa kalian sesuaikan dengan background gambar.
  • Untuk Shoutmix ukurannya Height: 380px dan Width: 261px
  • Untuk Cbox ukurannya height:300px width:250px , untuk width yang bawah samakan dengan width pertama, karena di cbox ada 2 width
  • untuk ukuran tidak harus terpaku pada punya saya diatas, kalian boleh menyesuaikannya sendiri.

untuk background gambar bisa kalian ganti dengan gambar kalian sendiri, namun jika ingin gambar buatan AZIS LAMAYUDA bisa menggunakan gambar dibawah ini :

http://i809.photobucket.com/albums/zz15/yuda03/GUESTBOOKRED.png

http://i809.photobucket.com/albums/zz15/yuda03/gbRED.png

http://i809.photobucket.com/albums/zz15/yuda03/REDGUESTBOOK.png

http://i809.photobucket.com/albums/zz15/yuda03/shoutboxtabRED.png

TAMBAHAN sedikit sajo...
Tampilan button shoutbox diatas letaknya didalam sidebar, nah botton nya itu bisa kita tempel dengan backgroundny yg tadi. Untuk menempelkannya, silahkan ikuti langkah berikut!

Silahkan  Ganti kode Berikut
<ul><center> <a href="#azisshoutbox" name="modal"><img src="http://i809.photobucket.com/albums/zz15/yuda03/shoutboxtabRED.png" border="0" width="158" height="58" /></a> </center> </ul>
Kemudian ganti dengan Kode di bawah ini
<ul><div style='display:scroll; position:fixed; top:5px; right:3px;'>
<a href="#azisshoutbox" name="modal"><img src="http://lh3.ggpht.com/_MvLBi88bM_I/TKBi6-LLyiI/AAAAAAAABgo/mXUIjU7ayaY/NiceGB.png" width="158" height="58" /></a>
</div>
</ul>
Untuk gambarnya juga dapat anda gunakan seperti di bawah ini,


Semoga bisa membantu dan Semoga bermanfaat....

Membuat Efek Hati Bertaburan di Blog

Buat sobat t'Net semuanya, sekarang saya ada trik lagi nih untuk membuat hati bertaburan di dalam blog kamu. Pada mau ka?. Baiklah sekarang saya akan menjelaskan tentang memberi efek hati bertaburan pada blog.Untuk lebih jelas mari kita ikuti Langkah demi langkah di bawah ini:


1. Masuk ke blogger , terus pilihTataLetak dan klik Edit HTML
2. Cari kode ini </body>
3. Letakkan kode di bawah ini di atas kode </body>

4. Setelah itu silahakan anda Simpan Template anda.

Semoga bermanfaat, Selamat mencoba

Cara Membuat Alert atau Pesan Pembuka

Sobat t'Net kali ini saya ingin memberikan tips untuk membuat pesan pembuka pada blog anda. Namun untuk lebih jelasnya lagi anda baca tulisan saya di SINI.
Pesan pembuka ini sebenarnya adalah hanya pekerjaan iseng saja. Kenapa? karena ini hanya pesan dari Admin saja untuk pengunjung. Seperti biasanya saya bisa mengkategorikan pesan pembuka ini adalah merupakan asesoris blog, yang dapat memperindah blog kita.
Untuk memasangnya pada blog kita, ikuti langkah-langkah berikut!


1. Seperti biasa Login ke Blogger dengan ID saudara
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri centang pada kotak di samping Expand Template Widget
5. Cari kode </head>  lalu pastekan skrip berikut ini di atasnya:

<script language="JavaScript">alert("SELAMAT DATANG DI BLOG SAYA");</script>
Tulisan yang berwarna Hijau adalah Kalimat/pesan pembuka anda kepada pengunjung blog anda.
 
Ket:
- Ganti kata TULISaN yang berwarna Hijau dengan pesan sesuai keinginan anda.
- Tanda kutip jangan dihapus.

Selamat mencoba!
» Membuat Effect Bintang Berjatuhan Pada Blog

Membuat Effect Bintang Berjatuhan Pada Blog

Syalom...damai sejahtera beserta anda sekalian.
Sobat2 t'Net yang terkasih, kali ini saya ingin memberikan tips untuk membuat sebuah asesoris blog, yaitu bintang berjatuhan pada blog. Sebelumnya saya ingin memberikan sedikit penjelasan tentang tips ini. Sebenarnya cara untuk membua binang berjatuhan ini sangatlah murah. Kita hanya butuh URL dari bintang tersebut. Nah supata lebih jelas silahkan ikuti langkah2 berikut.



Untuk Gambar bintangnya silahkan copy URLnya.
1. Bintang Hijau





Bintang Hijau





http://lh3.ggpht.com/_7ZIYPUkIUEw/TMx2r4tvtcI/AAAAAAAAADM/gvMmc0xvLbY/bintang_hijau.gif


2. Bintang Biru




Bintang Biru





http://lh4.ggpht.com/_7ZIYPUkIUEw/TMx2roq9W9I/AAAAAAAAADI/u_jKmBFeQAs/bintang_biru.gif


3. Bintang Merah




Bintang Merah





http://lh3.ggpht.com/_7ZIYPUkIUEw/TMx2r_KbvFI/AAAAAAAAADU/8N1aMkDLyww/bintang_merah.gif


4. Bintang Kuning




Bintang Kuning





http://lh4.ggpht.com/_7ZIYPUkIUEw/TMx2r6-ULFI/AAAAAAAAADQ/N6uapSpvKYk/bintang_kuning.gif

Membuat Efek Kembang Api pada Blog

Sebelum memberikan tutorial ini saya ingin menyampaikan selamat Tahun Baru IMLEK yah buat sobat t'Net yang merayakannya. Semoga tahun ini penuh dengan berkah.
Nah tutorial kali ini berjudul membuat efek kembang api pada blog. Ada kaitannya loh dengan perayaan Tahun Baru Imlek kali ini. Biasanya kembang api sangat erat kaitannya dengan perayaan Tahun Baru. Maka untuk itu saya akan memberikan trik untuk membuat kembang api pada blog anda. Semoga blog anda lebih indah dengan hadirnya kembang api ini.
Caranya adalah sebagai berikut:


1. Login ke blogger.com dengan ID saudara
2. Pilih Rancangan
3. Kemudian Tambah Gadget
4. Pilih Java Script/HTML
5. KOPAS kode di bawah ini
<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="For YiPI" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>
6. Kemudian SAVE
» Membuat Efek Burung Terbang

Membuat Efek Burung Terbang

Sebelumnya saya telah memposting tulisan tentang membuat taburan bintang dan bunga pada blog. (dapat anda cari di blog ini). Pada saat ini saya akan memberikan tips lagi untuk mempercantik blog anda dengan membuat animasi burung terbang pada blog. Sebenarnya tips ini sangat mudah sekali, namun saya tetap berterima kasih kapada Tips dan Trik Blog yang telah memberikan tips ini, dan kiranya saya diperkenankan untuk memposting trik ini kembali.


Untuk langkah selanjutnya kita akan melaksanakan pembuatan efek burung terbang ini.

1.Silahkan masuk ke blogger dengan ID saudara

2. Pada dasbor, pilih Layout

3. Pilih Add Gadget>>HTML/Java script

4. COPAS kode sript di bawah ini:

<script language="JavaScript1.2"
src="http://www.geocities.com/yono_pati/burung.js">
/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>

5. Lalu Simpan
6. semoga bermanfaat
rumahku sorgaku » » Membuat Taburan Daun Pada Blog

Membuat Taburan Daun Pada Blog

Hmmmmm...kembali lagi denngan say sobat t'Net!
HAri ini saya akan memberikan trik untuk mempercantik blog anda. Salah satunya kemarin sudah saya berikan yaitu cara membuat taburan hati pada blog. Sekarang kita akan membuat taburan daun pada blog, supaya lebih rame gitu...!! Nah untuk itu, jika sobat t'Net suka silahkan atuh diikuti langkah2 di bawah ini yeh!!!
heheheh
1. Masuk ke www.blogger.com
2. Masuklah dengan ID anda, biar aman. (heheheh..!)
3. Pilih Dasbor kamu Lalu Tata Letak
4. Kemudian pilih Tambahkan Gadget dan diteruskan denngan memilih HTML/JavaScript
5. Copas kode di bawah ini 

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>
6. Silahkan anda Simpan
Selesai deh..semoga bermanfaat yah!!!!!!!

mengatasi hecker

Rabu, 23 Februari 2011

Hari ini, beberapa user multiply melaporkan guest booknya kena hack orang iseng. Sebenernya ini bukan kasus baru. Seperti yang ditulis caksafa dalam journalnya yang ini, dia juga juga pernah mengalami dan di journalnya yang ini, dia dia memperingatkan resiko kalo guest book dihack orang.

Gimana sih caranya meng-hack account multiply orang lain?
Gue nggak akan terlalu detail membahas ini ya, karena nanti malah bikin yang belum tau jadi iseng kepingin nyoba. Tapi prinsipnya sederhana banget, yaitu di box reply, si hacker menginput sebuah reply yang ukurannya luar biasa gede sehingga menutupi seluruh layar.

Analoginya, bayangkan ada sebuah buku tulis yang ditimpa / ditutupi dengan lembaran koran. Tentu aja buku tulisnya jadi nggak keliatan, kan?

Makanya seperti yang dibilang Jazman di journalnya yang ini, para 'hacker' yang berkeliaran di MP adalah hacker kelas pemula alias newbie yang lagi kegirangan jajal ilmu. Karena pada dasarnya teknik yang mereka lakukan adalah amat sangat sederhana: cuma menutupi sebuah halaman dengan tampilan lain, dan bukan melakukan kerusakan serius di tingkat server, misalnya.

Trus gimana solusinya?

Seperti gue bilang di atas, sebenernya halaman yang "di-hack" nggak pergi ke mana-mana, dia tetep ada di situ, hanya ketutupan oleh sebuah reply berukuran raksasa. Berhubung hackingnya tingkat newbie, maka solusinya juga sederhana aja, yaitu reply biang kerok tadi harus kita delete.

Kalau kita login ke multiply, kita punya wewenang untuk mendelete reply manapun yang ada di  account kita, kan? Caranya dengan mengklik 'delete' di box reply seperti gambar berikut ini:


Tapi, gimana caranya mengklik link 'delete' tersebut kalo halamannya ketutupan?

cara1: dengan memanfaatkan CSS
Ini trik dari Jazman, yaitu dengan mengakses custom CSS kita (klik di sini) dan menambahkan kode berikut:

#Layer1 {display:none;}
maka reply yang menutupi tadi akan hilang, sehingga box replynya tampil lagi dan bisa kita delete.

cara2: dengan memanfaatkan 'view source'
Cara ini mungkin terlihat lebih ribet dari triknya Jazman, tapi cocok buat yang koneksi internetnya lambat karena pada prakteknya hanya butuh 1 kali reload halaman - reply biang keroknya udah langsung terdelete.

Contoh kasus:
Mbotx abis ngeMPi secara baik-baik dan positif di warnet, tapi lupa logout sesudahnya. Ah, sial, ternyata user sesudahnya adalah hacker newbie sok tau, sehingga posting yang baru dibuatnya dihack menjadi seperti ini:

(klik pada gambar untuk melihat posting yang dihack tersebut)

Alangkah terkejutnya Mbotx saat keesokan harinya melihat postingnya telah dirusak orang iseng. Untunglah, Mbotx adalah orang yang cinta damai dan tidak suka koar-koar, tantang-menantang, ataupun menyulut keributan seperti user yang satu ini. Dengan kepala dingin, Mbotx mengambil langkah-langkah berikut:

1. Menyorot / men-select dan mengcopy (dengan menekan 'ctrl+C') salah satu kata yang ditulis oleh si hacker. Yang diselect bisa kata mana saja, tapi sebagai contoh dalam kasus ini yang dipilih adalah kata "H A C K E D" di bagian awal pesan yang ditulis si hacker.

2. Habis itu si Mbotx menekan tombol mouse kanan dan memilih 'view source...' atau bisa juga dengan mengklik 'view' pada toolbar internet browsernya dan memilih 'source'. Maka terbukalah sebuah window baru berisi kode2 ajaib yang merupakan 'jeroan' alias 'onderdil' dari halaman MP-nya.

3. Setelah source halaman yang dihack terbuka, Mbotx menekan tombol 'ctrl+F' untuk mengaktifkan fungsi search. Di kotak search, dia mem-paste (dengan menekan 'ctrl+V') kata "H A C K E D" yang tadi telah dicopynya, dan menekan tombol 'Enter'. Bingo! Dia berhasil menemukan kata yang dicarinya:


3. Setelah berhasil menemukan lokasi reply si biang kerok, Mbotx menyorot / menselect kata tersebut dari KANAN ke KIRI. Tujuannya untuk menemukan kode 'delete' reply tersebut. Hasilnya seperti ini:
 
klik pada gambar untuk memperbesar.

4. Setelah berhasil menemukan kode untuk mendelete, Mbotx meyorot / menselect, kali ini dari KIRI ke KANAN untuk mengcopy seluruh kode tersebut.

klik pada gambar untuk memperbesar

Kode yang berhasil di dapatkannya berbunyi kurang lebih sebagai berikut:

'javaxript:confirmLink("Are you sure you want to delete this reply?", "/item/delete-reply/mbotx:journal:2+1? xurl=http%3A%2F%2Fmbotx.multiply.com %2Fjournal%2Fitem%2 F2&usertoken= U2FsdGVkX189tB3g YXpU3dQF9, i7S7X1j0kHx Oe64Wa VCIRGlR4I0A=="

Kode ini bersifat random, jadi akan selalu berbeda-beda dari satu user ke user lainnya, juga berbeda dari satu reply ke reply lainnya.

Supaya nggak pusing, Mbotx mempaste kode yang mirip ketikan seorang balita saat ditinggal main laptop sendirian tersebut ke program notepad. Dia lantas membuang bagian yang nggak perlu, dan menyisakan bagian yang penting saja yaitu mulai dari tulisan "/item/delete... sampai dengan bagian terakhir sebelum tanda kutip yaitu ...I0A=="


Ingat! Patokannya adalah tanda kutip, tapi tanda kutipnya nggak perlu diikut sertakan. Sehingga kode yang berhasil didapatkan oleh Mbotx adalah:

/item/delete-reply/mbotx:journal:2+1? xurl=http%3A%2F%2Fmbotx.multiply.com %2Fjournal%2Fitem%2 F2&usertoken= U2FsdGVkX189tB3g YXpU3dQF9, i7S7X1j0kHx Oe64Wa VCIRGlR4I0A==

Kode ini adalah link, yang bila diakses akan menghapus reply si biang kerok. Untuk membuat link tersebut berfungsi, Mbotx menambahkan domain-nya, yaitu alamat account multiplynya sehingga kodenya sekarang menjadi

mbotx.multiply.com/item/delete-reply/mbotx:journal:2+1? xurl=http%3A%2F%2Fmbotx.multiply.com %2Fjournal%2Fitem%2 F2&usertoken= U2FsdGVkX189tB3g YXpU3dQF9, i7S7X1j0kHx Oe64Wa VCIRGlR4I0A==

5. Mbotx mengcopy kode tersebut ke address bar internet browsernya:



dan dengan menekan tombol 'Enter' maka terhapuslah reply hacker newbie tersebut. Tapi TUNGGU DULU! Mbotx berpikir lagi, pengalaman ini bisa menjadi tips yang bermanfaat bagi para user lainnya, sehingga ia tidak jadi menekan tombol 'Enter' dan tetap membiarkan posting yang dihack itu seperti apa adanya di sini.

viewer

Diberdayakan oleh Blogger.