Jadwal Pertandingan Piala Eropa 2012

Piala Eropa 2012 tinggal menunggu waktu. Tidak lama lagi kita akan disuguhi ajang paling bergengsi di Benua Eropa.

Kejuaraan Sepak Bola Eropa UEFA atau nama bahasa Inggrisnya UEFA European Football Championship yang merupakan ajang sepak bola terbesar antar negara-negara Eropa. Event diadakan setiap empat tahun sekali sejak 1960. Dan pada tahun 2012 ini Piala Eropa akan berlangsung di Polandia Dan Ukrania. Buat kalian yang belum mempunyai jadwal pertandingan, berikut ini saya akan membagikan Jadwal Lengkap berikut kolom klasemen dalam bentuk JPG yang dapat kalian download gratis.

Jika kalian menginginkan Jadwal ini dalam bentuk PSD, silahkan komentar dan tinggalkan email.

Read More

Desain Brosur Mirip YouTube

Jika sebelumnya saya berikan secara cuma-cuma sebuah desain brosur yang mirip facebook,maka kali ini saya juga akan memberikan secara cuma-cuma sebuah desain yang tak kalah ngetop dari FB. Tentunya rekan-rekan sering mencari/membuka video di sebuah situs miliknya Om Google yaitu YouTube.com dan menurut data bahwa situs ini menduduki peringkat ke 3 secara global dan di Indonesia situs ini menduduki peringkat ke 5 pada saat saya memuat tulisan ini. Klik disini untuk mengetahui peringkat YouTube.

Ok...berikut ini adalah tampilan desain brosurnya:


Jika rekan-rekan berminat silahkan download file CorelDraw dibawah ini:
Download Brosur

Terima kasih atas kunjungannya Semoga bermanfaat....

Read More

Cara Daftar Hosting Gratis di IdHostinger.com

Jika pada postingan kemarin saya sudah mambahas tentang hosting gratis serta fitur di IDhostinger, maka tak lengkap jika tidak ada panduan cara pendaftaran di hosting ini. Berikut ini cara daftar di Id Hostinger.

• Silahkan sobat kunjungi halaman ini.
• klik Order Sekarang
• Anda akan disuguhi Formulir pendaftaran seperti dibawah ini.
  
  
• Isilah formulir di atas dengan data yang valid.
• Buka alamat Email yang anda gunakan saat mendaftar Buka pesan dari IdHostinger dan klik Link konfirmasinya.

Jreeeeng sekarang Akun Hosting Gratis sekarang sudah aktif dan bisa digunakan untuk mengupload File untuk membuat Website.
Tetapi anda masih perlu mendaftarkan Domain yang akan digunakan sebagai alamat Website kamu, Domain bisa membeli sendiri dilayanan WebHosting lain yang menyediakan layanan pendaftaran atau anda juga dapat menggunakan subdomain yang telah disediakan oleh idHostinger gratis yang langsung bisa digunakan untuk membuat website, sehingga bagi anda yang baru belajar membuat website dapat coba-coba dengan domain gratis ini. Nah Tutorial tentang mendaftarkan domain dan subdomain  bisa Anda baca disini

Read More

Cara Mendaftarkan Domain atau Subdomain di IdHostinger .com

Menindaklanjuti tulisan sebelumnya tentang cara daftar hosting di IDhostinger, tentunya sobat pemula masih membutuhkan panduan bagaimana cara mendapatkan domain yang telah disediakan oleh si empunya hosting ini. Untuk itu tak ada salahnya saya ingin memberikan trik/cara supaya sobat dapat mendapatkan domain gratis ini. Langkah berikut ini adalah cara daftar subdomain/domain gratis yang disediakan oleh hosting ini.

• Pastikan bahwa Anda sudah mendaftar di IdHostinger (jika belum silahkan daftar).
• Login dengan Email dan Sandi kamu pada form di kanan atas.
• Jika sudah masuk lalu klik "Kontrol Panel" 
• Lalu klik "Buat Akun Baru". anda akan disuguhi tampilan seperti ini
  
  
• Isilah form diatas sesuai dengan keinginan anda.
• Jika sudah klik tombol buat... Jreeeeng anda berhasil mendapatkan subdomain gratis
• Untuk menguji subdomain anda berhasil di buat silahkan buka url domain dengan browser
  Contoh:
  
  
  

Mudah sekali bukan proses pembuatannya...

Selamat mencoba......

Read More

Hosting Gratis Indonesia

Dari judul postingan diatas sangat jelas sekali apa yang ingin saya share kepada teman-teman.... yaaahhh gratis...gratis...dan gratisssssss, sebuah layanan terbaru dari idhostinger.com untuk anda yang ingin mencoba berkarya di dunianya siMAYA.
Berikut ini beberapa fitur yang di berikan oleh hosting ini:
Fitur Utama :

• Space 2000 MB
• Bandwidth 100 GB
• Tidak ada batasan penggunaan domain
• cPanel based hosting control panel
• Tidak ada iklan maupun banner
• Website builder mudah digunakan
• Auto Installer (Joomla, Wordpress, etc.)
• Layanan e-mail (IMAP/POP3/Webmail)
• Support PHP dan database MySQL
• Akun langsung aktif

Fitur Tambahan:

• SSH web console
• DNS zone editor
• Custom error pages
• Support penggunaan Cron jobs
• Edit MX record
• Support backup file
• Block IP
• Protect folder dengan password
• Parkir domain
• Impor website dan database

Fitur PHP:

• PHP versi 5.2.x
• Zend Optimizer
• IonCube loaders
• Support untuk Curl
• Upload file
• PHP mail() function dan Sendmail
• PHP fopen() function dan Sockets
• Ekstensi MysqLi
• safe_mode = off, allow_url_fopen = on
• Support SQLite, GD, Mcrypt dan Pear

Fitur MySQL:

• MySQL Version 5.1
• Space MySQL tak terbatas
• 2 Database MySQL
• Support phpMyAdmin
• SSD drives
• Ekstensi MysqLi
• Mylsam Storage System
• Support PDO dan PDO MySQL
• Support SQLite
• Powered by cloud computing

Kelebihan dari hosting ini tidak ada iklan maupun banner di website Anda, 100 persen bebas dari iklan!
jadi tunggu apalagi buruan daftarrrrr......!!!!!!!!!!
Klik gambar dibawah ini untuk menuju TKP

Read More

Tutorial / Cara mengganti Older Post dengan Next / Previous

Jika kita cermati pada setiap blog pasti kita akan menemukan link dengan nama Older Post(Postingan Lama). Dan tentunya itu terlihat kurang menarik sehingga jarang bagi pengunjung untuk meng-klik link tersebut. Untuk itu disini saya ingin berbagi tutorialnya,langsung ke TKP ikuti cara dibawah ini.

• Login ke Blogger.com -->Klik Dashboard --> Klik Design/Rancangan --> Klik Edit HTML --> Klik "Expand Widget Templates"(supaya template sobat aman silahkan "Download Full Template" terlebih dahulu).
• Langkah berikutnya Cari Kode berikut ini, Caranya tekan (Ctrl+F).copy kode yang berwarna Merah dibawah ini.
  

  <data:newerPageTitle/>

  Ganti dengan: Previous
  
  <data:olderPageTitle/>
  Ganti dengan: Next
  
  

• Terakhir Simpan Template

Hasilnya:
sebelum diganti.

dan sesudah di ganti


Selamat mencoba

Read More

Ide Membuat Aplikasi Simulasi Berbasis PHP

Lagi-lagi tentang simulasi berbasis PHP. tapi untuk posting kali ini saya mencoba membagikan tutorial / cara pembuatan aplikasi tersebut.

mengingat dan menimbang karena banyak sekali permintaan dari teman-teman yang menginginkan program ini, maka tidak ada salahnya pada kesempatan ini akan saya pandu cara pembuatannya. Sebenarnya aplikasi ini sangat simpel dan mudah pembuatannya, apalagi jika teman-teman yang sudah paham dengan PHP, saya yakin pasti bisa dalam sekejap. Untuk itu disini saya cuma ingin berbagi dengan yang belum menguasai PHP.

Langkah Pertama :
Download dan Install XAMPP
caranya baca postingan ini Pengertian/Pengenalan Tentang XAMPP dan Cara Install nya
jika langkah petama sudah selesai copy script dibawah ini.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simulasi Masuk SMPN Favorit di Kota Banjarnegara</title>
</head>
<body>
<table width="350" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<form name="form1" method="post" action="hasilnya.php">
<td>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td colspan="3"><strong>Simulasi Masuk SMPN Favorit di Kota Banjarnegara </strong></td>
</tr>
<tr>
<td width="109">Nama Lengkap</td>
<td width="7">:</td>
<td width="210"><input name="nama" type="text" id="nama"></td>
</tr>
<tr>
<td>Matematika</td>
<td>:</td>
<td><input name="mtk" type="text" id="mtk" size="5" />
*Contoh: 8.5</td>
</tr>
<tr>
<td>Bhs.Indonesia</td>
<td>:</td>
<td><input name="ina" type="text" id="ina" size="5" />
*Contoh: 8.5</td>
</tr>
<tr>
<td>Sains</td>
<td>:</td>
<td><input name="ipa" type="text" id="ipa" size="5" />
*Contoh: 8.5</td>
</tr>
<tr>
<td>Pilihan ke 1</td>
<td>:</td>
<td><select name="pil_satu" class="select" id="select1">
<option>SMP N Pilihan ke-1</option>
<option value="SMP N 1 Banjarnegara">SMP N 1 Banjarnegara</option>
<option value="SMP N 2 Banjarnegara">SMP N 2 Banjarnegara</option>
<option value="SMP N 3 Banjarnegara">SMP N 3 Banjarnegara</option>
</select></td>
</tr>
<tr>
<td>Pilihan ke 2</td>
<td>:</td>
<td><select name="pil_dua" class="select" id="select2">
<option>SMP N Pilihan ke-2</option>
<option value="SMP N 1 Banjarnegara">SMP N 1 Banjarnegara</option>
<option value="SMP N 2 Banjarnegara">SMP N 2 Banjarnegara</option>
<option value="SMP N 3 Banjarnegara">SMP N 3 Banjarnegara</option>
</select></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input type="submit" name="Proses" style="cursor:pointer;" value="Proses Simulasi"></td>
</tr>
</table>
</td>
</form>
</tr>
</table>
</body>
</html>

Buka aplikasi Notepad dan Paste (Ctrl v)
Save as dalam bentuk file seperti dibawah ini:

File name : index.php
Save as Type : All Files
Encoding : UTF-8

Note:
Gantilah tulisan yang berwarna merah sesuai sekolah di kota Anda!!!

Langkah berikutnya:
Lakukan seperti cara diatas - Copy and Paste script di bawah ini.

<?php

if(isset($_POST['Proses']))
{
/*****************************************************************/
// untuk menampilkan nama siswa
$nama = $_POST['nama'];
// Untuk menampilkan nilai matematika
$mtk = $_POST['mtk'];
// Untuk menampilkan nilai bahasa indonesia
$ina = $_POST['ina'];
// Untuk menampilkan nilai ipa
$ipa = $_POST['ipa'];
// Untuk menampilkan pilihan pertama
$pil_satu = $_POST['pil_satu'];
// Untuk menampilkan pilihan kedua
$pil_dua = $_POST['pil_dua'];
// Untuk memproses penjumlahan nilai dari matematika + bhs indonesia + sains / ipa
$jumlahkan = $mtk + $ina + $ipa;
// Hasil penjumlahan = nilai
$nilai = $jumlahkan;
// pesan error
if(($pil_satu == null))
echo "<script language='javascript'>alert('Maaf...Pilihan Sekolah ke 1 Harus di isi'); window.location.href='javascript:history.back()'</script>";
else if(($pil_dua == null))
echo "<script language='javascript'>alert('Maaf...Pilihan Sekolah ke 2 Harus di isi'); window.location.href='javascript:history.back()'</script>";
else if(($nama == null))
echo "<script language='javascript'>alert('Maaf... Nama Kamu Harus di isi'); window.location.href='javascript:history.back()'</script>";
//JUDUL SIMULASINYA
echo"<title>Simulasi Nilai dari ".$nama."</title>";
// MEMBUAT TABEL NILAI YANG AKAN DI TAMPILKAN
echo"
<h2>Hasil Simulasi Masuk SMP N Favorit a/n $nama</h2>
<table width='400' border='0' cellpadding='0' cellspacing='3'>
<tr>
<td width='129' height='20'>Matematika</td>
<td width='255'>:&nbsp;$mtk</td>
</tr>
<tr>
<td height='20'>Bahasa Indonesia</td>
<td>:&nbsp;$ina</td>
</tr>
<tr>
<td height='20'>Sains</td>
<td>:&nbsp;$ipa</td>
</tr>
<tr>
<td><strong>Total Nilai</strong></td>
<td><font color=\"#FF0000\"><strong>:&nbsp; $nilai</strong></font></td>
</tr>
</table>";
// PASSING GRADE DARI 3 SMP FAVORIT
$PG_SMP1= '28.9';
$PG_SMP2= '26.7';
$PG_SMP3= '27.5';
// MENGHITUNG PROSENTASE PELUANG DITERIMA
$persen_SMP1 = number_format($nilai*100/$PG_SMP1 ,1);
$persen_SMP2 = number_format($nilai*100/$PG_SMP2 ,1);
$persen_SMP3 = number_format($nilai*100/$PG_SMP3 ,1);
// Keterangan Pilihan
$pilihan_1='Pilihan ke 1 : <b>'.$pil_satu.'</b>';
$pilihan_2='Pilihan ke 2 : <b>'.$pil_dua.'</b>';
// KETERANGAN DITERIMA / DITOLAK DI SMP YANG DIPILIH OLEH SISWA
$terima='<font color=blue><b>( DI TERIMA )</b></font> :';
$tolak='<font color=red><b>( BELUM DI TERIMA )</b></font> :';
// menampilkan batas nilai minimal
$ket='Minimal Nilai UASBN yang harus di raih oleh '.$nama.' :';
// MENAMPILKAN PELUANG
$peluang1='- Peluang diterima di '.$pil_satu.' :';
$peluang2='- Peluang diterima di '.$pil_dua.' :';

// SMP N 1 Banjarnegara
if(($pil_satu == 'SMP N 1 Banjarnegara')&&($nilai >= $PG_SMP1)) echo "$pilihan_1 <br>$ket <b> $PG_SMP1 </b> $peluang1 <b> $persen_SMP1 % </b> $terima <br>"; else if(($pil_satu == 'SMP N 1 Banjarnegara')&&($nilai <= $PG_SMP1)) echo "$pilihan_1 <br>$ket <b> $PG_SMP1 </b> $peluang1 <b> $persen_SMP1 % </b> $tolak <br>";
// SMP N 2 Banjarnegara
if(($pil_satu == 'SMP N 2 Banjarnegara')&&($nilai >= $PG_SMP2)) echo "$pilihan_1 <br>$ket <b> $PG_SMP2 </b> $peluang1 <b> $persen_SMP2 % </b> $terima <br>"; else if(($pil_satu == 'SMP N 2 Banjarnegara')&&($nilai <= $PG_SMP2)) echo "$pilihan_1 <br>$ket <b> $PG_SMP2 </b> $peluang1 <b> $persen_SMP2 % </b> $tolak <br>";
// SMP N 3 Banjarnegara
if(($pil_satu == 'SMP N 3 Banjarnegara')&&($nilai >= $PG_SMP3)) echo "$pilihan_1 <br>$ket <b> $PG_SMP3 </b> $peluang1 <b> $persen_SMP3 % </b> $terima <br>"; else if(($pil_satu == 'SMP N 3 Banjarnegara')&&($nilai <= $PG_SMP3)) echo "$pilihan_1 <br>$ket <b> $PG_SMP3 </b> $peluang1 <b> $persen_SMP3 % </b> $tolak <br>";

// SMP N 1 Banjarnegara
if(($pil_dua == 'SMP N 1 Banjarnegara')&&($nilai >= $PG_SMP1)) echo "$pilihan_2 <br>$ket <b> $PG_SMP1 </b> $peluang2 <b> $persen_SMP1 % </b> $terima <br>"; else if(($pil_dua == 'SMP N 1 Banjarnegara')&&($nilai <= $PG_SMP1)) echo "$pilihan_2 <br>$ket <b> $PG_SMP1 </b> $peluang2 <b> $persen_SMP1 % </b> $tolak <br>";
// SMP N 2 Banjarnegara
if(($pil_dua == 'SMP N 2 Banjarnegara')&&($nilai >= $PG_SMP2)) echo "$pilihan_2 <br>$ket <b> $PG_SMP2 </b> $peluang2 <b> $persen_SMP2 % </b> $terima <br>"; else if(($pil_dua == 'SMP N 2 Banjarnegara')&&($nilai <= $PG_SMP2)) echo "$pilihan_2 <br>$ket <b> $PG_SMP2 </b> $peluang2 <b> $persen_SMP2 % </b> $tolak <br>";
// SMP N 3 Banjarnegara
if(($pil_dua == 'SMP N 3 Banjarnegara')&&($nilai >= $PG_SMP3)) echo "$pilihan_2 <br>$ket <b> $PG_SMP3 </b> $peluang2 <b> $persen_SMP3 % </b> $terima <br>"; else if(($pil_dua == 'SMP N 3 Banjarnegara')&&($nilai <= $PG_SMP3)) echo "$pilihan_2 <br>$ket <b> $PG_SMP3 </b> $peluang2 <b> $persen_SMP3 % </b> $tolak <br>";

}
echo"</div></div>";
?>

Simpan dengan nama hasilnya.php
caranya:
Buka aplikasi Notepad dan Paste (Ctrl v)
Save as dalam bentuk file seperti dibawah ini:

File name : hasilnya.php
Save as Type : All Files
Encoding : UTF-8

Buatlah Folder Demo di
C:\xampp\htdocs\demo
perhatikan gambar dibawah ini

jika sudah anda simpan Sekarang bukalah browser dan ketik urlnya dengan
http://localhost/demo/
maka akan tampil seperti dibawah ini.

Demikian cara pembuatan aplikasi simulasi dengan php.
Nah...pertanyaannya bagaimana cara upload sehingga dapat diakses melalui blogspot

Nantikan pada postingan berikutnya OK...!!!!

Read More

Desain Brosur Dengan Template Facebook

Setelah pada postingan sebelumnya saya telah membuat template blogger yang hampir mirip dengan template facebook, maka pada kali ini saya mau menampilkan desain brosur yang mirip dengan facebook, kenapa harus facebook lagiiiii? jawabanya sangat simpel(MENARIK,BEDA dan MEMBUAT PENASARAN YANG MEMBACA).Pada awalnya Desain Brosur ini Khusus dibuat pada momment pembagian Raport dibulan desember, tapi apa daya desain baru selesai tadi malam dan tim desain pun sudah membuat desain yang lain. Nah bagi cabang primagama yang ingin cetak Brosur dengan tampilan seperti facebook silahkan hubungi saya di 085693369463

Berikut ini Contoh Brosurnya:
Spesifikasi:

• Ukuran A4 (Satu Halaman)
• CorelDraw (11,12,X3 dan X4)

Klik kanan pada Gambar dan Open Link in New Tab untuk memperbesar gambar.



Jika rekan-rekan berminat silahkan download file CorelDraw dibawah ini:
Download Brosur

Brosur Youtube

Terima kasih atas kunjungannya Semoga bermanfaat....

Read More

Mengatasi Localhost Error

Setelah melalui proses Langkah Install Xampp 1.7.4 Pada Komputer Windows
tentunya ada beberapa dari sobat yang sedikit mengalami masalah ketika mengakses localhost. Nah postingan kali ini saya akan mencoba memberikan sedikit pencerahan mengenai masalah yang ditemui setelah menginstall xampp program atau bahasa kerennya adalah troubleshooting dalam menginstall xampp. Masalah menginstall XAMPP Untuk mengecek apakah XAMPP yang telah diinstall berjalan dengan baik maka coba buka browser kalian.Kemudian Ketik localhost pada bagian urlnya. lalu tekan tombol enter. Apabila XAMPP berjalan dengan benar maka layar kompie kalian akan seperti gambar pertama dibawah ini

Apabila tampilan browser kalian bukan seperti gambar diatas maka artinya ada masalah dalam menjalankan XAMPP. Saya akan mencoba menguraikan berdasarkan pengalaman.
Langkah pertama
Buka control panel XAMPP (pilih start->apache friends->xampp->xampp control panel). Tampilan XAMPP control panel, Maka akan tampil seperti gambar dibawah ini.

Jika Tampilannya seperti diatas, maka sampai kapanpun sobat tidak akan dapat mengakses localhost di PC Sobat, untuk menjalankannya maka sobat harus check box minimal pada Apache dan MySql supaya bisa di akses.Perhatikan Gambar berikut

Pastikan Apache dan MySQL berjalan (ditandai dengan kata Running disebelahnya). Apabila tidak coba kalian klik checkbox disebelah Apache dan MySql. Apabila kalian bingung check box mana yang harus diklik, kalian dapat melihat pada gambar di atas. Saya sudah memberikan tanda pada gambar dimana sobat harus melakukan klik. Cukup melakukan klik pada service yang tidak berjalan (ditandai dengan tidak munculnya status running disebelahnya).
Atau Perhatihan Video di Bawah ini:



Gimana....sudah bisa apa belum..???
Jika belum bisa isilah form komentar dibawah ini...!!

Read More

Langkah Install Xampp 1.7.4 Pada Komputer Windows

Melanjutan Postingan sebelumnya yaitu Pengertian/Pengenalan Tentang XAMPP Pada postingan kali ini saya akan kembali lagi berbagi sedikit ilmu tentang cara penginstalan dari software Xammp 1.7.4.Mudah-mudahan langkah di bawah ini dapat membantu sobat blogger. Berikut ini adalah langkah – langkah instalasinya :

1. Seperti biasaya langkah pertama yaitu buka terlebih dahulu master dari XAMPP seperti tampak dibawah ini
   
   
   
2. Setelah terbuka maka tampilan yang pertama kali muncul yaitu pemilihan bahasa (saran saya gunakan bahasa inggris). Klik “OK” untuk melanjutkan.
   
   
3. Setelah itu akan tampil seperti dibawah ini, Kemudian klik “Next” untuk melanjutkan.
   
   
4. Tampilan selanjutnya yaitu menunjukkan tempat penyimpanan hasil installasi software ini. (Saya sarankan hasilnya jangan di simpan di drive C), karena apabila windows mengalami masalah, server yang telah kita buat dapat mudah kita selamatkan. Klik “Next” untuk melanjutkan.
   
   
5. Kemudian kita diberi pilihan apa sajakah yang akan kita install. Pilih sesuai kebutuhan anda, kita juga dapat menambah icon pada desktop dan menambah installasi software ini di start menu. Klik “Install” untuk memulai proses Installasi.
   
   Berikut ini prosesnya....
   
   
6. Jika Sudah selesai klik yes ---> Finish
7. Untuk melihat bahwa XAMPP sudah dapat di gunakan caranya adalah:
   Buka Browser sobat (Mozilla, Google Crome, Internet Explorer atau Browser lain), ketik localhost atau bisa dengan 127.0.0.1 maka akan tampil seperti dibawah ini
   
   

Horeeeeeeeeeeeee.....Berhasil.... !!!!!!
Nah... jika sobat mengalami masalah maka sobat harus membaca terusan dari halaman ini.

Read More

Pengertian/Pengenalan Tentang XAMPP

AAa itu XAMPP...?
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.

Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya.

XAMPP adalah kepanjangan yang masing-masing hurufnya adalah :

X : Program ini dapat dijalankan dibanyak sistem operasi,seperti Windows, Linux, Mac OS, dan juga Solaris.

A : Apache, merupakan aplikasi web server. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat web. jika diperlukan juga berdasarkan kode PHP yang dituliskan,maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan

M : MySQL, merupakan aplikasi database server. Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database. MySQL dapat digunakan untuk membuat dan mengelola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah, dan menghapus data yang berada dalam database.

P : PHP, bahasa pemrograman web. Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. Sistem manajemen basis data yang sering digunakan bersama PHP adalah MySQl. namun PHP juga mendukung sistem manajement database Oracle, Microsoft Access, Interbase, d-base, PostgreSQL, dan sebagainya.

P : Perl adalah bahasa pemrograman untuk segala keperluan, dikembangkan pertama kali oleh Larry Wall di mesin Unix. Perl dirilis pertama kali pada tanggal 18 Desember 1987 ditandai dengan keluarnya Perl 1. Pada versi-versi selanjutnya, Perl tersedia pula untuk berbagai sistem operasi varian Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC. Dukungan terhadap pemrograman berbasis obyek (object oriented programming/OOP) ditambahkan pada Perl 5, yang pertama kali dirilis pada tanggal 31 Juli 1993. Proyek pengembangan Perl 6 dimulai pada tahun 2000, dan masih berlangsung hingga kini tanpa tanggal yang jelas kapan mau dirilis. Ini dikatakan sendiri oleh Larry Wall dalam satu pidatonya yang dikenal dengan seri The State of the Onion. Dua di antara karakteristik utama Perl adalah penanganan teks dan berbagai jalan pintas untuk menyelesaiakn persoalan-persoalan umum. Perl sangat populer digunakan dalam program-program CGI (Common Gateway Interface) dan berbagai protokol Internet lainnya. Seperti diketahui, TCP/IP sebagai basis bagi semua protokol Internet yang dikenal sekarang ini menggunakan format teks dalam komunikasi data. Seperti juga bahasa populer lainnya, Perl menerima banyak kritikan. Meski banyak di antaranya hanya berupa mitos, atau berlebih-lebihan, tapi terdapat juga sejumlah kritikan yang valid. Salah satunya adalah, sintaksnya susah dibaca, karena banyak menggunakan simbol-simbol yang bukan huruf dan angka.

Selain itu XAMMP adalah 100% open source, tersedia bebas dan legal. Dibawah ini link download XAMPP versi terbaru:
XAMPP for Linux
XAMPP for Windows
XAMPP for Mac OS X
XAMPP for Solaris

Langkah-langkah yang perlu Anda lakukan untuk menginstal XAMPP di windows XP, silahkan baca Halaman Berikut ini cara Install XAMPP di Komputer Sobat.

Read More

Mudahnya Desain Cover dengan Quick 3D cover

Quick 3D cover adalah sebuah aplikasi 3D yang sangat simpel. Software ini mampu membuat ilustrasi profesional untuk e-book, kotak software, kotak DVD dan objek lainnya hanya dengan beberapa klik mouse. Software ini sangat cocok untuk Seorang Penulis, Developer, dan juga Desainer dan Saya rasa Software ini cocok untuk Bimbel yang ingin menjual program lewat Facebook, dengan kualitas gambar tinggi dengan sangat cepat dan sekaligus bisa menghemat waktu dan biaya. Dengan Quick 3D Cover, sebuah ilustrasi profesional bisa Anda buat kurang dari 1 menit.

Quick 3D cover tidak memerlukan 3d hardware accelerator. Anda tidak memerlukan pengetahuan teknologi 3D untuk menggunakan program ini. So, bagi anda yang akan membuat cover silakan gunakan software ini.

Contoh Desain Dengan Quick 3D cover :




Berikut ini saya bagikan Link untuk Download :

DOWNLOAD SOFTWARE

Setelah Proses Install selesai copy lah Crack dibawah ini pada folder
C:\Program Files\Quick 3D Cover

Download Crack

Password: mas-amien.blogspot.com

Read More

Cara Membuat Widget Random Image Pada Blogspot

Widget Random Image atau Gambar Acak merupakan widget yang berisi beberapa gambar yang akan ditampilkan secara bergantian/acak bila kita mereload halaman blog, seperti halnya dengan Random Post yang menampilkan title post secara acak.

Widget ini sangat ringan karena gambar yang ditampilkan bukan berupa gambar dari file flash, melainkan gambar berjenis file jpeg, gif dan png yang sudah kita upload sebelumnya. Dengan memasang widget ini kita bisa menampilkan koleksi foto atau gambar-gambar yang menarik secara bergantian.

Bila sobat blogger tertarik untuk menampilkan gambar secara acak dalam blog, sobat bisa memasang scriptnya dibawah ini :

<p align="center"><script language="JavaScript"><!--
//store the quotations in arrays
images = new Array(3);
images[0] = "<a > <img src='Alamat URL Gambar Anda' ></a>";
images[1] = "<a > <img src='Alamat URL Gambar Anda' ></a>";
images[2] = "<a > <img src='Alamat URL Gambar Anda' ></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//done
// --></script><br/></p>
<span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://mas-amien.blogspot.com/2011/12/cara-membuat-widget-random-image-pada.html" target="_blank">Random Image</a></span>

Berikut ini cara pemasangannya :

• Masuk ke akun Blogger Sobat
• Masuk menu Design/Rancangan - Page Element/Eleman Laman
• Pilih Tambah gadget - HTML/Javascript
• Copy dan Paste script di atas
• Lalu Klik Save/Simpan

Note:
Bila sobat ingin menambahkan gambar lebih dari 3, sobat bisa merubah array 3 menjadi jumlah gambar yang dinginkan dan isilah Alamat URL Gambar Anda dengan url gambar kalian yang telah diupload sebelumnya, sesuaikan ukuran gambar dengan ruang yang akan dipakai (bila akan disimpan di bagian sidebar sesuaikan ukuran lebar sidebar dengan ukuran gambar yang akan ditampilkan).

Read More

Cara Membuat Widget Random Post Atau Artikel Acak Pada Blog

Dari judul diatas saya yakin kalau sobat blogger pasti sudah tahu maksudnya, sebuah widget untuk menampilkan title post/judul posting secara acak, baik itu artikel lama atau pun yang masih baru.

Penggunaan dari widget ini tentunya akan mempermudah para pengunjung blog untuk mengetahui artikel-artikel didalamnya, seperti halnya widget Popular Post yang menampilkan title-title yang sering dibaca pada waktu tertentu atau Recent Post yang hanya menampilkan judul yang paling baru. Untuk memasang widget random post, kalian bisa menggunakan script dibawah ini:

• Masuk akun blogger
• Pilih Design atau Rancangan - Tambah Gadget - HTML/javascript
• Kemudian Copy paste script dibawah ini
  

  <script type="text/javascript">
  var randarray = new Array();var l=0;var flag;
  var numofpost=10;function randomposts(json){
  var total = parseInt(json.feed.openSearch$totalResults.$t,10);
  for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
  if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
  for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
  for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
  document.write(item);}}
  }document.write('</ul>');}
  </script>
  <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
  callback=randomposts" type="text/javascript"></script>
  <span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://mas-amien.blogspot.com/2011/12/cara-membuat-widget-random-post-atau.html" target="_blank">Cara Membuat Random Post</a></span>

• Klik Simpan

NOTE : angka 10 yang diberi tanda warna merah, menunjukan jumlah post yang akan muncul dalam widget random post, Sobat Blogger bisa merubahnya sesuai dengan keinginan anda.

Mudah sekali Bukan....
Selamat Berkreasi...

Read More

Cara Membuat Auto Scroll Recent Post Blogger Plus Thumbnails

Salah satu widget utama dalam sebuah blog adalah widget Recent Post atau Posting Terbaru, dengan menampilkan daftar post terbaru, pengunjung yang masuk bukan dari halaman utama dapat mengetahui posting-posting terbaru secara langsung.

Selain sebagai navigasi suatu blog, recent post yang satu berbeda dengan recent post lainnya, selain memiliki tampilan yang menarik recent post yang satu ini mempunyai kelebihan Auto Scroll. Dengan adanya auto scroll pada recent post ini bila kalian memasangnya bisa menjadikan tampilan blog Sobat menjadi lebih apik dan menarik untuk dilihat oleh pengunjung, selain itu bisa mengundang pengunjung untuk mengetahui post-post lainnya dan alhasil jumlah pageview pun akan bertambah. Bila Sobat tertarik untuk memasangnya bisa ikuti cara dan scriptnya dibawah ini :

Langkah Pertama.

• Masuk ke Rancangan -> Elemen Laman -> Tambah Gadget
• Pilih HTML/Javascript - Copy Paste scripts dibawah ini
  

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  <style type="text/css" media="screen">
  
  <!--
  
  #spylist {
  overflow:hidden;
  margin-top:5px;
  padding:0px 0px;
  height:345px;
  }
  #spylist ul{
  width:332px;
  overflow:hidden;
  list-style-type: none;
  padding: 0px 0px;
  margin:0px 0px;
  }
  #spylist li {
  width:290px;
  padding: 5px 5px;
  margin:0px 0px 5px 0px;
  list-style-type:none;
  float:none;
  height:70px;
  overflow: hidden;
  background:#FFC7AD repeat-x;
  border:1px solid #C33F00;
  }
  
  #spylist li a {
  text-decoration:none;
  color:#4B545B;
  font-size:11px;
  height:18px;
  overflow:hidden;
  margin:0px 0px;
  padding:0px 0px 2px 0px;
  }
  #spylist li img {
  float:left;
  margin-right:5px;
  background:#EFEFEF;
  border:0;
  }
  .spydate{
  overflow:hidden;
  font-size:10px;
  color:#0284C2;
  padding:2px 0px;
  margin:1px 0px 0px 0px;
  height:15px;
  font-family:Tahoma,Arial,verdana, sans-serif;
  }
  
  .spycomment{
  overflow:hidden;
  font-family:Tahoma,Arial,verdana, sans-serif;
  font-size:10px;
  color:#262B2F;
  padding:0px 0px;
  margin:0px 0px;
  }
  
  -->
  </style>
  
  <script language='javascript'>
  imgr = new Array();
  imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhptfz19UDOkztxHF8kZPRCcNWKOfB4MQwQKC7kg_ILwHPo1AOSEqMeh8JramB3vx_QIrU8Zl9KXi385gQ2KHmlQ-CrpnyWczyyvEx-PrOc7XY-tTimNz-L0J13d3YD-x0Fb5Bb3oRoA4w/s100/no%25252Bimage.jpg";
  imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhptfz19UDOkztxHF8kZPRCcNWKOfB4MQwQKC7kg_ILwHPo1AOSEqMeh8JramB3vx_QIrU8Zl9KXi385gQ2KHmlQ-CrpnyWczyyvEx-PrOc7XY-tTimNz-L0J13d3YD-x0Fb5Bb3oRoA4w/s100/no%25252Bimage.jpg";
  imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhptfz19UDOkztxHF8kZPRCcNWKOfB4MQwQKC7kg_ILwHPo1AOSEqMeh8JramB3vx_QIrU8Zl9KXi385gQ2KHmlQ-CrpnyWczyyvEx-PrOc7XY-tTimNz-L0J13d3YD-x0Fb5Bb3oRoA4w/s100/no%25252Bimage.jpg";
  imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhptfz19UDOkztxHF8kZPRCcNWKOfB4MQwQKC7kg_ILwHPo1AOSEqMeh8JramB3vx_QIrU8Zl9KXi385gQ2KHmlQ-CrpnyWczyyvEx-PrOc7XY-tTimNz-L0J13d3YD-x0Fb5Bb3oRoA4w/s100/no%25252Bimage.jpg";
  imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhptfz19UDOkztxHF8kZPRCcNWKOfB4MQwQKC7kg_ILwHPo1AOSEqMeh8JramB3vx_QIrU8Zl9KXi385gQ2KHmlQ-CrpnyWczyyvEx-PrOc7XY-tTimNz-L0J13d3YD-x0Fb5Bb3oRoA4w/s100/no%25252Bimage.jpg";
  showRandomImg = true;
  boxwidth = 300;
  cellspacing = 6;
  borderColor = "#232c35";
  bgTD = "#000000";
  thumbwidth = 60;
  thumbheight = 60;
  fntsize = 12;
  acolor = "#666";
  aBold = true;
  icon = " ";
  text = "comment";
  showPostDate = false;
  summaryPost = 40;
  summaryFontsize = 10;
  summaryColor = "#666";
  icon2 = " ";
  numposts = 10;
  home_page = "http://mas-amien.blogspot.com/";
  limitspy=5
  intervalspy=6000
  </script>
  
  <div id="spylist">
  <script type='text/javascript'>
  //<![CDATA[
  /*
  * mas-amien.blogspot.com
  */
  jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
  //]]>
  </script>
  </div>
  <br />
  <span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://mas-amien.blogspot.com/2011/12/cara-membuat-auto-scroll-recent-post.html" target="_blank">Recent Post</a></span>

• Kemudian Klik Simpan

NOTE :

• Ganti http://mas-amien.blogspot.com/ dengan alamat blog kalian dan pastikan ada tanda slash ( / ) di belakang alamat blog.
• boxwidth = 300 adalah lebar widget dalam pixel (px), sesuaikan dengan lebar sidebar blog kalian.
• text = "comment" adalah teks di belakang jumlah komentar, kalian bisa menggantinya dengan kalimat yang sesuai.
• numposts = 10; adalah jumlah posting terbaru yg akan muncul dalam widget
• limitspy=5 adalah jumlah posting terbaru dalam sekali tampilan, kalian bisa mengganti jumlahnya
• intervalspy=6000 adalah kecepatan scroll/spy dalam milisecond (ms), ganti nilainya untuk mengatur kecepatannya.

Selamat Mencoba....semoga bermanfaat

Read More

Cara Membuat Artikel Terkait di Bawah Posting

Membuat related post( Artikel Terkait ), baik yang ditaruh dibawah posting maupun yang berupa related post widget yang diletakkan pada sidebar bukan hanya sekedar pemanis belaka, tapi juga merupakan hal yang sangat bermanfaat. selain dapat meningkatkan page views, related post ini sangat membantu apabila ada beberapa posting lama kita yang belum terindeks oleh mesin pencari. Related Post adalah daftar link posting yang berhubungan. dihubungkan oleh kategori atau label yang sama.Pada tutorial kali ini, saya akan membagikan tutorial tentang bagaimana cara membuat artikel saling terkait dibawah posting pada blogspot.

Berikut ini adalah langkah-langkahnya:

• Login ke account blogger anda,
• Pada dashboard, pilih edit layout–> edit HTML
• Centang Expand widget template
• Cari kode seperti dibawah ini, untuk mempermudah tekan ctrl+F.
  

  <data:post.body/>

• Lalu sisipkan kode berikut persis dibawah kode <data:post.body/>
  

  <!-- Membuat Artikel Terkait -->
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <H2>Artikel Terkait:</H2>
  <DIV class='rbbox'>
  <DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
  <DIV id='albri'/>
  <SCRIPT type='text/javascript'>
  var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
  var maxNumberOfPostsPerLabel = 4;
  var maxNumberOfLabels = 10;
  maxNumberOfPostsPerLabel = 100;
  maxNumberOfLabels = 3;
  function listEntries10(json) {
  var ul = document.createElement(&#39;ul&#39;);
  var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
  json.feed.entry.length : maxNumberOfPostsPerLabel;
  for (var i = 0; i &lt; maxPosts; i++) {
  var entry = json.feed.entry[i];
  var alturl;
  for (var k = 0; k &lt; entry.link.length; k++) {
  if (entry.link[k].rel == &#39;alternate&#39;) {
  alturl = entry.link[k].href;
  break;
  }
  }
  var li = document.createElement(&#39;li&#39;);
  var a = document.createElement(&#39;a&#39;);
  a.href = alturl;
  if(a.href!=location.href) {
  var txt = document.createTextNode(entry.title.$t);
  a.appendChild(txt);
  li.appendChild(a);
  ul.appendChild(li);
  }
  }
  for (var l = 0; l &lt; json.feed.link.length; l++) {
  if (json.feed.link[l].rel == &#39;alternate&#39;) {
  var raw = json.feed.link[l].href;
  var label = raw.substr(homeUrl3.length+13);
  var k;
  for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
  var txt = document.createTextNode(label);
  var h = document.createElement(&#39;b&#39;);
  h.appendChild(txt);
  var div1 = document.createElement(&#39;div&#39;);
  div1.appendChild(h);
  div1.appendChild(ul);
  document.getElementById(&#39;albri&#39;).appendChild(div1);
  }
  }
  }
  function search10(query, label) {
  var script = document.createElement(&#39;script&#39;);
  script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
  + label +
  &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
  script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
  document.documentElement.firstChild.appendChild(script);
  }
  var labelArray = new Array();
  var numLabel = 0;
  <b:loop values='data:posts' var='post'>
  <b:loop values='data:post.labels' var='label'>
  textLabel = &quot;<data:label.name/>&quot;;
  var test = 0;
  for (var i = 0; i &lt; labelArray.length; i++)
  if (labelArray[i] == textLabel) test = 1;
  if (test == 0) {
  labelArray.push(textLabel);
  var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
  labelArray.length : maxNumberOfLabels;
  if (numLabel &lt; maxLabels) {
  search10(homeUrl3, textLabel);
  numLabel++;
  }
  }
  </b:loop>
  </b:loop>
  </SCRIPT>
  </DIV>
  <script type='text/javascript'>RelPost();</script>
  </DIV>
  </b:if>
  <!-- Akhir Membuat Artikel Terkait -->

• Lalu Simpan Template

Demikian Cara Membuat Artikel Terkait di Bawah Posting

Selamat Mencoba.....

Read More

Cara Daftarkan Blog ke Google Search Engine

Siapa seh yang tidak kenal dengan Google search engine...?

Pada posting kali ini saya ingin berbagi untuk para Blogger Pemula, gimana caranya supaya blog kita dapat masuk ke seacrh engine google. Kenapa musti ke google...??? karena Google lah satu-satuanya search engine yang paling top(Rajanya Search Engine).

Karena Google search engine lah yang paling banyak digunakan orang untuk mencari kata kunci atau keyword.Untuk saya sangat menyarankan agar sobat mendaftarkan blog sobat pertama kali di Google search engine.

Ok...mari kita praktekkan langsung.
Untuk cara mendaftarnya silahkan buka(ketik) ke http://www.google.com/addurl atau klik disini. Isikan alamat blog sobat, kemudian klik tombol Submit Request.
Contoh:


Silahkan dicoba, semoga blog sobat segera terindeks di Google search engine.

Read More

Cara Penggunaan Google Fonts

Seperti halnya yang telah sobat ketahui bahwa Google kembali memanjakan para blogger dengan menambahkan variasi fonts di blog. Semua font di google fonts directory berlisensi sehingga dapat digunakan pada web/blog apapun, termasuk di blogspot yang penerapannya tergolong sangat mudah sekali. Buat yang belum tahu, bisa sobat lihat pada contoh demo template ini pada bagian header dan avieri pada bagian header dan judul postingan.

Variasi hurufnya pun cukup banyak, tergantung kita menyesuaikan dengan template yang kita gunakan. Dibawah ini ada beberapa fonts yang bisa sobat terapkan di blog sobat, dan cara penggunaannya.

Berikut ini beberapa contoh fonts yang disediakan oleh Om Google:

<link href='http://fonts.googleapis.com/css?family=Tangerine:regular,bold' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=Cardo' rel='stylesheet' type='text/css'/>

• Masuk ke Rancangan 
• Kemudian tuju bagian Edit HTML 
• Copy salah satu kode huruf tersebut dan letakkan diatas kode </head> pada template sobat.
• Kemudian tambahkan font yang sobat gunakan pada bagian css, contohnya seperti berikut :
  

  #header h1 { font-family: 'Cardo', arial, serif; }

  lebih lengkapnya kira-kira seperti dibawah ini :

  #header h1 {
  font-family:'Cardo',arial,serif;
  font-size:46px;
  font-weight:bold;
  letter-spacing:0em;
  line-height:1.2em;
  color:#aaa;
  text-shadow:1px 1px 2px #000;
  margin:0;
  padding:60px 480px 0px 0px;
  }

• Simpan Template

Perhatikan kode yang saya tandai dengan warna merah, karena hanya kode tersebut yang ditambahkan kedalam css template. Sobat juga bisa menggunakannya pada judul postingan (h3) atau judul sidebar (h2).

Baiklah, selamat mencoba dan semoga berhasil.

Read More

Cara Parse Html atau JavaScript

Dulu Saya sempat bingung sekali ketika akan memposting di blogger dengan menggunakan kode html atau javascript sebab kodenya tidak bisa terbaca. Sebab pada waktu itu saya tidak bisa menuliskannya secara langsung, karena biasanya script tersebut akan di eksekusi sebagaimana fungsi dari script itu sehingga kadang akan muncul pesan error atau malah tidak tampil sama sekali. Untuk itu, saya harus melakukan parse kode-kode / tag-tag html atau javascript tersebut agar terbaca saat dibuka.

Setelah cari disana sini akhirnya saya diarahkan oleh OOOMMM GOOGLE ke sebuah situs yang menyediakan tool ini tepatnya di Blogcrowds HTML Parser, dengan tool ini akhirnya saya bisa mengotak-atik html yang ada pada template blog ini.

Naaaaahhhhh bagaimana seh cara menggunakan tool ini....? yoooo...ikuti caranya seperti dibawah ini:

Langkah Pertama klik ke situs nya Blogcrowds HTML Parser lalu copy n paste HTML atau JavaSript nya misalnya kode berikut ini :

<span class='dleft'>Amin Susanto &#169; 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span>
<span class='dright'>amiensusanto@gmail.com</span>

( lihat contoh gambar di bawah )


Klik PARSE maka Hasilnya seperti dibawah ini:


Selain digunakan untuk merubah template blog, Parse biasanya di pakai untuk pasang Adsense dll....
Bagaimana...??? Mudah sekali kan...!!! selamat mencoba

Read More

Facebook Blogger Templates

Berawal dari Browsing di OM GOOGLE, iseng mencari template buat Primagama Pomad kira-kira template yang cucok apa supaya menarik jika dilihat oleh para pengunjungnya khususnya buat siswa-siswa. JREEEEEEENG...Satu kata yang terucap....Sungguh luar biasa OM GOOGLE Benar-benar seperti orang tua kita, apa yang pengen kita mau benar-benar dikasih(ilmu pengetahuan tentunya) klo mintanya kebahagiaan dunia dan akhirat Pasti cuma satu Hanya Kepada Alloh SWT.

Kembali ke topik,disini saya menemukan sebuah template yang tampilannya hampir sama dengan facebook, jika para blogger melakukan search engine di google dengan kata kunci "facebook blogger templates" maka anda akan diarahkan oleh mesin pencari Google kesini blogtemplate4u.com lihatlah gamber dibawah ini:

Kenapa saya ambil template ini, alasannya sangat simple, facebook kini sedang digandrungi di hampir seluruh dunia (kata google,klo kata saya mah mung siji, yo bojoku sing tak gandrungi hehehehehe...). Dengan template ini besar kemungkinan para pengunjung akan sedikit tertarik karena tampilannya yang mirip facebook, sehingga tak sadar bahwa yang dikunjungi adalah blog.

Tidak cuma sampai disini dan langsung saya terapkan di blog PG Pomad, karena setelah saya cermati kok masih ada beberapa yang kurang. Setelah beberapa minggu akhirnya proses edit template ini selesai dan siap untuk launching.

Ok..saya tidak mau banyak nulis disini(ora iso mikir bro) langsung aja dibawah ini tampilannya :
Klik pada gambar untuk tampilan yang lebih besar..!!!

Atau Langsung ke blog Primagama Pomad

Bagi Cabang Primagama yang mau menggunakan template ini silahkan Hubungi Sang Empunya Blog disini:

Add Friend

Read More

Cara Menambahkan Text Area pada blog dengan memakai HighLight All

Kalau pada postingan sebelumnya kita membahasa tentang cara menambahkan textarea pada blog, nah pada postingan kali ini saya akan coba variasi lain yakni text area dengan menggunakan tombol highlight all. Tombol highlight all ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda perhatikandan copy kode HTML di bawah :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 84px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Contoh text area dengan Highlight All. Belajar NgeBlog disini Bareng Mas Amien </textarea></p></div></form>

Hasilnya :

Contoh text area dengan Highlight All. Belajar NgeBlog disini Bareng Mas Amien

Nah....Kalau yang ditambahkan kode HTML bagaimana ?
Caranya sama tinggal anda ganti tulisan contoh text area dengan highlight dengan kode HTML contoh nya :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 84px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Contoh text area dengan Highlight All. Belajar NgeBlog disini Bareng Mas Amien </textarea></p></div></form>

Naaaaahhh....Selamat Mencoba, Semoga berhasil

Read More

Cara Membuat TextArea di Blog

Apa itu text area?

Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<p align="center"><textarea name="code" rows="4" cols="30"> Belajar Membuat Blog di http://mas-amien.blogspot.com </textarea></p>

Hasilnya akan nampak seperti ini

Belajar Membuat Blog di http://mas-amien.blogspot.com

Keterangan :

• rows="4", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka "4" tadi dengan angka yang lebih tinggi nilainya.
• cols="30", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka "30" tadi dengan angka yang lebih tinggi nilainya.

Bagaimana...? Mudah sekali bukan..!!!

Read More

Memasang Tombol Facebook Like/Suka Di Blog

Pada postingan ini saya akan membahas tentang teknik lain untuk menyebarkan artikel blog anda di Facebook yaitu dengan memasang tombol like Facebook pada postingan blog anda.

Keuntungan memasang tombol like ini adalah pembaca dapat dengan mudah berbagi postingan yang mereka sukai kepada teman facebook mereka hanya dengan satu klik. Dan sebagai pemilik blog, anda juga mendapat keuntungan berupa tambahan trafik dari pembaca yang mengelink artikel anda di profil Facebook mereka.

Nah bagi anda yang tertarik memasang tombol like ini, silahkan ikuti langkah- langkah dibawah ini:

• Buka Blogger. Masuk ke menu Rancangan -> Edit HTML
• Beri centang pada "Expand Widget Templates"
• Cari kode <data:post.body/> 
• Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama
• Letakkan kode berikut ini dibawah <data:post.body/> jika kalian ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika kalian ingin memasang tombol like diatas posting.
  

  <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

• Lalu Save template anda.

Hasilnya akan seperti ini


Kalau kalian ingin membuat tombol like dalam bentuk ini



maka ganti standard dengan button_count
Kalian juga dapat mengganti warna background tombol menjadi gelap dengan mengganti light menjadi dark

Selamat mencoba. Semoga bermanfaat...

Read More

Cara Membuat Group di Facebook

Bagaimana cara membuat group di facebook?
ini adalah salah satu keyword/kata kunci yang dicari oleh orang-orang yang mampir google.com. Facebook Group adalah sebuah fasilitas yang dimiliki facebook untuk para penggunanya (user) dalam membuat suatu komunitas atau kumpulan orang yang mempunyai hobi, aktivitas, atau berbagai persamaan lainnya. Dengan membuat group kita dapat membuat sebuah komunitas yang dapat berbagi informasi dan bahkan kopi darat jika memang diperlukan. Sayangnya, ada beberapa pihak yang menyalahgunakan fungsi dari group, misalnya menjadikan group sebagai ajang iklan kepada para membernya. Dan yang paling parahnya iklan itu tidak ada kaitannya dengan group tersebut.

Mari langsung menuju ke pembahasan cara membuat group di facebook :

• Pada halaman home facebook klik buat group/create a new group (sebelah kiri)
  
  
• Akan tampil sebuah kotak :
  
  
• Silakan isi....
  - Nama Grup/Group Namedengan nama yang Anda inginkan
  - Anggota/member adalah orang-orang yang akan anda undang menjadi bagian dalam group tersebut
  - Privasi/privacy grup facebook ada 3 jenis yaitu terbuka (open), tertutup (closed), dan rahasia (secret)
  
  Perbedaan dari 3 privasi grup adalah sebagai berikut :
  • Terbuka(open) = anggota dan isi dari konten group terbuka untuk umum dalam arti bisa dilihat semua orang termasuk non anggota
  • Tertutup (closed) = anggota untuk umum dan konten hanya untuk anggota
  • Rahasia (secret) = anggota dan isi konten tidak untuk umum.
  
  
• Terakhir silakan tekan buat (create)

Mudah Sekali Bukan....?
Selamat Mencoba dan Berkarya

Read More

Cara Merubah Username Facebook

Facebook username atau nama pengguna adalah sebuah link yang bisa anda pakai untuk mengingat halaman profil Facebook anda menjadi lebih mudah, tidak seperti link aslinya yang berupa angka yang banyak itu. Dalam waktu beberapa saat ketika pembuatan Facebook username dibuka sudah ada jutaan orang membuatnya, karena Facebook username adalah sebuah link unik yang hanya dapat dimiliki oleh satu orang. Bayangkan saja begitu banyak orang yang menggunakan Facebook dan bernama sama yang rata-rata ingin username facebooknya dengan namanya sendiri. Dengan kata lain mereka harus berlomba-lomba adu cepat untuk mendapatkan Facebook username tersebut.

Untuk mendapatkan Facebook usename silakan Ikuti Langkah-langkah berikut ini

• Login ke Facebook.com > klik disini
• Ikuti Langkah berikutnya
  Tekan Berikutnya.....
  Silakan masukan username yang diinginkan kemudian tekan cek availibality (Periksa Ketersediaan)
• 
  
• akan tampil seperti gambar dibawah ini
  
  
• Setelah proses diatas selesai maka akan ada pemberitahuan seperti dibawah ini
  
  Ternyata mudah kan membuat username facebook
  

Selamat Mencoba.....

Read More