Uang dari internet mau? Daftar gratis. Klik disini

Tuesday, July 31, 2012

CARA MEMBUAT EFEK ZOM GAMBAR DI BLOG

Tulisan dan Gambar merupakan suatu hubungan yang sangat erat layaknya Suami da Istri dalam membuat postingan. terutama para blogger yang suka memposting artikel tutorial, Gambar sangatlah penting untuk membantu memperjelas postingan tersebut.

Nah pada kesempatan kali ini ane mau bagi-bagi trik CARA MEMBUAT EFEK ZOM GAMBAR DI BLOG. Maksudnya, Gambar akan otomatis ngeZoom atau membesar jika panah kursor kita arahkan pada gambar tersebut. tentunya itu akan lebih membantu terutama jika ada pengunjung blog kita yang agak sedikit Katarak he..he..he.. Ok langsong saja ke tutorialnya lah ya.


1. Login ke blogger.

2. Masuk menu Rancangan

3. Pilih Edit HTML 

4. Beri centang pada tulisan Expan template widget

5. Kemudian cari kode ]]></b:skin> pada kolom HTML (gunakan Ctrl+F untuk mempercepat pencarian)

6. Setelah ketemu, masukkan kode berikut ini tepat diatas kode ]]></b:skin> tadi

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }



7. Terakir klik simpan template. selesai.

Mudah kan?? singkat padat jelas dan mudah untuk diterapkan namun efeknya cukup menarik. selamat memcoba.

CARA MEMBUAT KURSOR BERTABUR BINTANG

Bicara soal pernak pernik blog kagak ada habisnya. banyak kode-kode HTML ata Script yang menimbulkan efek yang beraneka ragam pada website ata blog yang pada intinya punya satu tujuan yaitu untuk mempercantik tampilan blog itu sendiri.

Contohnya seperti LINK BERSINAR, LINK BERKEDIP, LINK PELANGI dan masih banyak lagi. dan kali ini ane coba share trik basi yang udah tidak asing lagi di telinga para blogger, yaitu CARA MEMBUAT KURSOR BERTABUR BINTANG. ok langsung saja ikuti lankah2nya.


1. Log in ke blogger

2. Masuk menu Rancangan

3.Pilih Elemen laman atau tata letak

4. Tambah Gadget lalu pilih HTML/Java Script





5. Setelah itu masukkan kode script berikut ini

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script> 

PENTING : Jika ingin mengganti warna bintang maka gantilah tulisan berwarna biru dengan  hijau, merah, kuning, silfer, hitam, ungu. terserah selera sobat semua.

6. setelah itu klik simpan dan lihat hasilnya.

Nah sekarang visitor akan betah berlama-lama di blog sobat, bukan karena mau membaca artikelnya tapi asik menikmati bintang-bintang yang bertaburan. ha..ha..ha..

CARA MEMBUAT TULISAN MENGIKUTI KURSOR

Pernah gak waktu berkunjung ke suatu web atau blog teman, kita menemui pemandangan unik yang bikin kagum. wow.. apakah itu? ada tulisan muter-muter yang selalu mengikuti kursor.

Kalau ingin melihat contoh blog yang ada tulisan mengikuti kursor silahkan klik disini. disana sobat akan menemui tulisan yang selalu mengikuti kemanapun kursor bergerak. ah terlalu banyak omong, ok sekarang mari kita praktekkan CARA MEMBUAT TULISAN MENGIKUTI KURSOR.

1. Log in ke blogger

2. Masuk menu Rancangan

3. Pilih Edit HTML

4. Centang dulu tulisan Expand template widget

5. Terus cari kode </body> pada kolom HTML. (gunakan Ctrl+F untuk mempercepat pencarian)

6. Jika udah ketemu masukkan kode berikut ini diatas kode </body> tadi.


<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #00ff00;

/* End Optional */
/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Link menuju surga";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

PERHATIKAN kode yang berwarna biru itu untuk mengatur bentuk dan warna tulisan. jika perlu ubahlah sesuai selera anda. pada bagian color : #00ff00 bisa sobat ganti dengan kode warna lain. untuk warna merah= #ff0000  warna kuning= #ffff00 warna biru= #0000ff warna pink= #ff00ff  warna orange= #ff9900 warna hijau= #00ff00 atau bisa dengan warna apapun sesuai selera sobat. Sedangkan tulisan merah (Link Menuju Surga) itu harus sobat ganti dengan tulisan sobat sendiri, karena tulisan itulah nantinya yang selalu mengikuti arah kursor.

7. Setelah semuanya selesai terakir simpan template sobat dan lihat hasilnya.

Sekian Tutorial CARA MEMBUAT TULISAN MENGIKUTI KURSOR yang dapat ane bagikan kali ini. terimakasih telah berkunjung, jangan lupa kritiklah saya lewat kolom komentar. terimakasih.

CARA MEMBUAT TULISAN BERKEDIP

Jika ada mata berkedip itu gak mustahil. lampu berkedip juga bukan sesuatu yang aneh. tapi kalau tulisan yang berkedip..?! ohoy itu juga bukan hal mustahil brow. setelah kemaren saya menulis CARA MEMBUAT LINK BERGERAK dan dilanjutkan dengan CARA MEMBUAT LINK PELANGI maka kali ini giliran ane bagi trik CARA MEMBUAT TULISAN BERKEDIP.

Tapi jangan ada yang ke GR-an lo ya. kalo cewek cantik yang berkedip pastilah kita jadi GR dan salah tingkah tapi kalo tulisan yang berkedip masak kamu juga GR..? sarap loe yea,, ha..ha..ha.. ok udah bercandanya, kita langsung ke cara membuatnya saja lah ya...

1. log in ke blogger

2. masuk ke Rancangan

3. pilih Tata letak atau Elemen laman

4. Kemudian klik Tambah Gadget

4. Pilih HTML/Java Script

5. Masukkan kode berikut ini

<blink><b>TULISAN KAMU</b></blink>

6. Jika mau kita sisipkan link kedalamnya, kodenya seperti berikut

<blink><a href="http://www.lucky-gratisilmu.blogspot.com/"><b>TULISAN KAMU </b></a></blink>

 7. Gantilah tulisan berwarna biru ( TULISAN KAMU ) dengan kata sesuai keinginan sobat. dan alamat http://www.lucky-gratisilmu.blogspot.com/   gantilah dengan URL yang sobat tuju.


8. Klik simpan. selesai sudah

Udah jelas kan..? ya udah tinggal sobat terapkan di blog sobat. good luck and heppy blogging.

CARA MENGAKTIFKAN SINGEL KLIK

CARA MENGAKTIFKAN SINGEL KLIK. Baca judulnya saja mungkin ada yang masih bingung. ok begini, untuk membuka sebuah program atau file atau aplikasi biasanya dengan cara klik ganda atau double cliks pada icon aplikasi/program tersebut. nah buat sobat yang tidak mau repot2 double cliks bisa mengaturnya menjadi singel clik. maksudnya kita cukup melakukan satu klik saja untuk membuka program atau aplikasi tersebut.


Jika sobat ingin mengaktifkan singel clik caranya sebagai berikut.

1. Buka Windows explorer (windows logo+E)
2. Kemudian pilih Organize untuk Windows7, atau menu Tools untuk Windows XP. lalu klik Folder and search options.
3. Setelah itu maka akan muncul jendela Folder option lalu klik pada bagian Single-clik to open an item(poit to select).
4. Terakir klik OK. selesai. selamat mulai sekarang gak perlu klik ganda lagi untuk membuka suatu program.

FLASHDISK DAN USB TIDAK TERDETEKSI OLEH KOMPUTER

Wawasan itu muncul dari kegagalan. ceritanya gini, kemaren saya mau mindahin foto dari HP ke komputer menggunakan kabel USB. kabel sudah saya colokkan tapi kok tidak muncul di windows. barangkali anda pernah mengalami hal sama, flashdisk udah di colokkan namun ketika dilihat di windows kok tidak muncul alias tidak terdeteksi.

Nah berawal dari situlah saya cari tahu bagaimana mengatasinya dan kali ini saya share ke teman-teman biar jadi ilmu yang manfaat. ok dibawah ini adalah cara mengatasi masalah FLASHDISK DAN USB TIDAK TERDETEKSI OLEH KOMPUTER.

1. Merubah flashdisk menjadi enable

Flashdisk/USB tidak terdeteksi ada kemungkinan flasdisk tersebut dalam keadaan disable.segera buka device manager lalu ubah menjadi enable, caranya  klik kanan pada My Computer>Manage>Device manager.
pada jendela device manager silahkan klik bagiaan Disk drives maka akan muncul semua drive yang sedang terpasang pada komputer baik hardisk maupun flashdisk. jika pada flashdisk terdapat tanda silang merah berarti flashdisk dalam keadaan disable.untuk merubahnya silahkan klik kanan pada flashdisk lalu pilih enable.

2. Dengan cara merubah drive letter and paths.

Masuk ke disk management caranya klik kanan My computer>manage>disk management. Pada jendela disk management ini klik kanan pada flashdisk anda lalu pilih change drive letter and paths. terus pada jendela yang akan muncul silahkan ubah drive letter ke huruf yang belum terpakai kemudian klik OK.

Sementara cukup itu dulu silahkan cek flashdisk udah muncul di windows apa belom. maaf untuk cara yang nomer dua memang sengaja tidak saya buatkan screnshootnya soalnya flashdisk saya lagi gak ada untuk buatkan contoh.


CARA MENGEMBALIKAN FACEBOOK TIME LINE KE TAMPILAN YANG LAMA

Banyak teman-teman facebooker yang mengeluh dengan tampilan facebook yang seperti sekarang yaitu facebook time line atau garis waktu atau kronologi facebook atau apalah namanya yang jelas efek yang terasa adalah tambah ruwet, membingungkan dan yang lebih parah lagi menyebabkan loading lambat saat membuka profil facebook yang ada time line.

Nah setelah tanya sana sini, baca ini itu, browsing sampek muter2 akirnya ane temukan juga CARA MENGEMBALIKAN FACEBOOK TIME LINE KE TAMPILAN YANG LAMA. tentunya ini kabar gembira bagi facebooker yang rindu pada tampilan facebook lama. caranya cukup kita instal Timeline Remove pada browsing kita klik disini  untuk insatalasi.

Ini tampilan facebook Time line ane sebelum di instal timeline remove



 Dan ini tampilan facebook ane setelah di instal Timeline remove



 NB : untuk saat ini Timeline remove hanya berlaku pada browser Mozila firefox dan Google chrom saja. bagi yang pakek browser internet explorer, Opera mini atau yang lain sabar dulu. masih masa proses. dan satu lagi Tampilan facebook timeline kamu masih bisa terlihat (gak berubah) jika dilihat oleh teman yang belum menginstal Timeline remove di browsernya. jadi silahkan share artikel ini pada teman2 facebook kamu biar sama-sama terobati kerinduannya pada tampilan facebook yang lama.

TOLAB.COM adalah blog sederhana yang saya buat sebagai madia untuk mencari maupun berbagi pengalaman,wawasan serta pengetahuan.Dan jangan pernah kita bangga dikenal banyak orang namun buatlah mereka bangga mengenal kita.terimaksih telah berkunjung semoga bermanfaat.

ARTIKEL POPULER