Cara Mengubah / Mengganti IP Address

Cara Aman Merubah IP Address Apa sich IP Address itu? Berhubung karena saya bukan pakar komputer,langsung ajha baca 'apa itu IP Address?' di SINI. Tutorial cara mengubah atau mengganti alamat IP Address ini,semata-mata hanya untuk saling berbagi saja. Tidak ada maksud Pelajaran Blog untuk menyarankan hal-hal yang melanggar etika blogging atau sesuatu yang akan merugikan orang lain maupun diri sendiri. Sebenarnya ada banyak cara dan trik untuk merubah/menyamarkan IP Address ini,salah satunya cara yang akan saya pakai kali ini. Yup! ‘Cara mengubah IP Address menggunakan Proxy dengan browser Mozilla Firefox’. Langkah Cara Menyamarkan IP Address Pastikan browser yang anda pakai saat ini sudah Mozilla. Sebelumnya setting browser anda pada pilihan Tools>>Option>>Privacy>>Setting lalu isi/contereng semua check box,agar menjadi seperti di bawah ini: Ujilah dengan menekan Ctrl+Shift+Del pada keyboard anda,nanti akan muncul seperti gambar di di atas tadi,lalu tekan 'Clear Private Data Now'. Setelah proses diatas selesai,let's go! Mengubah IP Menjadi IP Address Negara atau Kota Lain Memang secara teori,trik ini terlihat ribet,tapi jika sudah anda praktekan nanti,saya jamin akan semudah membalikkan telapak tangan. Seneng khan jika nanti anda bisa mengetahui,cara mengubah IP kita sendiri menjadi IP milik orang lain :D. Eit's tunggu dulu! Bagaimana kita bisa tahu bahwa IP Address kita sudah berubah? Nah,untuk sekedar memastikan bahwa IP kita telah berubah,pastikan setelah nanti anda berhasil mengubah IP Address,kembali kunjungi blog ini dan lihat setatus IP Anda pada widget IP Checker yang telah terpasang pada sidebar blog ini. Atau untuk memonitor dari mana kunjungan,kita bisa gunakan widget Feedjit seperti yang sudah terpasang di kanan bawah pada blog ini. Sebenarnya widget dari feedjit ini hanya untuk memastikan saja jadi 'ndak di pasang juga ndak apa-apa,betul khan Romo? betul Inayah,sahut Romo,lha kok? Ok!setelah semua siap,let's tancap gas! jangan lupa cemilannya,soalnya di Taman Safari nanti ga boleh turun buat cari cemilan,adanya juga tar digigit ma macan,Aum!!!!! Mau? Lha? ko malah ngomongin Taman safari? Sorry,hehehe.. Ilustrasikan saya di bawah ini adalah anda. [jd ky Rommy Rafael..] Saya akan melihat status IP dan Feedjit pada blog saya sebelum mengubah IP nya. Setelah itu saya mulai menekan Ctrl+Shift+Del dan keluarlah dialog seperti di bawah ini: Setelah saya klik 'Clear Private Data Now',saya akan mencari IP yang akan di jadikan target,anda bisa googling dengan kata kunci 'free proxy',dll,anda juga bisa mendapatkan Proxy terbaru di SINI [semoga situsnya masih ada...] Dari situs tersebut,saya mendapatkan banyak daftar IP beserta port-nya,yang bisa anda lihat pada gambar di bawah ini: Saya copy salah satu IP beserta Portnya pada Notepad,untuk lebih jelasnya klik gambar diatas,agar jelas IP dan Port yang mana yang saya ambil. Setelah itu,saya akan isikan IP beserta Portnya pada jendela Option browser yang saya pakai[disini Mozilla Firefox],lihat gambar di bawah ini biar jelas: Pertama,pilih Tools>>Option>>Advance>>Setting: Lalu akan muncul gambar seperti di bawah ini: Setelah itu saya klik 'OK' dan 'OK' lagi. Sekarang saya kembali mengunjungi salah satu blog,disini saya mengunjungi blog-ku ini yang makin terpuruk,hufh! Dan saya melihat widget Feedjit dan IP Checker pada blog ini,sudah menunjukkan IP yang berbeda.Seperti gambar dibawah ini: Kesimpulannya,saya sudah berhasil khan merubah IP dalam waktu kurang dari 5 menit saja,hehehehe... Semoga bermanfangat yakh!! :D Baca Juga Yang Ini.. Langkah Singkat Cara Me-Modifikasi Kotak Komentar/Comment Form Cara Mendatangkan 1000 Pengunjung per Hari Dengan Hitstats Langkah Cara Mendapatkan $27 Dollar dari A.W.Surveys

Read More

Tips Cara Membuat Blog Ringan Saat Loading

Blog Blogger Pemula Sebagai blogger pemula,saya merasa senang mempunyai sebuah blog,dan sebisa mungkin saya menghias blog tersebut. Bahkan hampir semua widget saya pasang pada blog tersebut,mulai dari belajar memasang jam,kalender pada blog sampai widget-widget yang sebenarnya saya tidak tahu manfaatnya. Sampai tidak saya sadari,blog cantik saya tersebut membutuhkan kurang lebih 1 menit baru bisa tampil sempurna. Secara logika,jika anda mengunjungi suatu blog dimana blog tersebut mempunyai masalah saat loading,apa yang anda lakukan? Yes,anda akan segera menutup blog tersebut,apalagi blog yang anda belum tahu jelas statusnya. Tips Trik Membuat Blog Lebih Ringan Loading Pengunjung,disini menjadi peran utama,karena tanpa pengunjung,suatu blog komersil dibilang tak berarti. Nah,cara membuat pengunjung akan berkunjung kembali,salah satunya adalah mudahnya akses blog saat tampil/loading,disamping kualitas isi blog tersebut. Biasanya blog-blog yang sedikit mengalami masalah loading adalah blog bertema advertising,belajar seo,multimedia. Lain menurut saya,pasti lain menurut anda,so bagaimana menurut anda? setuju? Nah,jika anda setuju,untuk membius pengunjung agar selalu nyaman berkunjung,cobalah gunakan trik-trik berikut: Gunakan widget yang sekiranya anggap anda penting saja. Misal;Link/blogroll,Tag Cloud,Search,Label,Archive Blog,Stats. Secara logika,pada setiap komputer sudah menyediakan seperti,jam,kalender. Apakah sekiranya widget jam dan kalender pada blog anda diharapkan oleh pengunjung? Usahakan content/isi blog berupa text. Kurangi pemakaian gambar ,baik *jpg maupun berformat *swf alias flash yang berlebihan meskipun ukurannya cenderung lebih kecil. Pakailah script kode yang mempunyai manfaat penting saja. Misal;Google Analystic,dll. Pengunjung,sebagian besar lebih suka blog yang rapi dan tidak awut-awutan. Cobalah,bertema sederhana dan simple. **Cara-cara diatas saya sarankan hanya untuk blog yang bersifat sosialis dan informatif,tidak berlaku untuk blog pribadi maupun hobby. Semoga bermanfaat ya dan semoga tambah temen barunya :D Baca Juga Yang Ini.. Cara Membuat Blog Cara Membuat Show-Hide Komentar/Expand-Collapse Comment Langkah Singkat Cara Me-Modifikasi Kotak Komentar/Comment Form

Read More

Membuat Anti Klik Kanan/Disable Copy Paste pada Browser Mozilla Firefox

Setelah beberapa waktu yang lalu saya sempat posting bagaimana ‘membuat disable copy paste/anti klik kanan pada Browser IE(Internet Explorer)’,kali ini,untuk mengisi kekosongan pada blog ini,saya akan sharing bagaimana membuat disable copy and paste untuk browser Mozilla Firefox. Sebenarnya sangat sederhana sekali. Anda tinggal pergi ke Dashboard blog anda,lalu pilih Tata Letak,kemudian seperti biasa pilih tab Edit HTML. Lalu cari kode: <body> Jika sudah ketemu,tinggal hapus kode tersebut dan ganti dengan kode: <body oncontextmenu='return false;'> Lalu simpan Template,dan sekarang coba klik kanan blog anda,what happen??? :D Nah untuk contohnya anda bisa lihat di blog narsis saya di SINI. Baca Juga Yang Ini.. Membuat Disable Right Click / Anti Klik Kanan Disable Copy dan Paste pada IE

Read More

Langkah Singkat Cara Me-Modifikasi Kotak Komentar/Comment Form

Cara Memodifikasi Kotak Komentar Jika anda kurang menyukai kotak komentar bawaan asli dari blogger,saya jamin dalam waktu kurang dari 5 [lima] menit,anda sudah bisa memodifikasinya form komentar tersebut sendiri. Sebenarnya,tanpa postingan ‘langkah memodifikasi kotak form komentar’ di pelajaran blog kali ini,jika anda browse di google saja sudah berjibun artikel tentang cara singkat mengubah atau memodifikasi komentar/comments form tersebut. Hanya saja,disini saya akan sharing langkah cara mengganti/mem-vermak kotak komentar hanya dengan satu jurus saja. Hasilnya nanti kurang lebih akan seperti ini [klik ajha biar gambarnya gede,hehe]: Langkahnya cukup mudah,saya akan ambil contoh dari salah satu template bawaan blogger. Pertama anda pergilah ke Dashboard»Tata Letak»Edit Html. Cari kode dalam barisan css anda,yang hampir sama seperti berikut (mengingat template yang berbeda-beda): /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.6em; text-transform:uppercase; letter-spacing:.2em; color: $dateHeaderColor; font: bold 78% Georgia Serif; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.4em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 20px 0; } #comments-block dd.comment-timestamp { margin:-.25em 20px 1.5em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } Jika sudah ketemu,tinggal hapus kode tersebut,dan gantilah dengan kode dibawah ini: #comments h4 { color:#666666; font-weight:bold; letter-spacing:0.2em; line-height:1.4em; margin:1em 0; text-transform:none; } #comments-block { line-height:1.6em; margin:1em 0 1.5em; } #comments-block .comment-author { background:#B4F4FF none repeat scroll 0 0; border:1px solid #B4F4FF; font-size:15px; font-weight:bold; margin-right:20px; padding:5px; } #comments .blogger-comment-icon, .blogger-comment-icon { background:#EEEEEE none repeat scroll 0 0; border-color:#CCCCCC #CCCCCC #EEEEEE; border-style:solid; border-width:2px 1px 1px; line-height:16px; padding:5px; } #comments-block .comment-body { border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; margin-left:0; margin-right:20px; padding:7px; } #comments-block .comment-footer { border-bottom:1px solid #EEEEEE; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; font-size:11px; line-height:1.4em; margin:-0.25em 20px 2em 0; padding:5px; text-transform:none; } #comments-block .comment-body p { margin:0 0 0.75em; } .deleted-comment { color:gray; font-style:italic; } Kode yang bercetak tebal diatas "#B4F4FF" adalah warna block dari header masing-masing komentar,jadi rubahlah sesuai dengan keinginan anda.Bisa anda ganti dengan tulisan black,white,red,blue,dll. Bisa juga anda menggunakan kode heksa warna untuk memodifikasi warnanya. Setelah itu,lalu Simpan. Selesai dech dan lihat hasil komentar tamu-tamu anda sekarang. Moga bermanfaat ya :D Baca Juga Yang Ini.. Meletakkan Kotak Komentar di Bawah Artikel Menambahkan/Membuat Fitur Reply Pada Komentar Cara Membuat Show-Hide Komentar/Expand-Collapse Comment

Read More

Membuat Back To Top dengan Efek Smooth Scroll

"Back to Top" adalah salah satu fasilitas yang dapat digunakan pada blog untuk memudahkan pengunjung menavigasi halaman pada blog anda. Fungsi dari Back To Top yaitu mengantarkan kembali pengujung anda ke halaman paling atas. Penggunaan JQuery dengan fungsi ini dapat memberikan hasil scroll yang lebih baik, dalam hal ini scroll menjadi lebih smooth atau halus. Jika anda udah gak sabaran pengen membuatnya langsung aja dipraktekin...

1. Login ke blogger.
2. Pilih Rancangan -- Edit HTML
3. Masukan script jquery berikut ini diatas </head>

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://jurus2ngeblog-blogspot.googlecode.com/files/sed_back_to_top.js' type='text/javascript'/>
<script src='http://vianjb.googlecode.com/files/to%20top.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: &#39;moccaUItoTop&#39;, // fading element id
containerHoverClass: &#39;moccaUIhover&#39;, // fading element hover class
scrollSpeed: 1200,
easingType: &#39;linear&#39;
};
*/
$().UItoTop({ easingType: &#39;easeOutQuart&#39; });
});
</script>

5. Letakkan kode dibawah ini diatas kode ]]></b:skin>

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(http://1.bp.blogspot.com/-jl2zCOaMrgc/T8R3jjBc44I/AAAAAAAADUo/fhv5oCrzd7E/s400/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(http://1.bp.blogspot.com/-jl2zCOaMrgc/T8R3jjBc44I/AAAAAAAADUo/fhv5oCrzd7E/s400/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;

7. Simpan template sobat dan lihat hasilnya.

Read More

Thumbnail Gallery dengan efek JQuery pada Heading dan Caption

Untuk membuat blog anda lebih creative maka anda perlu membuat sesuatu yang berbeda. Kali ini Blog Trik dan Tips akan memberikan trik untuk membuat Thumbnail Gallery dengan efek JQuery pada bagian heading dan caption. Thumbnail Gallery menampilkan efek heading serta caption apabila cursor mouse anda berada diatas gambar. Untuk membuatnya sangat mudah. Ikuti saja langkah berikut ini:

1. Login ke blogger
2. Klik Rancangan -- Edit HTML
3. Centang Expand template widget
4. Masukan script berikut ini sebelum code </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>$(document).ready(function () {

// transition effect
style = 'easeOutQuart';

// if the mouse hover the image
$('.photo').hover(
function() {
//display heading and caption
$(this).children('div:first').stop(false,true).animate({top:0},{duration:200, easing: style});
$(this).children('div:last').stop(false,true).animate({bottom:0},{duration:200, easing: style});
},

function() {
//hide heading and caption
$(this).children('div:first').stop(false,true).animate({top:-50},{duration:200, easing: style});
$(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:200, easing: style});
}
);

});</script>

5. Masukan kode CSS berikut sebelum ]]></b:skin>

<!--Jquery-Thumbnail-www.jurus2ngeblog.blogspot.com-BEGIN-->
.photo {
/* relative position, so that objects in it can be positioned inside this container */
position:relative;
font-family:arial;
/* hide those extra height that goes beyong the size of this container */
overflow:hidden;
border:5px solid #000;
width:350px;
height:186px;
}
.photo .heading, .photo .caption {
/* position inside the container */
position:absolute;
background:#000;
height:50px;
width:350px;
/* transparency for different browsers */
/* i have shared this in my CSS tips post too */
opacity:0.6;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;

}
.photo .heading {
/* hide it with negative value */
/* it's the height of heading class */
top:-50px;
}

.photo .caption {
/* hide it with negative value */
/* it's the height of bottom class */
bottom:-50px;
}

/* styling of the classes*/
.photo .heading span {

color:#26c3e5;
top:-50px;
font-weight:bold;
display:block;
padding:5px 0 0 10px;
}
.photo .caption span{
color:#999;
font-size:12px;
display:block;
padding:5px 10px 0 10px;
}
<!--Jquery-Thumbnail-http://jurus2ngeblog.blogspot.com-END-->

6. Simpan template sobat
7. Masuk ke Rancangan -- Elemen Laman. Kemudian tambahkan gadjet lalu pilih HTML Javascript. Masukan kode dibawah ini:

<div class="photo">
<div class="heading"><span>Judul Thumbnail Gallery</span></div>
<img src="http://4.bp.blogspot.com/_kmq5S6nnKMQ/SlX3s-xJYOI/AAAAAAAAAV8/cEOKCUQoyL4/s200/konversi.jpg" width="340px" height="175" alt="" />
<div class="caption"><span>Tulislah Caption Thumbnail Gallery Disini</span></div>
</div>

Keterangan:
- Kode berwarna merah diatas adalah judul thumbnail gallery
- Kode berwarna ungu adalah gambar thumbnail gallery
- Kode berwarna hijau adalah lebar dan tinggi (ukuran) thumbnail gallery
- Kode berwarna biru adalah caption thumbnail gallery

8. Simpan gadjet sobat dan lihat hasilnya

Read More

Membuat Slide Show dan Caption - JQuery

Penerapan JQuery pada blog kini semakin populer, salah satunya yaitu membuat efek Slide Show dan Caption. Slide show ini akan menampilkan beberapa gambar dan caption (deskripsi singkat dari gambar tersebut. Gambar dan caption akan ditampilkan bergantian. Trik ini mudah diterapkan pada blog dan biasanya digunakan untuk menampilkan foto serta informasi yang menarik untuk dilihat oleh pengunjung. Untuk melihat demonya KLIK DISINI. Jika sobat ingin membuat Slide Show dan Caption ikuti triknya dibawah ini:

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Centang Expand template widet
4. Masukan script dibawah ini setelah kode <head>:

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

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
//Execute the slideShow, set 6 seconds for each images
slideShow(3000);
});
function slideShow(speed) {
//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});
//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});
//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));
//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});
//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);

//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);
}
function gallery() {

//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');

//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});
//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');

}
//]]>
</script>
<style type='text/css'>
ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:600px;
height:240px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>

Keterangan: kode berwarna merad adalah tinggi dan lebar slideshow dan caption, sobat dapat sesuaikan atau merubahnya sesuai dengan ukuran image yang ingin ditampilkan.

5. Simpan Template sobat
6. Masukan kode berikut ini pada gadjet sobat, caranya masuk ke Rancangan --Elemen Laman, tambahkan gadjet lalu pilih HTML/Javascript

<ul class="slideshow">
<li><a href="http://jurus2ngeblog.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho-3hwDi_gpxsuc_TLxfjBqo86CiDo7fVjhS5mGEOavOo57WWt33Peso8d7WjNNgOhCSUkpXyT5dLPKIWclGHV8IC8pKaikX_ZTgU5yHDn4mqkn6i_JcPtVmc5W8xgx6obS3P-_SY_f7c/s1600/1.jpg" title="This is featured post 1 title" alt="Replace This Text With Your Featured Post 1 Description." /></a></li>

<li><a href="http://jurus2ngeblog.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9VNLX87iHIO5WMHotcETIPiryjbt0D7nz-XwK5EOfm3Tm_K-rmNpCbblyqhw2zz4_-y7nhrMGLr1dPczEjwuOq2_jjBvqKVWZ56mCr8LSgDJtr26dM1C7oCq-3nxnZNJSbhY0i9AN-Jc/s1600/2.jpg" title="This is featured post 2 title" alt="Replace This Text With Your Featured Post 2 Description." /></a></li>

<li><a href="http://jurus2ngeblog.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4sixVMdKDB_w4seamzoxz4nmNeaZISraD7ykAk4wekL4DRi7L2wd6NSGdSgHS5_5wXGGq3dIk7cVmKJgFlTabUixYMOJEZzNAh54pUDFHNC49F3ZDf3P2YiiWICUHRFPGyyL_xxrKZ3Y/s1600/3.jpg" title="This is featured post 3 title" alt="Replace This Text With Your Featured Post 3 Description." /></a></li>

<li><a href="http://jurus2ngeblog.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuhaMB-nx75wwhgS8n7HAhLCK5uOATYWTfFKAQr_vVpQxbp7-ogscYQEI1v-YsLwbMJ97mLpDexioG9Ec3u_gyjtAZwPOc5ZGbMXe_FrNPD11s-PTIliwS0lWqCyRVE9S_HF0rGpRrfS0/s1600/4.jpg" title="This is featured post 4 title" alt="Replace This Text With Your Featured Post 4 Description." /></a></li>
</ul>

Keterangan: Ubahlah alamat url, url gambar, dan caption diatas sesuai keinginan sobat

7. Simpan gadjet dan lihat hasilnya

Read More