Widget-1 title

/* http://gubhugreyot.blogspot.com - cursor animasi Naga-Terbang */ ;(function(){ var msg = "gubhuhreyot-blogspot-com*bgsGR*"; var size = 18; var circleY = 0.7; var circleX = 2; var letter_spacing = 5; var diameter = 14; var rotation = 0.2; var speed = 0.5; 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; xmouse = !isNaN(e.pageX)? e.pageX : e.clientX;}, makecircle = function(){ 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){ 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(){ 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(){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);};})();

Widget-2 title

Widget-3 title

Cara Membuat Template di Blogger

Gini, cara termudah dalam membuat template blogger yaitu dengan mendownload sebuah template kemudian kita otak-atik sendiri, jadi kita tidak perlu membuat dari awal. Untuk bahan praktek kali ini kita coba memakai template yang aku dah pernah aku buat, downlad disini bahannya. Sebelum kita mulai gue saranin lo buat blog baru aja biar gak ngerusak blog asli kamu.

Tahap Desain

Template yang akan kita buat disini memiliki empat komponen utama yaitu Background, Header, Main dan Footer. seperti yang ada dalam gambar berikut:



Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini:
1. Buat desain seperti gambar diatas
2. Pada bagian background usahakan bersifat "Tile / Pattern" (kecil dan berulang-ulang).
3. Untuk Main dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar.
4. Kemudian potong-potong perbagian.
5. Untuk bagian Header motongnya harus full.
6. Bagian background, main dan footer motongnya sedikit aja karena bersifat "tile"
7. Desain diatas kalo dipotong-potong akan menjadi seperti ini :

background
header
main
footer

8. Upload potongan-potongan tersebut pada sebuah webhosting atau layanan penyimpanan file lainya. Contohnya di geocities atau Photobucket dll.

Nha modeng po ra?

Sekarang kita memasuki ke tahap penyusunan di blogger. gini langkah-langkahnya. Ohya udah di download belum tadi bahanya, kalo belum download dulu diatas itu. Ok kita mulai:
1. Kembali ke blogger dan ke menu "Edit HTML".
2. Trus klik tombol "Brows" untuk mengupload template yg udah kamu donwload tadi.
3. Kemudian Cari kode seperti ini:

body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://kendhin.890m.com/template/bg.jpg') repeat-x top left; }

4. Ganti text yang dicetak tebal dengan lokasi gambar background yang kamu buat.
5. Cari kode seperti ini :

#center {background: #ffffff url('http://kendhin.890m.com/template/main.jpg') repeat-y top center;}

6. Ganti text yang dicetak tebal dengan lokasi gambar main kamu.
7. Cari kode seperti ini:

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

8. Ganti text yang dicetak tebal dengan gambar header.
9. Cari kode seperti ini:

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') repeat-y top center; }

10. Ganti text yang dicetak tebal dengan gambara foter.
11. Masih ada beberapa hal yang harus kamu perhatikan. coba cari kode-kode berikut:

#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; }

kode width: 898px menunjukkan lebar dari blog kamu, kamu bisa mengubahnya sesuai keinginanmu, tapi harus disesuaikan dengan lebar desain gambar yang kamu buat.

#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }

kode width: 445px; adalah lebar daerah main yang berisi posting, kamu bisa merubahnya.

#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }


kode width: 153px; adalah lebar sidebar bagian kanan. Dan kode width: 195px; adalah lebar sidebar bagian kiri. Terus kode padding-right: 50px; jarak antara tulisan atau isi sidebar sebelah kanan dengan garis batas kanan. Dan kode padding-left: 10px; adalah jarak antara isi sidebar kiri dengan garis batas kiri.

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

kode height:196px; width:898; adalah ukuran tinggi dan lebar bagian header, kamu bisa menyesuaikannya dengan ukuran header kamu.

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') no-repeat top center; }

kode width: 898px; height:80px; adalah ukuran lebar dan tinggi bagian footer.

12. Nah kalo udah selesai coba di preview template kamu, sudah sesuai kah? atau hancur?
13. Kalo sudah di Save.

:f akhirnya selesai juga aku buat artikel tentang pembuatan template, capek ya? tapi ingat sekali lagi ini adalah metode membuat template yang mudah dan sederhana, jadi sebenrnya isi dari template lebih rumit lagi, munkin kapan-kapan akan kita bahas detail dari bagian-bagina template tersebut.
OK SELAMAT BERJUANG......
[ Read More ]

Posted by Garot Hotspot 0 komentar»

Perangkat Komputer

Perangkat-perangkat Komputer

Beberapa perangkat komputer yang sering kita kenal adalah:
MOTHERBOARD
Adalah perangkat komputer yang merupakan tempat dimana alat alat elektronik yang lain dari komputer diletakkan. Banyak soket soket pada motherboard, seperti untuk processor, PCI Card dan lain lain. Gambar disamping adalah salah satu motherboard.
MODEM INTERNAL

Adalah perangkat yang berfungsi mengubah sinyal sinyal analog menjadi sinyal digital dan juga sebaliknya, Modem singkatan dari Modulasi De Modulasi. Pada gambar disamping adalah Modem Internal yang dipasang pada PCI Card di motherboard, pada bagian samping terdapat konektor untuk menguhungkan modem dengan line telepon.

LAN CARDGambar adalah gambar LAN Card yaitu sebuah card yang digunakan untuk menghubungkan antara komputer yang satu dengan komputer yang lain. LAN Card ini dipasang pada mother board pada slot PCI Card, untuk mengubungkan antar komputer yang satu dengan komputer yang lain menggunakan kabel UTP yang terdiri dari 8 buah kabel dengan warna warna tertentu, soket yang digunakan adalah soket RJ-45. Untuk jenis Network yang dipilih bisa menggunakan Peer to peer atau menggunakan yang lainnya. Apabila dihubungkan dengan lebih dari dua komputer biasanya membtuhkan alat tambahan yang disebut HUB.
VGA CARD

VGA CARD adalah sebuah kartu atau Card yang digunakan untuk meneruskan informasi dari motherboard menuju ke layar monitor, sehingga menjadi informasi yang dapat dibaca oleh manusia. Pada beberapa jenis komputer sekarang ini biasanya VGA Card sudah OnBoard artinya sudah langsung menjadi satu pada motherboard. Namun ada juga kadang yang tidak On Board.
HARD DISK
Hard disk adalah perangkan penyimpanan atau storage device, yang berkapasitas sangat besar. Hardisk ini biasanya dihubungkan pada Motherboard dengan menggunakan kabel ATA atau SATA. dengan adanya hard disk ini maka kita dapat melakukan penyimpanan data maupun software dalam jumlah yang sangat besar
[ Read More ]

Posted by Garot Hotspot 0 komentar»

Tidak ada Janji

Hei Bayi ketika kita bersama-sama

Melakukan hal-hal yang kita cintai

Setiap kali Anda i dekat merasa seperti aku di surga, merasa tinggi

Aku tak ingin melepaskan gadis

Aku hanya ingin kau tahu gadis

Saya tidak ingin melarikan diri

Bayi Anda yang saya butuhkan malam ini

Tidak ada janji ...

bayi sekarang aku perlu memegang Anda erat-erat

Aku hanya ingin mati dalam pelukan Anda di sini malam ini

Saya tidak ingin melarikan diri

Saya ingin tinggal selamanya

Pada waktu dan waktu, tidak menjanjikan

Saya tidak ingin melarikan diri

Aku tidak ingin sendirian

Tidak ada janji ...

Baby sekarang aku perlu memelukmu erat

Sekarang dan selamanya cintaku

Tidak ada janji ...
[ Read More ]

Posted by Garot Hotspot 0 komentar»