Panduwina P (10.02.0072)

Kamis, 16 Desember 2010

Cara membuat kartu natal

1. Nyalakan Komputer
2. Pilih Open Office Draw
3. langkah selanjutnya anda harus mengetahui cara2nya

ini contoh gambar kartu natal setelah jadi


Cara Membuat Tulisan Berkedip-kedip
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode-kode berikut ini

<blink><b>SELAMAT DATANG</b></blink>




contoh


SELAMAT DATANG

Cara membuat tulisan berwarna

1. Loggin ke Blogger
2.Kemuduan klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Pilih HTML
Perhatikan kode HTML di bawah ini :


Kode diatas nantinya akan mempunyai tampilan seperti ini


Read more: Cara Membuat Teks atau Tulisan Berwarna di Postingan Blog | Mas Bugie [dot] com http://www.masbugie.com/2010/04/cara-membuat-teks-atau-tulisan-berwarna.html#ixzz18I8nCzjC
Pada angka  #3300cc adalah kode warna tulisan, kode warna ini bisa anda ubah sesuai dengan keinginan, berikut kode-kode warna di HTML




Kode




Warna




Kode




Warna




Kode




Warna
#ff0033 OOOOOOOO #3300cc OOOOOOOO #ffff33 OOOOOOOO
#cc9933 OOOOOOOO #99ffff OOOOOOOO #33ff66 OOOOOOOO
#ff0066 OOOOOOOO #00cc00 OOOOOOOO #00ff00 OOOOOOOO
#66ff00 OOOOOOOO #99ff66 OOOOOOOO #000066 OOOOOOOO
#330066 OOOOOOOO #660066 OOOOOOOO #990066 OOOOOOOO
#cc0066 OOOOOOOO #000000 OOOOOOOO #330000 OOOOOOOO
#660000 OOOOOOOO #990000 OOOOOOOO #cc0000 OOOOOOOO

Kode di atas merupakan beberapa contoh saja karena sangking terlalu banyaknya kode, tetapi pada umumnya warna yang dipakai adalah warna merah, biru dan hijau .Terlalu banyak warna terlalu berat pula nanti mata menyesuaikan hehe..

Gimana mudah bukan, semoga postingan ini bisa berguna untuk kita semua, Salam....

Read more: Cara Membuat Teks atau Tulisan Berwarna di Postingan Blog | Mas Bugie [dot] com http://www.masbugie.com/2010/04/cara-membuat-teks-atau-tulisan-berwarna.html#ixzz18I8h6sSS

Cara membuat tulisan bergerak

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :


<marquee align="center" direction="left" scrollamount="2">Contoh Tulisan Berjalan</marquee>



scrip diatas texs berjalan dari kanan ke kiri

Tutorial instal jomlaa di linux

saya install joomla ini under ubuntu 8.10 dengan menggunakan xampp,ga harus xampp juga sih yang jelas di komputer harus terinstall php,database(contoh:mysql),aplikasi ftp(seperti filezilla) dan webserver(biasanya kalo linux ma apache). kalo di xampp kan udah satu paket jadi ga perlu install aplikasi diatas satu persatu,tinggal download package joomlanya aja truz di copy ke /htdocs. kalo php,database dll itu terintallnya secara terpisah dan satu-satu biasanya hasil ekstraksi folder joomla diletakkan di folder /var/www. sayangnya petunjuk ini tidak disertai gambar gara-gara gw males screenshot satu-satu waktu install,jadi semoga aja  ngerti dan paham.
1. dengan asumsi xampp sudah terinstall dengan baik,gunakan perintah sudo /opt/lampp/lampp start di terminal,ini akan mengaktifkan sqlite,php,filezilla,apache yang sudah terinstall sebelumnya melalui paket xampp
2. extract package joomla,tentunya kalo sudah di download,klo belum silahkan download paket terbarunya di joomla.org. kalo formatnya tar.gz silahkan menggunakan perintah tar -xvzf namafile.tar.gz sedangkan kalo .zip di klik 2x aja karena untuk ubuntu akan lamgsung otomatis ditangani archive manager.
3. hasil extraksi itu harus dimasukkan ke dalam folder /opt/lampp/htdocs cuma sebelumnya harus di chmod dulu agara mempunyai izin untuk diakses baca dan tulis. silahkan gunakan perintah chmod -R 775 folderhasilekstraksi/ hasil ini akan membuat folder tersebut memiliki ijin akses.
4. sekarang copykan folder itu dengan perintah cp -R folderhasilekstraksi /opt/lampp/htdocs/ perintah ini mengkopi folderhasilekstraksi ke /htdocs/ dan -R memerintahkan agar folder beserta isinya ikut dicopy.
5. sekarang masuk ke browser misal firefox,opera dsb ketik http://localhost/phpmyadmin kalau bisa masuk berarti memang sudah bener apa yang dilakukan di langkah nomor satu,disini kita harus membuat database dahulu,bikin saja dengan nama terserah lalu create.tapi ingat,nama database inilah nanti yang digunakan untuk joomla yang baru diinstall.
6. masih di browser,sekarang ketik http://localhost/folderhasilextraksi,nama foldernya terserah ya,disesuaikan dengan keadaan. klo berhasil masuk maka akan ada perjanjian lisensi gitu,dah ituma tinggal next-next aja sampe ada pilihan memasukkan data database name,username,password dsb. masukkan localhost lalu di username masukkan root,password dikosongkan dan di database name masukkan nama sesuai yang sudah kita buat di poin nomor 5 .
7. berikutnya setelah di next akan ada keterangan sistem kita sudah lengkap dan support atau tidak,klo ada tulisan off bewarna merah maka kita perlu “membenahi” terlebih dahulu. biasanya setup terakhir adalah file configuration.php. filenya terdapat di /opt/lampp/htdocs/folderhasilekstraksi tapi sebelumnya bernama configuration.php-dist yang harus kita rename dulu. masuk ke terminal sebagai root lalu ketik gedit /opt/lampp/htdocs/folderhasilekstraksi/configuration.php.dist ini akan membuka text editor gedit dengan isi configuration.php-dist.
8. masukkan nama database dan username juga localhost sesuai poin no 6 pada bagian2 yang ada misal db_user,db_pass dsb lalu save as dengan nama configuration.php
9. sejauh ini instalasi sudah berjalan dengan baik,tinggal klik next maka akan ada keterangan kalo instalasi berhasil dan diharapkan untuk menghapus folder installation/ sebelum masuk ke site admin. ok selamat mencoba dan bersenang-senang dengan joomla :)

Rabu, 15 Desember 2010

cara membuat daun2 berguguran di blog

1 loggin blogger
2 pilih rancangan
3 pilih tambah gadget
4 pilih html/java scrip
5 kemudian tulis tulisan dibwh ini


silahkan coba sendiri

Cara membuat tulisan melingkar pada Kursor

memiliki suatu blog yang kurang modifikasi akan membuat kita malas blogging.
karna memodifikasi blog memiliki kpuasan tersendiri.maka dari itu saya memberi sedikit inspirasi saya kepada anda tentang memodifikasi blog.

Kali ini saya akan berbagi tentang cara membuat tulisan melingkar pada kursor

  1. log in ke blogger anda
  2. pilih tata letak
  3. tambah gadget anda dan plih java script
  4. copy paste aja code berikut pad java script anda


<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: #999;



/* 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">

/* 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 = "Panduwina P";

/* 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>

ket: ganti tulisan yang berwarna merah dengan text yang anda inginkan


lalu simpan,selesai deh
coba anda lihat hasilnya

Cara membuat jam

1 Masuk di blog
2 Pilih rancangan
3 Pilih tambah gadget
kemudian sesudah itu tulis scrip seperti dibawah ini
<embed src="http://www.swfcabin.com/swf-files/1278357812.swf" width="120" height="120" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed>

jika anda ingin memilih2 jam dapat mengunjungi ke situs www.zawa.blogsome.com

Membuat warna tulisan bergerak

ok

  1. Login blog
  2. Pilih Rancangan
  3. Pilih tambah Gadget
  4. Pilih HTML/Java script
  5. Masukan Script di bawah ini : 
<script language="JavaScript1.2">
var message="bab_pandu@yahoo.co.id"
var neonbasecolor=""
var neontextcolor="#fd3d3a"
var neontextcolor2="#ff8080"
var flashspeed=50 // kecepatan flashing dalam milliseconds
var flashingletters=5 // jumlah huruf yg di flashing dlm neontextcolor
var flashingletters2=1 // jumlah huruf yg di flashing dlm neontextcolor2 (0 to disable)
var flashpause=0 // pause diantara flash-cycles dlm milliseconds
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>



Ganti tulisan biru dengan kata-kata anda.....


Contoh :


Cara merubah tampilan Kursor

Sebenarnya ada 2 cara untuk mengganti kursor blogger tapi pada tutorial kali ini kupilihkan cara yang paling gampang
Langkah Pertama
Masuk ke Blogger account kamu  ===&gt; Pada Menu Dashboard/dasbor ===&gt;Pilih  Layout/ tataletak ===&gt; Elemen halaman ===&gt; Tambah Gadget ===&gt; Pilih HTML/Javascript
Pastekan kode ci bawah ini
<style type="text/css">
body {cursor:url("alamat gambar kursor"),default}
</style>
Nah kode yang berwarna merah di ganti dengan alamat gambar kursor

Selasa, 14 Desember 2010

Cara memberi kalender pada blog

Untuk cara instalasi, silahkan ikuti langkah-langkah berikut !
Untuk Template klasik

  1. Sig in di blogger dengan id sobat
  2. Klik menu Template
  3. Klik menu Edit HTML
  4. Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula
  5. Copy kode yang tadi telah ada di notepad lalu paste pada tempat yang di inginkan, mau di sidebar atau di manapun boleh
  6. Klik tombol Simpan Perubahan Template
  7. Selesai.
Untuk Template baru
  1. Sign in di blogger dengan id sobat
  2. Klik menu layout
  3. Klik menu Elemen Halaman
  4. Klik tulisan Tambahkan sebuah elemen halaman
  5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
  6. Copy kode yang tadi telah ada di notepad lalu paste pada kolom yang di sediakan
  7. Klik tombol SIMPAN PERUBAHAN
  8. Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN
  9. Selesai.
Jika ingin memasang kalender diblog ini copy paste scrip dibawah ini
<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0004.htm" width="163" height="290"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>
Untuk langkah-langkahnya sama persis seperti diatas, akan tetapi tentu yang di masukan adalah kode ini. Atau bagi sobat yang memakai template baru, biar gampang silahkan klik saja tombol di bawah ini! nanti akan secara otomatis kalendernya akan di masukan ke blog sobat. tapi ya musti sign in dulu yah

Senin, 13 Desember 2010

Joomla

Joomla adalah Sistem Manajemen Konten (SMK atau CMS) yang bebas dan terbuka (free opensource) ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di internet maupun intranet. Joomla pertamakali dirilis dengan versi 1.0.0. Fitur-fitur Joomla! diantaranya adalah sistem caching untuk peningkatan performansi, RSS, blogs, poling, dll. Joomla! menggunakan lisensi GPL.

Asal kata Joomla sendiri berasal dari kata Swahili yang mengandung arti "kebersamaan".
Secara garis besar dan gamblang, Joomla! terdiri dari 3 elemen dasar, yaitu server web (webserver), skrip PHP dan basisdata MySQL. Server web diasumsikan terhubung dengan Internet/Intranet yang berfungsi sebagai penyedia layanan situs. Skrip PHP terdiri dari kode program dalam bahasa PHP dan basisdata merupakan tempat penyimpanan konten. Joomla menggunakan Apache sebagai server web dan MySQL untuk basisdatanya.
Pertamakali, pengguna meminta akses terhadap halaman Joomla dengan mengeksekusi URL pada browser web yang kemudian terhubung dengan server web. Permintaan ini yang dalam istilah teknis lebih dikenal dengan query string selain terdapat URL juga mengandung parameter konten (section, category, ID article dan lain-lain). Berdasarkan parameter tersebut, sistem skrip Joomla melakukan kontak dengan basisdata dan mengambil konten yang dimaksud berdasarkan parameternya. Terakhir, konten dan templat (template) digabung bersama dan kembali sebagai halaman html, gambar, css dan javascript.

Paket Joomla! terdiri dari beberapa bagian yang terpisah dan termodul yang sangat fleksibel, dapat dengan mudah dikembangkan dan diintegrasikan. Sebagai contoh "plugins" WikiBot yang memperbolehkan penulis di Joomla menggunakan "Wikitags" pada bagian artikel yang fungsinya secara otomatis membuat pranala dinamis ke artikel Wikipedia pada saat ditampilkan. Ada lebih tersedia 1,700 "plugins" yang secara resmi didelegasikan oleh OpenSourceMatters tersedia di http://extensions.joomla.org/ dan saat ini secara resmi dipindahkan ke http://joomlacode.org dengan dukungan server yang lebih lengkap.

Pada tanggal 17 September 2005, diluncurkan Joomla versi awal yaitu 1.0.0 yang merupakan versi alias dari Mambo 4.5.2.3 yang dikembangkan oleh "Pengembang Inti Mambo hingga Agustus 2005" yang hengkang dari Mambo.
Pemimpin Tim saat itu Andrew Eddie yang dikenal dengan sebutan "MasterChief" menulis surat terbuka di komunitas dan diumumkan di forum mamboserver.com. Tim pengembang kemudian membuat situs OpenSourceMatters untuk mendistrubusikan informasi ke pengguna, pengembang, desainer web dan komunitas lain pada umumnya.