Senandung Cinta

 Jiwa yang terkapar nada rindu mengusik kalbu
Nyanyian yang tiada pernah tergores tinta
Nada kasih mengalir menembus sukma
Menyentuh batin mengalirkan sayang


Nyanyian yang tiada pernah tergores tinta
Sungguh...betapa segala resah mendesah
Bimbang mengguncang dalam ketidak-abadian
Untuk siapa nada ini kan menyapa


Di relung jiwa bersemayam segala rasa
Terhempas risau, melayang hilang
Menjelajah hati menjawab tanya
Hadir membayang dalam bayang-bayang



Getar ujung jemari kabarkan kehadirannya
Nyata terasa getaran dijiwa.
Bening air mata, berkaca-kaca
Bak air telaga yang memantulkan gemerlap bintang


Sendu merayu ditengah heningnya malam
Bercengkrama bersama titik-titik embun
Membongkar dinginnya kabut rahasia
Hingga kebenaran, datang  menjelang


Nada lahir dari ujung renungan
Mengalun bersama kesunyian
Menepis semua kebisingan
Mengalir diantara mimpi dan bayangan


Adalah cinta terbawa nyata diantara alunan nada
Rindu memecah sepi, lantang bergemuruh menderu hati
Menabur mimpi, dalam hasrat menggebu di ujung rindu
Dibalik nada-nada cinta, aku menemukanmu.




Puisi Cinta Khalil Gibran.

Read More

Puisi Sahabat

Angan hidupku melayang
Disaat aku mengingatmu
Banyak kata yang tak sempat kuucap
Berlalu cepat kau tinggalkan aku
Tinggalkan semua cerita
Yang layak kukenang
Wahai sahabat .....
Kurindu canda tawamu

Namun .........
Semua itu hanyalah sejuta mimpi
Kerapuhan hatiku, terjamah sudah
Saat kau kembali kepadaNya
Bersama dua cahaya yang menyertaimu
Tuk slamanya hingga akhir hayatku
Kau ada di hatiku ......Sahabat.

Read More

Friend & Money

Mereka mengatakan aku membeli sahabat dengan uangku
Mendapatkan sebuah persahabatan dengan materi
Seberapa rendahnya harga seorang manusia
Hingga aku sanggup membelinya dengan uangku?

Tak bernilaikah sebuah persahabatan
Hingga bisa aku dapatkan hanya dengan materiku?
Kini aku mengerti…
Mereka bukan teman-temanku

Mereka tidak pernah menjadi sahabatku
Karena mereka telah terbeli dengan uangku.

Read More

Puisi Untuk Sabahat

sahabatku………
seberat apapun masalahmu
sekelam apapun beban hidupmu
jangan pernah berlari darinya
ataupun bersembunyi
agar kau tak akan bertemu dengannya
atau agar kau bisa menghindar darinya
karena sahabat…..
seberapa jauhpun kau berlari
dan sedalam apapun kau bersembunyi
dia pasti akan menemuimu
dalam sebuah episode kehidupanmu
sahabatku……
alangkah indahnya bila kau temui ia dengan dada yang lapang
persilahkan ia masuk dalam bersihnya rumah hati
dan mengkilapnya lantai nuranimu
hadapi ia dengan senyum seterang mentari pagi
ajak ia untuk menikmati hangatnya teh kesabaran
ditambah sedikit penganan keteguhan
sahabat…….
dengan begitu
sepulangnya ia dari rumahmu
akan kau dapati
dirimu menjadi sosok yang tegar
dalam semua keadaan
dan kau pun akan mampu dan lebih berani
untuk melewati lagi deraan kehidupan
dan yakinlah sahabat……..
kaupun akan semakin bisa bertahan
kala badai cobaan itu menghantam.

Read More

Hati Sahabat

berbuih kasih dalam panas mengadu
bertebaran sayang layaknya teman
menguak rasa hati sedalam lautan
lirikan mata yang terpadu

ohh… tuhan…
getaranku sudah beda
tak layak seakan teman
dia tak mengerti yang ku rasa

menyambut bunga bagai indah jagat raya
terpukau tapi terlarang
menyiksa karena tak kan teromong
menanam jua dewasa

bagai kucing takut lautan
pengecut dalam bimbang
terhalang
takut hilang persahabatan.

Read More

Arti Sahabat

Saat aku mulai mengerti tentang hidup
Aku butuh tumpahan rasa
yang sudi menerimaku apa adanya
Saat mata memandang
hingga lelah dan terpejam
segalanya terasa indah
dengan kehadiran seorang sahabat
Saat bahagia aku kan tertawa bersamanya
menjalani hari-hari penuh senyum bersamanya
namun saat terluka
Aku akan berlari dalam gelap
karena aku malu membaginya
dan tak ingin menjadi beban baginya
Meski rapuh aku tak ingin hancur
Aku harus tetap hidup demi s’mua mimpiku.

Read More

Tips Membuat Floating Facebook Like Box Di Blogspot

Tips Membuat Floating Facebook Like Box  - Widget melayang Facebook Like Box kali ini lebih simple dan ringan daripada widget-widget melayang lain yang pernah saya coba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selain menghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambat kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box ini saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yang full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja buat sobat blogger yang mungkin kepingin memasang widget melayang Facebook Like Box di blognya.

Cara Membuat Widget Melayang Facebook Like Box

1.     Sebelumnya anda harus sudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.

2.       Login ke dashboard blogger anda.

3.       Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).

4.       Copy script widget dibawah ini dan paste pada gadget.

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzc8WyMGn34zfWd6Ex6cMn4sRCgoHYxQwAnMvdYdyF1nKeT4BsO6EZEr1KgxQanQuh_qIQ1tKyBnRwHlKvfAZHlPDeqc2JRT7IRZhFVeCMRWYUfhyphenhyphenzcWN9k6DqOIphD24JyJ795lFYTc8P/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi86_FmfkNz1KX3g4btlNun-13UKb2bYvY4OKiidEUZndgPVuFi6m1fD5EW3_Tmr9spPxaOXz6Srr-qz50gsrOxpY49UoONnT1nBF8osUjJXE90G4gLr7cLGjZh45C95UaNUpWlI3jW0QYr/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">

<!-- Begin Facebook -->

CONTENT FACEBOOK HERE

<!-- End Facebook -->

</div>

</div>

5.      Ganti tulisan CONTENT FACEBOOK HERE dengan kode Facebook Like Box anda.

6.      Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript dibawah ini dan letakkan tepat diatas kode </head>  pada template supaya widget Facebook Like Box ini bisa berfungsi.

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) {return;}

  js = d.createElement(s); js.id = id;

  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

  fjs.parentNode.insertBefore(js, fjs);

}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

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

7.     Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.

8.      Save / Simpan.

Well, cukup gampang bukan membuat widget melayang Facebook Like Box  ini ? Sekian dulu tips blogging kali ini, happy nice blogging on Saturday Night !!

Read More

Cara Mengganti Background Blog Otomatis

Cara Mengganti Warna Background Blog Otomatis – Banyak cara untuk membuat variasi dan memperindah tampilan blog. Salah satunya adalah dengan menempatkan widget untuk mengganti warna background otomatis ini di sidebar blog anda, sehingga pengunjung dapat memilih warna background kesukaan mereka. Selain supaya kita juga ngga bosan dengan tampilan background yang itu-itu saja, dan pengunjung yang datang pun kita harapkan mendapatkan kenyamanan sehingga mereka betah berlama-lama membaca  di blog kita. Contoh penggunaan widget pengganti warna background blog otomatis ini dapat sobat lihat langsung di sidebar blog ini.

Cara Mengganti Background Blog :

1.       Login ke dashboard blogger anda.

2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).

3.       Copy script yang ada dibawah ini dan paste pada gadget.

<div class="widget-content">

<center><b>Pilih Warna Kesukaan Anda</b></center>

<br/>

<script type="text/javascript">

function bgChange(bg)

{

document.body.style.background=bg;

}

</script>

<table border="1" width="100%" height="20">

<tbody><tr>

<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">

</td>

<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">

</td>

<td onclick="bgChange('#008080')" bgcolor="#008080">

</td>

<td onclick="bgChange('#808080')" bgcolor="#808080">

</td>

<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">

</td>

<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">

</td>

<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">

</td>

<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">

</td>

<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">

</td>

</tr></tbody></table>

</div>

4.       Silahkan sobat edit teks tulisan yang berwarna merah dan kode pilihan warna yang berwarna biru dengan warna-warna kesukaan anda. Untuk kode warna dapat dilihat disini.

5.       Save / Simpan.

Mudah dan gampang bukan ? Pada widget pengganti warna background ini hanya ada 9 pilihan warna background, jika sobat ingin menambahkannya copy saja kode yang terakhir sehingga kolom warna akan bertambah. Kalau masih bingung, baca lagi postingan sebelumnya tentang cara membuat tabel dan kolom. Semoga tips Cara Mengganti Warna Background Blog ini bermanfaat untuk anda.

Read More

Cara Membuat Teks Pada Kursor

Membuat Teks Pada Kursor – Jumpa lagi sobat blogger !! Sory banget kalau saya lama ngga bikin posting karena lagi banyak kesibukan offline di akhir tahun 2011 kemarin. Mengawali tahun 2012 ini saya mau share tentang membuat teks pada kursor. Teks yang mengikuti kursor pada trik efek ini menggunakan javascript yang relatif ringan, jadi jangan khawatir akan pengaruhnya terhadap loading blog. Buat yang sudah bosan dengan trik mengganti gambar pada kursor, coba aja trik membuat teks yang mengikuti kursor ini biar ganti suasana tampilan baru. Kan udah Tahun Baru nih..he he.


Cara Membuat Teks Pada Kursor :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #a4336a;
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;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Tulis teks anda disini";
/* 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 =20;
// 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 = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// 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.2;
////////////////////// 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>

4.    Save/Simpan dan lihat hasilnya.
5.    Sobat dapat mengganti jenis dan warna font pada bagian yang ditandai dengan warna biru.
6.    Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah.
7.   Sekedar mengingatkan lagi saja, trik paling mudah untuk mencoba script seperti ini adalah copy dan paste script pada notepad. Kemudian klik Save as dan beri nama apa saja diikuti ekstensi .html. Misalnya beri nama file notepad tadi teks-kursor.html dan pada pilihan Save as type pilih All Files. Terakhir double klik file html yang baru disimpan tadi, maka sobat akan langsung dapat melihat hasilnya pada browser

Read More

pengenalan computer

Dasar Pengenalan tentang Komputer

Teknologi telah berkembang pesat. Seperti halnya radio, televisi, dan telepon, komputer kini
telah menjadi bagian dari kehidupan manusia. Komputer sudah biasa kita jumpai di sekolah,
perkantoran, di tempat umum, bahkan di rumah tangga. Komputer banyak digunakan karena
dapat menunjang berbagai kebutuhan dan aktivitas manusia. Artikel ini akan memberikan
gambaran secara umum tentang apa dan bagaimana komputer.
Mengenal Komputer
Komputer adalah seperangkat
alat yang digunakan untuk
mengolah data menurut
prosedur tertentu. Komputer
tersusun atas perangkat keras
(hardware) dan perangkat
lunak (software).
Hardware atau perangkat
keras adalah fisik komputer,
mulai dari papan ketik, layar,
komponen, hingga piranti
pendukung seperti printer.
Software atau perangkat
lunak adalah program
komputer, mulai dari sistem
operasi, aplikasi, hingga
bahasa pemrograman.
Komputer pertama kali dibuat
sekitar tahun 1940–1945.
Bayangkan, besarnya satu
ruangan penuh. Inovasi
teknologi yang terus
berlangsung hingga saat inilah
yang membuat komputer
semakin ringkas, beraneka
jenis, dan lebih berdaya guna.
Jenis Komputer
Dewasa ini komputer telah berkembang menjadi berbagai
jenis, sesuai ukuran dan kegunaannya.
• Personal Computer (PC) atau Microcomputer, yaitu
komputer yang didesain untuk dipakai oleh perorangan.
Komputer jenis ini yang lazim kita temukan, baik PC
Desktop yang ada di meja-meja perkantoran, maupun
Laptop yang bisa dibawa ke mana-mana itu.
• Desktop, komputer PC yang didesain untuk dipasang
secara permanen di satu tempat. Jenis inilah yang telah
lama dikenal masyarakat luas.
• Laptop atau Notebook, komputer PC yang didesain untuk
bisa digunakan secara fleksibel, mudah berpindah lokasi,
dan lebih hemat energi.
• Personal Digital Assistant (PDA) atau komputer
genggam, yaitu komputer yang didesain ringkas tanpa
keyboard dan berukuran mungil. Pengoperasiannya
melalui layar sentuh.

BULETIN BEBAS DIGANDAKAN DAN DIDISTRIBUSIKAN KEMBALI UNTUK KEPENTINGAN NON KOMERSIAL
• Workstation, komputer PC berspesifikasi
teknis dan kemampuan yang lebih tinggi
untuk dipakai dalam kerja berkelompok.
• Server, komputer berspesifikasi teknis
yang tinggi, digunakan sebagai induk
jaringan komputer. Tugasnya melayani
komputer-komputer di jaringannya.
• Mainframe, komputer server berskala
besar, biasanya digunakan untuk server
di kalangan perusahaan besar.
• Supercomputer, gabungan beberapa
komputer yang didesain untuk bekerja
secara paralel membentuk sebuah sistem
komputer, seakan-akan menjadi sebuah
komputer super.
• Wearable Computer, aplikasi komputer
yang diintegrasikan dengan perangkat
teknologi lain, seperti pada jam, ponsel,
dan sebagainya.
Cara Kerja Komputer
Komputer bekerja berdasarkan instruksi
pemakai, menerima informasi yang diberikan
dari piranti input, mengolah dan menyimpan
data selama pemrosesan di memori, lalu
hasilnya dikeluarkan melalui piranti output.
Komputer tersusun atas 4 bagian yang saling
berhubungan :
• Unit Kontrol, yaitu bagian pusat kontrol
beragam komponen komputer.
• Unit Aritmatika dan Logika (ALU), yaitu
bagian yang berfungsi untuk melakukan
perhitungan matematis dan logika.
• Memori, yaitu komponen komputer untuk
menyimpan informasi komputer.
• Piranti Input dan Output, yaitu piranti
yang digunakan untuk memberi informasi
agar diolah komputer dan piranti untuk
menyimpan hasil kerja komputer.
Piranti Utama Komputer
Skema di bawah menunjukkan piranti utama
pada sebuah PC Desktop :
Dasar Pengenalan tentang Komputer | 3
DILARANG MENGUBAH SEBAGIAN ATAU SELURUH ISI BULETIN TANPA IJIN TERTULIS DARI BULETINDO
1. Layar Monitor
2. Motherboard
3. CPU
4. RAM Memori
5. Kartu Ekspansi
6. Power Supply
7. CD-ROM Drive
8. Harddisk
9. Papan Ketik
10. Mouse
Piranti Pendukung
Untuk menunjang kemampuan komputer,
digunakan piranti pendukung untuk keperluan
tertentu. Beberapa di antaranya :
• Printer: untuk mencetak teks & gambar.
• Scanner: untuk menginput objek gambar
dan tulisan menjadi file komputer.
• Webcam: kamera video untuk menginput
tampilan visual.
• Headset & Microphone: untuk mendengar
output suara dan menginput suara.
Media Simpan
Agar data yang dihasilkan komputer dapat
disimpan, maka digunakan media simpan :
• Harddisk: alat simpan internal yang pasti
ada di komputer modern. Kapasitasnya
sangat besar.
• Disket: alat simpan eksternal dengan
ukuran fisik dan kapasitas simpan yang
kecil. Saat ini mulai jarang dipakai.
• Zip Drive: alat simpan eksternal dengan
kapasitas simpan yang relatif besar. Saat
ini juga mulai jarang dipakai.
• Keping CD & DVD: alat simpan eksternal
berbentuk cakram dengan kapasitas
simpan menengah. Biasa dipakai untuk
menyimpan file multimedia atau data
cadangan. Saat ini banyak digunakan.
• USB Flash Disk: alat simpan eksternal
seukuran korek api dengan kapasitas
simpan relatif besar. Kini semakin
berkembang dan banyak digunakan.
Sistem Operasi
Sistem operasi adalah perangkat lunak yang
menjadi dasar operasi sebuah komputer.
Tanpa sistem operasi, program atau aplikasi
komputer tidak dapat dijalankan. Sistem
operasi lah yang menjadi perantara antara
perangkat komputer dan pemakai.
Beberapa sistem operasi yang populer di
dunia antara lain :

BULETIN BEBAS DIGANDAKAN DAN DIDISTRIBUSIKAN KEMBALI UNTUK KEPENTINGAN NON KOMERSIAL
Windows
Sistem operasi Windows dikembangkan oleh Microsoft. Saat
ini merupakan sistem operasi yang paling banyak digunakan
di tanah air. Sistem operasi ini adalah produk komersial,
sehingga pemakai komputer harus membeli lisensi sebelum
menggunakannya. Beberapa varian Windows di antaranya:
Windows NT, Windows 98, Windows XP, Windows Vista,
Windows Server 2008, dan yang akan datang Windows 7.
Unix
Merupakan sistem operasi tertua di dunia. Sistem operasi ini
bahkan telah menjadi dasar pengembangan sistem operasi
lain, misalnya System V, BSD, Mac OS, dan Linux.
Linux
Sistem operasi turunan Unix yang sangat populer karena
dikembangkan secara gotong-royong dan bersifat gratis.
Karena sifatnya terbuka atau Open Source, maka ada ratusan
varian Linux, antara lain Debian, Ubuntu, Fedora, Slackware,
dan Knoppix. Beberapa di antaranya juga dikemas menjadi
produk komersial, misalnya SuSE dan Redhat.
Mac OS
Merupakan sistem operasi turunan Unix yang dikembangkan
oleh Apple. Sama seperti Windows, Mac OS merupakan
produk komersial. Umumnya sistem operasi ini dipaketkan ke
dalam komputer produk Apple, yaitu Macintosh.
Aplikasi Komputer
Aplikasi komputer adalah program komputer yang dibuat
untuk melakukan tugas tertentu. Beberapa jenis kegunaan
program dan contohnya adalah :
• Aplikasi Perkantoran atau Office: untuk menunjang
tugas administratif perkantoran. Di antaranya Microsoft
Office dan OpenOffice. Aplikasi Office biasanya berupa
beberapa aplikasi yang dikemas menjadi satu. Adapun
aplikasi-aplikasi yang dikemas di dalam aplikasi Office
antara lain :
o Aplikasi Pengolah Kata, contoh Microsoft Word.
o Aplikasi Pengolah Angka, contoh Microsoft
Excel.
o Aplikasi Pengolah Basis Data, contoh Microsoft
Access.
o Aplikasi Pengolah Presentasi, contoh Microsoft
Powerpoint.
• Aplikasi Grafis: untuk
mendesain dan mengolah
gambar atau foto. Di
antaranya adalah aplikasi
CorelDraw, GIMP, dan
Photoshop.
• Aplikasi Multimedia:
untuk memutar file
multimedia. Misalnya
aplikasi WinAmp,
Windows Media Player,
dan QuickTime.
• Aplikasi Internet: untuk
mengakses beragam
layanan internet. Di
antaranya Internet
Explorer, Mozilla Firefox,
dan Opera. Selain itu ada
beberapa software
khusus,misalnya mIRC dan
Yahoo! Messenger untuk
chatting, FileZilla untuk
transfer file, dan Outlook
untuk mengelola email.
• Aplikasi Game: aneka
aplikasi permainan.
Teknologi komputer masih
terus berkembang dan akan
selalu menghadirkan sesuatu
yang baru untuk kita nikmati
manfaatnya.

Read More

Tip Membuat Sendiri Template Blogger (Blogspot)

Sudah bosan dengan template Blogger yang itu-itu saja? Ada dua pilihan buat Anda. Cara pertama cukup praktis, cari dan download template Blogger dari pihak ketiga, lalu salin dan pasang kode template blogger baru pilihan Anda. Cara kedua lebih kreatif, modifikasi sendiri template Anda!

Berikut beberapa tip dasar yang bisa Anda gunakan untuk mengedit atau membuat template Blogger Anda:

Backup Template dan Komponen

Hal pertama yang harus Anda lakukan sebelum mengganti template Blogger adalah membackup template lama dan elemen-elemen halaman yang telah Anda miliki. Komponen selain posting, arsip, dan komentar cukup rawan dengan resiko hilang saat template baru diterapkan (Blogger akan memberi peringatan berupa daftar widget yang akan terhapus jika template baru Anda terapkan).

1. Login ke halaman pengelolaan blog, klik Layout > Edit HTML.
2. Untuk membackup template awal, seleksi seluruh kode di kotak Edit Template (Ctrl+A), lalu copy (Ctrl+C).
3. Buka Notepad, lalu salin kode ke dalam lembar kerja Notepad (Ctrl+V).
4. Simpan backup template awal Anda.

Sebagai catatan, jika Anda telah menambahkan elemen / widget pada halaman blog Anda, maka sebelum melakukan langkah ke-2, aktifkan dulu kotak pilihan Expand Template Widget (di bagian atas kotak Edit Template). Baru setelah itu salin seluruh kode dan Anda simpan sesuai langkah berikutnya.

Kini Anda sudah siap mengutak-atik template Blogger Anda. Jika hasilnya kurang memuaskan, Anda tetap dapat memulihkan template awal dengan cara menyalin kode backup dari Notepad ke kotak Edit Template.

Menghilangkan NavBar

Merasa tidak nyaman dengan tampilan NavBar di bagian atas halaman blog Anda? Singkirkan NavBar dan perluas tampilan halaman blog Anda dengan cara berikut:

1. Buka template Blogger Anda di Layout > Edit HTML.
2. Temukan titik penyisipan, letakkan kursor persis di atas baris body {.
3. Sisipkan baris kode di bawah ini untuk menghilangkan tampilan NavBar di halaman blog Anda:
   
   #navbar-iframe {
      height:0px;
      visibility:hidden;
      display:none
   }
4. Simpan perubahan template, preview blog dan nikmati hasilnya.

Memodifikasi Lebar Halaman

Hal pertama yang perlu Anda pahami dalam memodifikasi halaman blog Anda adalah mengenai penetapan lebar komponen halaman (header, halaman posting, sidebar, dan footer).

Berikut adalah rumusan yang bisa Anda jadikan pedoman dalam mengutak-atik lebar halaman blog Anda :

#header-wrapper = #outer-wrapper = #footer = #main-wrapper + 30 + #sidebar-wrapper

Temukan dan ubah nilai width: di bagian tersebut sesuai kebutuhan :

• #header-wrapper, #outer-wrapper, dan #footer menjadi patokan lebar seluruh halaman blog.
• #main-wrapper adalah ukuran kolom posting Anda.
• #sidebar-wrapper adalah ukuran kolom sidebar Anda.
• Nilai 30 digunakan untuk memberi jarak antara antara kolom posting dan kolom sidebar.

Dengan berpatokan pada rumusan di atas, maka Anda dapat mengubah ukuran halaman Anda dengan mengedit HTML dengan nilai seperti berikut :

Nilai width awal:
660px = 660px = 660px = 410px + 30px + 220px

Nilai width untuk modifikasi:
750px = 750px = 750px = 470px + 30px + 250px

Penjelasan langkah pengeditan:

1. Timpa nilai width pada bagian #header-wrapper, #outer-wrapper, dan #footer menjadi 750px.
2. Timpa nilai width pada bagian #main-wrapper menjadi 470px.
3. Timpa nilai width pada bagian #sidebar-wrapper menjadi 250px.

Nilai width #main-wrapper = 470px cocok untuk beriklan (ukuran ini bisa mengakomodasi banner 468x60 px). Silakan ubah ukuran sesuai selera dengan berpatokan pada rumusan di atas.

Memodifikasi Jumlah Kolom

Pilihan template yang disediakan Blogger umumnya tersusun atas dua kolom (kolom posting dan kolom sidebar). Anda dapat membuat kolom tambahan dengan menyalin kode sidebar dan mengatur ulang ukurannya.

Sebagai contoh, berikut cara membuat halaman blog dengan tiga kolom.

1. Buka template Blogger Anda di Layout > Edit HTML.
2. Kita gandakan kode kolom sidebar yang sudah ada. Umumnya kode sidebar dinamai sidebar-wrapper, namun ada juga template yang menggunakan nama sidebar-wrap atau sejenisnya.
3. Temukan, seleksi, dan salin bagian ini:
   
   #sidebar-wrapper {
     width: 220px;
     float: $endSide;
     word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
     overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
   }
4. Pindahkan kursor di bawah kode tersebut, lalu sisipkan kode yang telah Anda salin. Kini anda memiliki 2 kode di atas.
5. Bedakan nama kode, edit nama #sidebar-wrapper yang telah Anda sisipkan menjadi #sidebar-wrapper2.
6. Ubah nilai width di #sidebar-wrapper dan #sidebar-wrapper2, dengan cara membagi 2 nilai yang ada. Misalnya nilai awal 220px Anda bagi menjadi masing-masing 110px.
7. Selanjutnya temukan, seleksi, dan salin bagian ini:
   
   <div id='sidebar-wrapper'>
   <b:section class='sidebar' id='sidebar' preferred='yes'>
   ...
   ...
   </b:section>
   </div>
8. Pindahkan kursor di bawah kode tersebut, lalu kembali sisipkan kode yang telah Anda salin. Kini anda memiliki 2 kode di atas.
9. Edit nama <div id='sidebar-wrapper'> yang telah Anda sisipkan menjadi <div id='sidebar-wrapper2'>.
10. Simpan Template. Preview blog Anda untuk memastikan tampilan 3 kolom telah berhasil Anda buat.

Catatan, jika lebar sidebar pertama dan kedua menjadi sempit, maka gunakan rumusan Memodifikasi Lebar Halaman.

Selamat mencoba !

Read More

Read More