Nice Floating Menu Using jQuery !

Yuhuu... posting agy cuy... kali ini tentang floating menu . floating menu itu yg gimana sih ? itu tuh menu yg di sebelah kiri blog q.. tapi kali ini, menu yg aku share cuma sekedar memberikan efek floating pada menu . Coba deh liat demonya disini

Demo

Gimana ? mungkin style nya ga terlalu bagus.. wkwkwkkw kan bisa lu edit ndiri kale.. yg penting effect nya ya kan sob ? langsung ajah caranya bro..

1. Masukin script ini dibawah </head>..


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script src='http://granoblog.googlecode.com/files/jquery.dimension.js' type='text/javascript'></script>


2. ini css nya bro, uda tau kan dimana tempat css ?


#floatMenu {
position:absolute;
top:150px;
float:right;
width:200px;
}
#floatMenu ul {
margin-bottom:10px; list-style: none;
}
#floatMenu ul li a {
display:block;
border:1px solid #999;
background-color:#222;
border:2px solid #999;-moz-border-radius: 12px;
-webkit-border-radius: 12px;
text-decoration:none;
text-align:center;
color:#ccc;
margin-bottom:10px;
}
#floatMenu ul li a:hover {
color:#fff;
background-color:#333333;
}
#floatMenu ul.menu1 li a:hover {
border-color:#fff;
}
#floatMenu ul.menu2 li a:hover {
border-color:#fff;
}

Nb: Sesuai kata2 saya tadi, untuk hasil yg lebih memuaskan edit ndiri yah bro..

3. Javascriptnya sob, taruh di bawah sacript jquery tadi



<script language='javascript'>
var name = "#floatMenu";
var menuYloc = null;

$(document).ready(function(){
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
$(window).scroll(function () {
offset = menuYloc+$(document).scrollTop()+"px";
$(name).animate({top:offset},{duration:1500,queue:false});
});
});
</script>


Nb:
>> duration:1500 . ini adalah seberapa cepat effect floating . Semakin banyak durationya . semakin lambat pula effect floatingnya .

4. HTML, taruh dibagian body yah..


<div id='floatMenu'>
<ul class='menu1'>
<li><a href='#'> Home </a></li>
</ul>
<ul class='menu2'>
<li><a href='#'> Contact </a></li>
<li><a href='#'> Rss </a></li>
<li><a href='#'> Apa lagi yah ? </a></li>
</ul>
</div>



nah selesai deh.. gampang kan sob ?? bagus lagi

Readmore

Nice Blog Header With jQuery Parallax

Hoaaammmhh,,, nguantuk nih, tapi posting duyu ah.. Lawan ngantuk nya bentar aja . Karana lagi ngantuk, hehehhe, to the point aja sob . Sekarang Giliran plugin jQeury parallax yg saya akan mau share .

Terasa asing dengan kata2 jQuery parallax ?? See the demo page here..

Demo

Di dalam demonyah saya gunakan untuk header blog . Tapi yg saya jelaskan dsini sebenarnya bukan semata-mata jQuery parallax untuk header blog . Bnyak sekali penggunaan plugin yg satu ini . Yg akan saya jelaskan adalah gimanah cara pakenya, langsung aja..

1. Masukan jQuery ini..

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

2. Masukan plugin parallax ini


<script src='http://granoblog.googlecode.com/files/jparalax.js' type='text/javascript'/>

3. Ini sedikit Css nya..


#parallax div div
{font-family: Palatino, Georgia, Trebuchet MS, serif; font-size: 20em; line-height: 0.6em;}


Nb: Ukuran font bisa diganti sesuai selera..


4. Ini sedikit juga javascriptnya..


<script type='text/javascript'>
$(document).ready(function(){

$('#parallax').jparallax({triggerExposesEdges: true}).append(corners);

$('a.goto').click(function(){
var ref=$(this).attr("href");
// console.log(ref);
$('#parallax').trigger("jparallax", [ref]);
return false;
});

});

//-->
</script>


5. Yg terakhir tag htmlnya, masukan di bagian mana ajah, misalkan mau dibagian header . masukan di widget bagian header..


<div id='parallax' style='position:relative; overflow:hidden; width:60em; height:320px; background: #2F3134;'>

<div style='width:1200px; height:640px;'>
<div style='position:absolute; top:280px; left:150px; color:#9bc0e5'>
<a name='G'/>
G
</div>
</div>

<div style='width:1800px; height:420px;'>
<div style='position:absolute; top:180px; left:330px; color:#a4c522'>
<a name='i'/>
i
</div>
</div>

<div style='width:1400px; height:460px;'>
<div style='position:absolute; top:140px; left:360px; color:#e99400'>
<a name='B'/>
B
</div>
</div>

<div style='width:2000px; height:495px;'>
<div style='position:absolute; top:260px; left:520px; color:#b50c0c;'>
<a name='l'/>
l
</div>
</div>

<div style='width:1540px; height:480px;'>
<div style='position:absolute; top:230px; left:540px; color:#e99400;'>
<a name='o'/>
o
</div>
<div style='position:absolute; top:220px; left:780px; color:#b50c0c;'>
<a name='G'/>
G
</div>
</div>

</div>


Nb:
>> Untuk Huruf2 G I B L O G, yg pasti ganti sessuai keinginan sobat .
>> Warna Dari huruf2 juga bisa diganti
>> Besar kecil div id parallax juga bisa diganti .


Yup selesai deh . Mudah kan ?? Cukup menarik menurut saya kalo ditempatkan di bagian header . tapi gag tau lg gimana menurut sobat ?

Readmore

Menyembunyikan Comentar dengan Accordion Menu jQuery

Nah... posting lagi deh..

Sekarang saya akan share gimana cara menyembunyikan komentar pada posting di blog dengan teknik expand collaps . Udah bisa temen2 liat gimana tampilan komentar pada blog q ini . Lumayan kan ? buat nyembunyi'in komentar yg terasa terlalu banyak atau sekedar mempercantik tampilan commentar pada blog .

Disini saya akan coba share dari awal gimana cara buat accordion menu sampai gimana cara penerapannya pada commentar .


Untuk contoh dari Accordion menunya bisa teme2 liat di sebelah kiri blog saya,,

trus cara buatnya ?? ini tutorial saya ambil dari sini


1. Masukan script jquery ini

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

NB: Kalo udah punya biarkan saja biar ga double .

2. masukan script ini dibawah script diatas .
<script src='http://granoblog.googlecode.com/files/acordion.js' type='text/javascript'/>

<script src='http://granoblog.googlecode.com/files/acordion2.js' type='text/javascript'/<

Nb : Sebaiknya dihostingkan sendiri ke hostingan favorit sobat yg sekiranya lebih cepat


3. ini css nya..

.arrow{
width: 425px; /*width of accordion menu*/
}

.arrow .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(http://i25.tinypic.com/2885cih.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrow .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(http://i28.tinypic.com/24mw0n5.jpg);
}

#main .box1 .arrow ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrow ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrow ul li a{
color: #A70303;
background: url(http://i27.tinypic.com/eldzxd.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrow ul li a:visited{
color: #A70303;
}

.arrow ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

NB: Sesuaikan sama kebutuhan yah..

4. Sekarang penempatanya...

<div class="arrow">

<h3 class="menuheader expandable">Judul</h3>
<ul class="categoryitems">
isi..
</ul>

<h3 class="menuheader expandable">Judul</h3>
<ul class="categoryitems">
isi..
</ul>

<h3 class="menuheader expandable">Judul</h3>
<ul class="categoryitems">
isi..
</ul>


</div>


jadi deh accordion menu nya..

sekarang gimana caranya mengapplikasikan accordion menu pada kotak komentar..

1. Masuk Edit-HTML jangan lupa centang Expand Template Widget . lalu cari kode

<DL id='comments-block'>

lalu tambahkan script dibawah ini tepat diatas kode di atas,
<div class="arrow">

<h3 class="menuheader expandable">Judul</h3>
<ul class="categoryitems">

2. Lalu cari kode </DL> dan masukan kode ini tepat dibawah nya,
</ul>


</div>

nah selesai.. temen2 juga bisa pakai expand-collaps lain atau memakai accordion menu lain, asalkan benar dalam memasang/mengapplikasikannya pada comentar blog.

nah.. semoga postingan kali ini cukup bermanfaat.. kalo ada salah tolong di kasih comment.. soalnya saya bukan malaikat yg selalu benar.. hoahoahoa...

Readmore

Cara Membuat Drop-in Box

Sesusai petanyaan mas beben, tentang gimana caranya buat drop-in box ini, saya akan share ajah di sini .

Drop-in box . Yuph sebenernya banyak banget kegunaan dari trik ini cuy.. kalo buat saya, saya gunaan untuk menyampaikan pesan selamat hari raya idul fitri . Seperti kata bang andri-sofda, mungkin trik ini lebih cocok digunakan untuk nampilin iklan yg mungkin temen2 kebingungan dimana menempatkan iklan kalo blog udah terasa penuh .

Langsung ajah caranya cuy..

1.Masukan css ini..

<style type="text/css">

#dropinboxv2cover{
width: 450px; /*ganti width sesuai kebutuhan cuy */
position:absolute;
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 450px;
border: 2px black;
background-color: white;
padding: 4px;
position:absolute;
left: 0;
top: 0;
}

</style>

2. ini javascriptnya..

<script type="text/javascript">

var dropboxleft=200 //set left position of box (in px)
var dropboxtop=100 //set top position of box (in px)
var dropspeed=15 //set speed of drop animation (larger=faster)

//Specify display mode. 3 possible values are:
//1) "always"- This makes the fade-in box load each time the page is displayed
//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.

var displaymode="always"


if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
var ie=document.all
var dom=document.getElementById

function initboxv2(){
if (!dom&&!ie)
return
crossboxcover=(dom)?document.getElementById("dropinboxv2cover") : document.all.dropinboxv2cover
crossbox=(dom)?document.getElementById("dropinboxv2"): document.all.dropinboxv2
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossbox.height=crossbox.offsetHeight
crossboxcover.style.height=parseInt(crossbox.height)+"px"
crossbox.style.top=crossbox.height*(-1)+"px"
crossboxcover.style.left=dropboxleft+"px"
crossboxcover.style.top=dropboxtop+"px"
crossboxcover.style.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropinv2()",50)
}

function dropinv2(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossbox.style.top)<0){ top="scroll_top+dropboxtop+" top="parseInt(crossbox.style.top)+dropspeed+" top="0" visibility="hidden" search =" Name" returnvalue = ""> 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

if (displaymode=="oncepersession" && get_cookie("droppedinv2")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initboxv2, false)
else if (window.attachEvent)
window.attachEvent("onload", initboxv2)
else if (document.getElementById || document.all)
window.onload=initboxv2
if (displaymode=="oncepersession")
document.cookie="droppedinv2=yes"
}

</script>

wah banyak juga yaa..

3. terakhir sob ini pemanggilannya masukin dimana ajah..

<div id="dropinboxv2cover">
<div id="dropinboxv2">
ini isi dari drop-in boxnya<br/>
<p align="left"><a href="#" onclick="dismissboxv2();return false"><img src="http://i27.tinypic.com/2rmrv39.jpg"/></a></p>

</div>
</div>

NB:

--isi ganti sesuai keinginan

--http://i27.tinypic.com/2rmrv39.jpg ini adalah gambar dari close yg saya pakai bisa diganti dengan gambar lain atau lebih sederhananya pakai tulisan close aja tanpa gambar .

nah selesai.. gampang kan sob..

Readmore

Bermain-main dengan Css Positioning

Salah satu fungsi css yg penting itu positioning sob.. Margin, padding, top, left, right, bottom, position, dan z-index itu adalah contoh dari fungsi positioning dalam css .

Nah untuk z-index contohnya klik ajah facebox di atas,

text bisa tumpuk, dalam arti jadi background gitu...
css nya seperti ini,
.element { font-size:75px; position:absolute; }
#element-1 { color:black; z-index:1; }
#element-2 { color:white; margin:30px 0 0 30px; z-index:2; }
#element-3 { color:black; margin:60px 0 0 60px; z-index:3; }
#element-4 { color:white; margin:90px 0 0 90px; z-index:4; }
#element-5 { color:black; margin:120px 0 0 120px; z-index:5; }
#element-6 { color:white; margin:150px 0 0 150px; z-index:6; }


Z-index dsni digunakan untuk mengatur posisi text, z-index 1 paling bawah, 2 lebih atas, 3 lebih atasnya lagi, dan seterusnya begitu..

Gmn cara pake nya ? yah biasalah sob.. kyk begini,

<div id="element-1" class="element">Bermain</div>
<div id="element-2" class="element">main</div>
<div id="element-3" class="element">dengan</div>
<div id="element-4" class="element">css</div>
<div id="element-5" class="element">positioning</div>
<div id="element-6" class="element">cuy..</div>

trus kalo yg miring itu css nya sperti ini

#rotate {
float:left;
font-size:150px;
-webkit-transform: rotate(-45deg); -moz-transform:rotate(-45deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

Untuk derajat nya bisa dirubah sesuai selera kok..
cara pake nya yah sama dong..
<div id="rotate">
Tulisan nya miring nih..
</div>

nah gitu lah sekilas tentang z-index dan rotation.. lumayan lah .

Readmore

Ganti Style Font Blog dengan Metode Cufon

Di postingan sebelumnya, saya udah share gmn ganti font dengan metode css kan ?? nah sekarang untuk metode Cufon saya akan share disini, Langsung ajah sob, to the poin .

Caranya..

1. Kunjungi situs Generate Cufon untuk mengubah format font menjadi format javascript . Kalo sobat kebingungan mau menggunakan font jenis apa, temen2 bisa cari dan pilih dibawah ini


1. Font Squirrel




2. Font Cubes





3. 1001 Free Fonts





4. SearchFreeFonts.com




5. dafont.com




6. abstractfonts.com

Download fontnya, lalu generate font yg udah di download , Setelah mendapat hasil generate dalam berbentuk javascript . Upload file javascript ke hostingan favorit temen2 .2. Tahap kedua masukan Javascript Cufon dibawah ini di bawah ]]></b:skin>
<script src='cufon.js' type='text/javascript'/>

Nb:
>> untuk cufon.js coba clik langsung di sini


3. Lalu masukan juga script dibawah ini sesudah script di atas, <script src='http://URL FONT SOBAT.JS' type='text/javascript'/>

NB : http://URL FONT SOBAT.JS adalah hasil generate font dalam berbentuk javascript yg sudah di upload .

4. Masukan juga javascript ini dibawahnya. <script type='text/javascript'>
Cufon.replace('h1', {
textShadow: '#BBB 1px 2px'
});
Cufon.replace('h2', {
textShadow: '#BBB 1px 2px'
});
Cufon.replace('h3');

</script>

5. Nah terakhir nih sob, masukan css ini..
Cufon.replace('#cufon-area h1, #cufon-area h2, #cufon-area h3');

Nah selesai.. simpan sob . lalu lihat hasil nya ..

Readmore

Ganti Style Font Blog dengan Mudah

Nah setelah utak utik font blog saya nih, akhirnya selesai juga . Kliatn kan bedanya ? meski gag sebagus dan sekeren blog sobat, lumayan buat nambah design blog saya . hehehehhe .

Kalo yg saya tau sih ganti font dengan 2 cara, Ganti font default dengan mengganti style css dan ganti font dengan menggunakan metode Cufon . Untuk ganti font default dengan style css jenis font tidak terlalu banyak, sedangkan ganti font dengan metode Cufon, banyak banget jenis fontnya karna kita upload sendiri fontnya sob ..

Disini saya akan coba share cara ganti font dengan css,

1. Pertama masuk Edit HTML blog sobat,

2. Lalu cari kode css body {
tamabahin ajah atao ganti jenis text/font (font-family, font-size, letter-spacing, word-spacing, line-height). Biasanya kita kesulitan untuk mengatur font-family, font-size, letter-spacing, word-spacing, line-height yg tepat buat blog kita . Tapi tenang ajah karena ada alat bantu online untuk css font style .

Beberapa alat bantu :

Nah gampang kan ? tinggal pilih, generate lalu copy code nya ke dalam body {

Misal : body {
background:#E7E2DA
font-family: "Lucida Console", Monospace;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

Kira2 begitu hasilnya .

NB:

font-family: "Lucida Console", Monospace;

font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;

adalah code css hasil generate font .

Untuk Mengatur perbedaan Font antar judul blog dan judul posting, temen2 bisa cari css h1{ untuk judul blog dan h3{ untuk judul posting .

Seperti di atas temen2 tinggal masukin css kode fontnya,
Misal : h3{
font-size:28px;
text-align:center;
font-family: Comic Sans MS;
}

Mudahkan ? untuk ganti font dengan cara cufon . temen2 bisa lihat caranya disini

Readmore

Membuat Dropcap pada Posting

Dropcap, yuph, udah pada tau kan gmn cara kerja dropcap ? Trik yg simple tapi menambah style postingan pada blog .
Disini saya akan share cara buatnya . Ada 2 cara membuat dropcap . Yang pertama dengan cara manual, dan yang kedua dengan cara otomatis .

Cara Manual,

1. Tambahkan css dibawah ini sob..
.frame{
background:transparent url(http://lh5.ggpht.com/_dfnTVAxeWMI/SmEap-CgdGI/AAAAAAAABhM/HbiEtsSoRaE/s800/strong.gif) no-repeat scroll center 2px;
display:block;
float:left;
font-size:44px;
font-weight:normal;
height:44px;
width:54px;
line-height:0.76em;
margin:0 0.18em 0 0;
padding:12px 0 0;
text-align:center;
text-transform:uppercase;
color:#333;
}

NB: >> http://lh5.ggpht.com/_dfnTVAxeWMI/SmEap-CgdGI/AAAAAAAABhM/HbiEtsSoRaE/s800/strong.gif ini adalah background gambar dari dropcap, bisa langsung temen2 ganti .

>> Untuk style lainya bisa temen2 ganti sendiri .

2. Selanjutnya, karna cara manual, butuh pemanggilan disetiap postingannya, jadi tambahin script dibawah ini disetiap awal posting,

<span class="frame">D</span>ropcap,

Nah muda, tapi cukup ribet untuk harus nambahn span disetiap posting,

sekarang cara yg otomatis,

1. Cari kode .post body { di css temen2 .
2. Lalu tambahin kode berikut .
.post-body p.dropcap:first-letter {
font-size:3em;
float:left;
margin-right:5px;
vertical-align:text-top;
} untuk mengatur besar kecil dropcapnya, ganti ajah style nya sesua kenginann .

3. Lalu cari kode
<data:post.body/>
Kalo code nya gag di apit <p> <data:post.body/> </p>

tambahin ajah, jadi <p class='dropcap'> <data:post.body/> </p>

kalo udah diapit sama <p> tinggal nambah class,

Nah selesai........ kalo yg otomatis langsung semua posting menggunakan dropcap .

Readmore

Ubah Cursor Blog Saat Menyentuh link / Link Hover

Yuph . sekarang saya coba share tentang ganti cursor di blog . Mungkin kalo ganti cursor udah pada tau yah ? Tapi waktu cursor kita nyentuh link . balik lagi jadi gambar telunjuk seperti ini ..

kan jadi gag matching kalo beda nya jauh bgt sama cursor default yang kita punya ?

kalo cursor di blog saya sih sederhana.. dari default seperti ini..

trus saat menyentuh link jadi..

mau , mau mau ? langsung ajah cara buat nya..

kalo yang udah tau jangan ktawa yah.. kan cuma share.. heheheh ..

1. Cari code sperti ini di css kamu ,

a:hover {

2. Lalu tambahin ajah css nya,

cursor:url("link cursor kamu"), default;

jadi kira2 hasil nya seperti ini..

a:hover {
color:$titlecolor;

text-decoration:underline;
background: none;
cursor:url("link cursor kamu"), default;
}

nah jadi dweh .. simpan . lalu lihat hasil nya..

moga bermanfaat ajah dweh... hihihihii ..

Readmore

Efek Link Nudging dengan jQuery

Yah sekarang saya akan coba share tentang link nudging dengan jQuery, trik ini memang udah lama, tapi yah gpp lah, belajar kan gag kenal waktu, hehehehe .

langsung ajah yah sob,

Link 1
Link 2
Link 3
Link 4
Link 5
Link 6

mau coba efek link kyak gitu ?

caranya gini,

1. Masukan script jQuery berikut diatas </head> :


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>


nb : kalo udah punya script di atas, gag usah dtambah lagi .

2. Masukan kode Javascript berikut dibawah script jQuery:

 

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '20px' },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
//]]>
</script>

3. Penggunaannya :

Tambahkan class='nudge' pada link yg ingin diberi efek nudging .

jadi kira2 begini
<a href="http://granoblog.blogspot.com/" class="nudge">Link 1</a>

nb : a.nudge adalah perintah untuk memberikan efek nudging, karena bnyk penggunaan di bagian label, sobat bisa mengganti a.nudge jadi #Label1 atau dengan perintah lain, .sidebar a, .menu li, .post-body a, .post h3 a, #middle a, #footer a .

sobat juga bisa memasukan semua perintah.. sperti ini, 

$('.menu li, .post-body a, .post h3 a, #middle a, #footer a')

kalo a.nudge sobat ganti, gag perlu lagi nambahin class='nudge' pada link

yah sekian dulu semoga bermanfaat ..

Readmore

Cara Nyadap SMS di Ponsel Orang

Mungkin udah banyak yang tau cara nyadap ponsel orang lain tapi saya punya cara buat nyadap sms orang lain,memonitoring buah hati,dan anti maling.bila sewaktu-waktu hp anda hilang, bisa diketahui lewat fasilitas m-traxnya...

caranya :

1. Masuk ke situs www.mobile-secuware.com,

download versi trialnya.oh iya aplikasi ini hanya bisa di pakai di hp yang berbasis symbian edisi 2 (symbian OS versi 7 dan 8).

2. Setelah selesai mendownload,ada dua file, file fp1demo.sis untuk di pasang di symbian OS versi 7 sedangkan fp2demo.sis digunakan untuk symbian OS versi 7 dan 8.jadi lebih baik amannya gunakan fp2demo.sis saja.

jika dalam proses instalasi diminta memilih dimana aplikasi akan di pasang ,pilih memori telepon,jangan di kartu memori.

aplikasi yang di tanam di ponsel target tidak akan terlihat meski di intip lewat "Application Manager"

sekarang tinggal menjajal kecanggihanya!

semua settingan dilakukan secara remote lewat perintah-perintah tertentu yang dikirim melalui sms.ponsel yang di fungsikan sebagai remote tidak harus berbasis symbian.

pesan perintah sms forward adalah :#password#+nomor ponsel tujuan forward dalam format internasional.kirim pesan tersebut ke nomor ponsel target.asword standarnya adalah 123.

nah pesan yang sms yang diterima target akan di forward secara sembunyi-sembunyi ke nomor yang sudah di set.

Bisa juga dengan cara alternatif berikut..

menyadap HP orang lain

syarat:

# HP adalah HP symbian. Baik HP anda maupun HP teman anda.

# Merek NOKIA

# Memiliki aplikasi simbyan smsanywherelite.sis

hp korban juga harus sama yah punya aplikasi simbyan smsanywherelite.sis

Ikuti instruksi berikut ini untuk menyadap dan sadap sms hp :

1. download smsanywherelite.sis untuk software menyadap.

direct link :

disini

kalau tidak bisa disitu, silahkan download di :

disini

2. Masukkan aplikasi symbian itu di HP anda dan korban

3. Begitu aplikasi ini diinstal, kamu tidak bisa melihat program maupun ikon aplikasi itu dalam ponsel. Seluruh pengontrolannya harus lewat sms, mulai dari pengaktifan dan mematikan program, mengubah password, hingga pengiriman sms ke ponsel lain. Tapi justru itu keuntungannya jika digunakan sebagai alat sadap. Berarti sang target kan tidak tahu kalau diponselnya telah dipasangi aplikasi tersebut. Justru itu, teman anda tidak akan tahu kan kalo smsnya disadap? Karena aplikasi symbian ini belum mendukung GUI (Graphics User Interface).

4. Siapkan hp/ponsel korban anda

5. Siapkan HP anda yang akan menerima sms masuk dari korban anda.

6. Aktifkan aplikasi ini di ponsel korban kamu dengan mengetik format sms -[ SA(spasi)(password)(spasi)ON ]-. Panjang password maksimal 8 karakter. Misal, jika password kamu adalah 123456, ketikkan SA 123456 ON kirim sms ini ke nomor ponsel kedua/ponsel kamu. Untuk mematikannya, ketik SA 123456 OFF ke nomor yang sama.

7. Lalu, jika anda ingin menyadap lebih dari 5 hari..atau setiap sms masuk di hp korban akan selalu diteruskan ke hp anda, ketik sms ini di hp korban anda : SA(spasi)(password)(spasi)R1, misal SA 1234567 R1. Untuk mematikan fungsi ini ganti parameter di belakang “R” menjadi nol. Jadi, tuliskan SA 1234567 R0. Sedangkan untuk meneruskan setiap sms keluar, kirim sms bertuliskan SA 1234567 S1 ke nomer kamu. Matikan fungsi ini dengan mengirim SMS SA 1234567 S0

8. Sekarang, setiap korban menerima dan mengirim sms..kamu akan mendapat terusannya sama persis dengan sms aslinya

Readmore

Multi Nick di YM dengan 1 E-mail

Sekarang saya coba share buat multi nick di yahoo messager yang bisa kita gunakan tuk isengin temen chat YM kita.. hehehehe ..

Langsung ajah caranya :

1.  Masuk ke Yahoo Messengger seperti biasa .

2.  Masuk ke Messanger trus ke my acount info .

3. Masukkan password lagi untuk masuk ke acount info trus d publik informationnya silahkan di ganti sesukana dweh..

Nah .. begitulah cara Multi Id di YM .. Sekian dulu yak . semoga bermanfaat .

Readmore

Cara buat Collapsible Content Box Lebih Menarik

Sekarang saya akan coba share collapsible content box yang lebih bergaya,, yah langsung ajah tanpa basa basi lagi..

berikut cara buat nya..

1. Masuk ke Edit HTML blog anda

2. Jangan lupa centang "Expand Widget Template" .

3. Dibawah ini contohnya dan ikuti langkah2nya..

Show / Hide Content

[−]

1, tambah kan script berikut di antara <head>.......</head>

<!-- flooble Expandable Content header start -->
<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } }
function toggle(link, divId) { var lText = link.innerHTML; var d = getObject(divId);
if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; }
else { link.innerHTML = '+'; d.style.display = 'none'; } }
</script>
<!-- flooble Expandable Content header end -->
::=================:::================::
2. Copy script di bawah ini ke tempat yg sobat mau .
<!-- EXPANDABLE CONTENT BOX START -->
<div style="border: 1px solid #000000; padding: 0px; background: #FFFFFF; "><table border="0" cellspacing="0" cellpadding="2" width="100%" style="background: #000000; color: #FFFFFF; "><tr><td>Show / Hide Content</td><td align="right">
[<a title="show/hide" id="exp1246752708_link" href="javascript: void(0);" onclick="toggle(this, 'exp1246752708');" style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table>
<div id="exp1246752708" style="padding: 3px;">ISI TEXT DI SINI</div>
</div>
<script language="javascript">toggle(getObject('exp1246752708_link'), 'exp1246752708');</script>
<!-- EXPANDABLE CONTENT ENDS -->

Note :
:: background: #FFFFFF adalah warna background content.
:: background: #000000 adalah warna background title-bar nya.
:: Show / Hide Content adalah Text untuk title-bar.
:: ISI TEXT DI SINI adalah untuk menempatkan konten. Bisa berupa text, gambar, atau keduanya.

4. Simpan dan lihat hasilnya .

Readmore