Simple White Blogger Themes

Saat waktu luang saya coba mengutak-atik templates blog saya, dan akhirnya jadilah sebuah Blogger Template yang saya beri  nama Simple White, karena memang bentuknya yang simpl, seperti gambar di bawah  :

Feature yang sudah terintegrasi  pada template ini adalah :

1. Adsense ready
2. Menu Tab dengan 10 Recent Post dan 10 Recent Comment serta Link
3. Auto Readmore With Thumbnail
4. Halaman Navigasi 
5. Fast Load

Bagi teman – teman yang ingin menggunakan template blogger yang saya design silahkan download di http://www.mediafire.com/?rjxc11ht51rtlke untuk preview di http://demo-white-clean.blogspot.com/

Selengkapnya »»

Memberikan Password Sharing Folder Windows XP Professional

Suatu saat mungkin anda menginginkan file yang anda sharing hanya boleh diakses oleh orang orang tertentu saja, ternyata untuk memasang password pada folder yang kita sharing tidak semudah cara menshare folder tanpa password. berikut ini caranya :

1. Klik start –> control panel –> administrative tools-->computer management
2. pada menu local user and group pilih menu user.
3. Klik kanan pada menu Guest lalu pilih set password sehingga muncul dialog box bla bla bla….
4. klik saja pada menu proceed –> masukkan password –> Masukan lagi Passwor Konfirmasi
5. OK
6. selesai

Selengkapnya »»

Teknik menampilkan data dengan metode Paging di PHP

Berikut ini adalah script php untuk menampilkan data dengan metode paging seperti gambar di bawah ini :

1. Pastikan Koneksi dengan database tidak ada masalah, buat file koneksi misal seperti ini :
   

   <?php
   $server = "localhost";
   $username = "belajar";
   $password = "belajar";
   $database = "belajar_php";

   // Koneksi dan memilih database di server
   $conn=mysql_connect($server,$username,$password);
   if($conn){
   //echo "koneksi Ok";
   }
   else{
   echo "koneksi Gagal";
   }
   $sdb=mysql_select_db($database);
   if($sdb){
   //echo "Database dibuka";
   }
   else{
   echo "Database tidak bisa dibuka";
   }
   ?>

2. simpan dengan nama koneksi.php yang selanjutnya akan kita panggil dengan metode include.
3. Buat satu file lagi misalnya paging.php, lalu tuliskan script berikut :
   

   <?php
   //memanggil file koneksi
   include('koneksi.php');

   //Langkah 1: Tentukan batas,cek halaman & posisi data
   $batas   = 5;
   $halaman = $_GET['halaman'];
   if(empty($halaman)){
       $posisi=0;
       $halaman=1;
   }
   else{
       $posisi = ($halaman-1) * $batas;
   }

   //Langkah 2: Sesuaikan perintah SQL
   $sql="select * from warga limit $posisi,$batas";
   $hasil=mysql_query($sql);

   $no=$posisi+1; // Agar angka (penomoran) mengikuti paging
   while ($data=mysql_fetch_array($hasil)){
     echo "<tr><td>$no</td><td>$data[nama]</td><td>$data[alamat]</td></tr>";
     $no++;
   }
   echo "</table>";

   //Langkah 3: Hitung total data dan halaman serta link 1,2,3 ...
   echo "<br>Halaman : ";
   $file="paging_1.php";

   $tampil2="select * from warga";
   $hasil2=mysql_query($tampil2);
   $jmldata=mysql_num_rows($hasil2);
   $jmlhalaman=ceil($jmldata/$batas);

   for($i=1;$i<=$jmlhalaman;$i++)
   if ($i != $halaman)
   {
       echo " <a href=$_SERVER[PHP_SELF]?halaman=$i>$i</A> | ";
   }
   else
   {
       echo " <b>$i</b> | ";
   }
   echo "<p>Total warga : <b>$jmldata</b> orang</p>";
   ?>

4. Hasilnya akan seperti ini
   
   
   
5. Download Contoh disini http://www.mediafire.com/?pnpah1fngwd5djn
   
   

Selengkapnya »»

Dos Command Index A-Z

Berikut dibawah ini merupakan daftar perintah-perintah yang ada pada command prompt dari A-X

 

a
ADDUSERS	Tambah daftar pengguna untuk / dari file CSV
ARP	Address Resolution Protocol
Assoc	Ubah ekstensi file asosiasi
ASSOCIAT	Salah satu langkah asosiasi file
Attrib	Ubah atribut berkas
b
Bootcfg	Edit Windows boot settings
BROWSTAT	Dapatkan domain, info browser dan PDC
c
CACLS	Ubah file permissions
CALL	Panggil satu program batch yang lain
CD	Mengganti Directory – pindah ke Folder tertentu
Change	Ganti Terminal Server Session properties
CHKDSK	Check Disk – memeriksa dan memperbaiki masalah disk
CHKNTFS	Periksa sistem file NTFS
CHOICE	Menerima input keyboard ke sebuah file batch
CIPHER	Encrypt atau Decrypt file / folder
CleanMgr	Ototmatis membersihkan Temperatur file, recycle bin
CLEARMEM	Hapus kebocoran memori
CLIP	Salin STDIN ke Windows clipboard.
CLS	Menghapus layar (Clear The Screen)
CLUSTER	Windows Clustering
CMD	Start a new CMD shell
COLOR	Mengubah warna dari jendela CMD
COMP	Membandingkan isi dari dua file atau set file
COMPACT	Compress file atau folder pada partisi NTFS
Compress	Compress tunggal file pada partisi NTFS
CON2PRT	Menghubungkan atau memutuskan sambungan dengan Printer
CONVERT	Konversi FAT ke drive NTFS
COPY	Menyalin satu atau lebih file ke lokasi lain
CSCcmd	clien-side caching (Offline Files)
CSVDE	Impor atau Ekspor Active Directory data
d
DATE	Display atau mengatur tanggal
Defrag	Defragment hard drive
DEL	Menghapus satu atau lebih file
DELPROF	Hapus profil pengguna NT
DELTREE	Menghapus folder dan semua subfolder
DevCon	Device Manager Command Line Utility
DIR	Menampilkan daftar file dan folder
DIRUSE	Tampilkan penggunaan disk
DISKCOMP	Bandingkan isi dua floppy disk
Diskcopy	Salin isi dari satu disket ke yang lain
DISKPART	Disk Administrasi
DNSSTAT	DNS Statistik
DOSKEY	Edit baris perintah, ingat perintah, dan membuat macro
DSADD	Tambah User (komputer, group ..) ke direktori aktif
DSQUERY	Daftar item dalam direktori aktif
DSMOD	Ubah user (computer, group ..) di direktori aktif
DSRM	Hapus item dari Active Directory
e
ECHO	Menampilkan pesan di layar
ENDLOCAL	Akhir localisation perubahan lingkungan dalam file batch
ERASE	Menghapus satu atau lebih file
EVENTCREATE	Tambahkan pesan ke Windows event log
EXIT	Keluar dari skrip arus / rutin dan menetapkan errorlevel
EXPAND	uncompress file
Ekstrak	uncompress file CAB
f
FC	Bandingkan dua file
FIND	Mencari string teks dalam sebuah file
FINDSTR	Cari string dalam file
FOR / F	pengulangan perintah terhadap satu set file
FOR / F	pengulangan perintah terhadap hasil perintah lain
FOR	pengulangan perintah terhadap semua options Files, Directory, List
FORFILES	Proses Batch beberapa file
FORMAT	Format disk
FREEDISK	Periksa free disk space/disk yang tersisa (dalam bytes)
FSUTIL	File dan Volume utilitas
FTP	File Transfer Protocol
FTYPE	Tampilkan atau memodifikasi jenis file yang digunakan dalam asosiasi ekstensi file
g
GLOBAL	Display keanggotaan kelompok global
GOTO	Direct a batch program untuk melompat ke baris berlabel
GPUPDATE	Update pengaturan Kebijakan Grup
h
HELP	Online Help
i
ICACLS	Ubah file dan folder permissions
IF	kondisional melakukan perintah
IFMEMBER	Apakah pengguna saat ini dalam sebuah NT Workgroup
IPCONFIG	Configure IP
k
KILL	Remove program dari memori
l
LABEL	Edit disk label
LOCAL	Display keanggotaan kelompok-kelompok lokal
LOGEVENT	Menulis teks ke NT event viewer
Logoff	user log off
LOGTIME	log tanggal dan waktu dalam file
m
MAPISEND	Kirim email dari baris perintah
MBSAcli	Baseline Security Analyzer
MEM	Display penggunaan memori
MD	Buat folder baru
MKLINK	Buat link simbolik (linkd)
MODE	Mengkonfigurasi perangkat sistem
MORE	Display output, satu layar pada satu waktu
MOUNTVOL	mengelola volume mount point
MOVE	Pindahkan file dari satu folder ke yang lain
MOVEUSER	Pindahkan pengguna dari satu domain ke domain lainnya
MSG	mengirim pesan atau message
MSIEXEC	Microsoft Windows Installer
MSINFO	Windows NT diagnostics
MSTSC	Terminal Server Connection (Remote Desktop Protocol)
MUNGE	Cari dan Ganti teks dalam file (s)
MV	Copy in-menggunakan file
n
NET	Kelola sumber daya jaringan
NETDOM	Domain Manager
Netsh	Configure Network Interfaces, Windows Firewall & Remote akses
NETSVC	Command-line Service Controller
NBTSTAT	Tampilkan statistik jaringan (NetBIOS over TCP / IP)
NETSTAT	Display networking statistics (TCP / IP)
NOW	Tampilan saat ini Tanggal dan Waktu
NSLOOKUP	Nama server lookup
NTBACKUP	Backup folder ke tape
NTRIGHTS	Edit hak user account
p
PATH	Menampilkan atau menetapkan path pencarian untuk file executable
PATHPING	jejak jalur jaringan ditambah paket latensi dan kerugian
PAUSE	memenjarakan(suspend) pengolahan file batch dan menampilkan pesan
perms	Tampilkan izin untuk pengguna
PERFMON	Kinerja Monitor
PING	Menguji koneksi jaringan
POPD	Mengembalikan nilai sebelumnya dari direktori sekarang yang disimpan oleh PUSHD
PORTQRY	Tampilan status ports dan services
Powercfg	Mengkonfigurasi pengaturan daya
PRINT	Mencetak file teks
PRNCNFG	Display, mengkonfigurasi atau mengubah nama printer
PRNMNGR	Tambah, menghapus, daftar printer menetapkan printer default
PROMPT	Mengubah command prompt
#	Proses Execute jarak jauh
PsFile	menampilkan file dibuka dari jarak jauh (remote)
PsGetSid	Menampilkan SID sebuah komputer atau pengguna
PsInfo	Daftar informasi tentang sistem
PsKill	proses mematikan berdasarkan nama atau ID proses
PsList	Daftar informasi rinci tentang proses-proses
PsLoggedOn	siapa saja yang log on (lokal atau melalui resource sharing)
PsLogList	catatan kejadian log
PsPasswd	Ubah sandi account
PsService	Melihat dan mengatur layanan
PsShutdown	Shutdown atau reboot komputer
PsSuspend	proses Suspend
PUSHD	Simpan dan kemudian mengubah direktori sekarang
q
QGREP	Cari file(s) untuk baris yang cocok dengan pola tertentu
r
RASDIAL	Mengelola koneksi RAS
RASPHONE	Mengelola koneksi RAS
Recover	perbaikan file yang rusak dari disk yang rusak
REG	Registry = Read, Set, Export, Hapus kunci dan nilai-nilai
REGEDIT	Impor atau ekspor pengaturan registry
Regsvr32	Register atau unregister sebuah DLL
REGINI	Ubah Registry Permissions
REM	Record comments (komentar) di sebuah file batch
REN	Mengubah nama file atau file
REPLACE	Ganti atau memperbarui satu file dengan yang lain
RD	Hapus folder (s)
RMTSHARE	Share folder atau printer
Robocopy	Copy File dan Folder secara sempurna
RUTE	Memanipulasi tabel routing jaringan
RUNAS	Jalankan program di bawah account pengguna yang berbeda
RUNDLL32	Jalankan perintah DLL (add / remove print connections)
s
SC	Control Layanan
SCHTASKS	Jadwal perintah untuk dijalankan pada waktu tertentu
SCLIST	Tampilkan Layanan NT
SET	Display, set, atau menghapus variabel environment
SETLOCAL	Pengendalian environment visibilitas variabel
SETX	Set variabel environment secara permanen
SFC	Pemeriksa Berkas Sistem
SHARE	Daftar atau mengedit file share atau share print
SHIFT	Shift posisi digantikan parameter dalam sebuah file batch
SHORTCUT	jendela Buat shortcut (. LNK file)
SHOWGRPS	Daftar NT Workgroups seorang pengguna telah bergabung
SHOWMBRS	Daftar Pengguna yang menjadi anggota dari sebuah Workgroup
SHUTDOWN	Shutdown komputer
SLEEP	Tunggu untuk x detik
SLMGR	Software Licensing Management (Vista/2008)
SOON	Jadwal perintah untuk menjalankan dalam waktu dekat
SORT	Sort input
START	memulai sebuah program atau perintah dalam jendela terpisah
SU	Switch User
SUBINACL	Edit file dan folder Permissions, Kepemilikan dan Domain
SUBST	Associate jalan dengan huruf drive
Systeminfo	Daftar konfigurasi sistem
t
TASKLIST	Daftar menjalankan aplikasi dan services
TASKKILL	Hapus proses yang berjalan dari memori
TIME	Menampilkan atau mengatur waktu sistem
TIMEOUT	penundaan pemrosesan dari sebuah batch file
TITLE	Mengatur judul window untuk sesi cmd.exe
TLIST	daftar tugas dengan path lengkap
TOUCH	mengganti file timestamps
Tracert	Trace route ke sebuah remote host
TREE	tampilan grafis struktur folder
TYPE	Menampilkan isi dari file teks
u
USRSTAT	Daftar domain nama pengguna dan terakhir login
v
VER	Tampilkan versi informasi
VERIFY	Pastikan bahwa file sudah disimpan
VOL	Menampilkan sebuah label disk
w
WHERE	Menempatkan dan menampilkan file dalam sebuah pohon direktori
wHOAMI	Output UserName saat ini dan manajemen domain
WINDIFF	Bandingkan isi dua file atau set file
WINMSD	Sistem Windows diagnostik
WINMSDP	Sistem Windows diagnostik II
WMIC	Perintah WMI
x
XCACLS	Ubah file dan folder permissions
XCOPY	Menyalin file dan folder

Selengkapnya »»

Backup Otomatis Database Mysql

Akan terasa sangat membosankan bila kita harus melakukan pekerjaan yang sama setiap harinya, apalagi jika pekerjaan itu hanya untuk membackup database… (bukan berarti saya meremehkan arti pentingnya backup databse), ada sebuah cara simple untuk membackup database mysql anda setiap hari secara otomatis, berikut ini caranya :

 

1. Buka notepad anda (penulis menggunakan notepad++)
2. Copas kode berikut :

   @echo off
   cls
   echo backup data mysql by kompiku.com
   echo ============================================
   SET TANGGAL=%date:/=-%
   echo %TANGGAL%
   mysqldump --opt --user=USER --password=password database >
   D:\%TANGGAL%_backup_db.sql

3. ubah kode berwarna merah sesuai dengan setting database anda.
   - USER : username database mysql
   - password : password database mysql
   - database : nama database mysql yang akan anda backup
   - D:\%TANGGAL%_backup_db.sql adalah lokasi hasil backup database anda.  pada contoh ini file akan disimpan di drive D dengan nama file sesuai dengan tanggal backup, misalnya : 10-7-2010_backup_db.sql.
4. jika konfigurasi sudah selesai, simpan file diatas dengan nama backup.bat pada komputer yang terinstal database mysql yang akan dibackup.
   (coba jalan kan file tersebut dengan double click)
5. Jika proses berhasil, anda akan menemukan di drive D sebuah file dengan nama 10-7-2010_backup_db.sql
6. Agar Proses dapat berjalan otomatis anda dapat memanfaatkan fitur scheduled Tasks milik windows, dari menu Accessories –> System Tools –> Scheduled Tasks
   
   
7. Browse lokasi file backup.bat, lalu atur agar file tersebut berjalan setiap hari pada jam yang telah anda tentukan.
   
   

Selengkapnya »»

Explorer2 : alternatif Mengatasi Windows Explorer Error

Kesal ya jika windows Explorer gak dapat berjalan... Jika semua cara telah dilakukan dan tidak mendapatkan hasil termasuk sudah merubah setting DEP tetep juga gak mau. Aplikasi Portable yang bernama Explorer2 ini mungkin bisa sedikit mengobati kekesalan anda, meskipun tidak mampu memberikan penyelesaian final. Anda tidak perlu menginstall aplikasi ini, cukup copy saja diflasdisk atau CD… Pemakaiannya juga tidak susah, mirip dengan windows explorer buatan Windows. berikut ini screenshootnya :

Bagi anda yang membutuhkannya silahkan download di sini

Selengkapnya »»

Dasar Object Oriented Programming PHP : Mengenal Kelas Dan Objek

Untuk memahami kelas dan objek dalam PHP kita buat saja sebuah permisalan. Misalnya sebuah kelas adalah mobil, sementara itu sedan, truk, VW dapat diibaratkan sebagai objek-objeknya. Jadi setiap dibicarakan sebuah sedan, sedan tersebut tidak dapat terlepas dari kelasnya yaitu sebuah mobil yang memiliki mesin, roda, kemudi, tempat duduk, dan lain-lain. Dari sudut pandang yang sebaliknya dapat dikatakan bahwa jika sebuah kelas mobil didefinisikan, maka dapat didefinisikan pula sebuah objek sedan atau minibus atau jeep yang memiliki seluruh sifat dari mobil.

 

Mengenal Class

Kelas adalah sebuah kumpulan variabel dan fungsi-fungsi yang bekerja dengan variabel tersebut. Untuk mendefinisikan kelas, sintaks yang digunakan adalah sebagai berikut:

class namakelas {
var $namavariabel;
...Kumpulan fungsi...
}

Di dalam kelas, variabel didefinisikan dengan pernyataan var. Di dalam sebuah kelas secara default dikenal sebuah variabel bernama $this yang mereferensikan kelas itu sendiri. Kemudian untuk merujuk kepada variabel yang didefinisikan dengan pernyataan var digunakan tanda ->.

Untuk lebih jelasnya berikut akan diberikan contoh sebuah kelas yang berisi fungsi-fungsi perhitungan matematika sederhana:

<?
class hitung {
var $hasil;

function kali($x,$y) {
$this->hasil = $x * $y;
}

function bagi($x,$y) {
$this->hasil = $x / $y;
}

function tambah($x,$y) {
$this->hasil = $x + $y;
}

function kurang($x,$y) {
$this->hasil = $x - $y;
}
}
?>

Sebuah kelas dapat merupakan perluasan dari kelas yang ada sebelumnya. Misalnya pada contoh kelas di atas fungsi-fungsi yang ada hanyalah kali(), bagi(), tambah(), kurang() dan mungkin itu dirasakan kurang. Jika ingin didefinisikan sebuah kelas lain yang juga mengandung fungsi-fungsi kali(), bagi(), tambah(), dan kurang() serta ditambah sebuah fungsi lagi misalnya pangkat(), maka tidak perlu dibuat sebuah kelas yang baru sama sekali yang mengandung kelima fungsi tersebut. Kelas tersebut dapat merupakan perluasan dari kelas hitung dan hanya mendefinisikan sebuah fungsi baru yaitu pangkat(). Dalam PHP untuk melakukan perluasan terhadap sebuah kelas digunakan pernyataan extends yang sintaksnya adalah sebagai berikut:

class namakelas extends kelaslain {
var $namavariabel;
...Kumpulan fungsi...
}

Contoh:

<?
class hitung_juga extends hitung {
function pangkat($x,$y) {
$this->hasil = pow($x,$y)
}
}
?>

Dari contoh ini dapat disimpulkan bahwa kelas hitung_juga akan memiliki variabel dan fungsi-fungsi yang terdapat pada kelas hitung ditambah dengan sebuah fungsi baru yaitu pangkat().

Perluasan kelas semacam ini dapat dikategorikan sebagai sifat inheritance dari pemrograman berorientasi objek. Kelas hitung_juga pada contoh di atas merupakan inherit dari kelas hitung.

Dalam melakukan perluasan ini, kelas yang merupakan inherit dari kelas lain dapat mendefinisikan fungsi dengan nama yang sama. Contoh:

class A {
function contoh() {
echo "Aku adalah fungsi contoh yang asli";
}
}

class B extends A {
function contoh() {
echo "Aku adalah fungsi contoh yang didefinisikan ulang";
}
}

Dalam hal ini fungsi contoh() di kelas A disebut dengan shadowed dan tidak dapat dipergunakan lagi. Unsur polymorphism terpenuhi di sini.

 

Mengenal Objek

Menurut ilustrasi mobil di atas dapat dikatakan bahwa objek “diperanakkan” dari kelas. Untuk mendefinisikan sebuah objek digunakan sintaks sebagai berikut:

$namaobjek = new namakelas;

Setelah objek didefinisikan, maka seluruh variabel dan fungsi yang terdapat dalam sebuah kelas namakelas otomatis terdapat pula dalam objek namaobjek tersebut. Untuk merujuk pada fungsi atau variabel yang dimiliki oleh kelasnya, maka digunakan juga tanda ->. Berikut akan diberikan contoh bagaimana menggunakan objek dan kelas dengan menggunakan contoh kelas hitung dan hitung_juga yang telah diberikan di atas.

<?
class hitung {
var $hasil;

function kali($x,$y) {
$this->hasil = $x * $y;
}

function bagi($x,$y) {
$this->hasil = $x / $y;
}

function tambah($x,$y) {
$this->hasil = $x + $y;
}

function kurang($x,$y) {
$this->hasil = $x - $y;
}
}
$a = 7;
$b = 3;
echo "Nilai \$a = $a 
";
echo "Nilai \$b = $b 
";
$calc = new hitung;

echo "\$a kali \$b sama dengan ";
$calc->kali($a,$b);
print $calc->hasil;
echo "
";

echo "\$a bagi \$b sama dengan ";
$calc->bagi($a,$b);
print $calc->hasil;
echo "
";

echo "\$a tambah \$b sama dengan ";
$calc->tambah($a,$b);
print $calc->hasil;
echo "
";

echo "\$a kurang \$b sama dengan ";
$calc->kurang($a,$b);
print $calc->hasil;
echo "

";

class hitung_juga extends hitung {
function pangkat($x,$y) {
$this->hasil = pow($x,$y);
}
}

$calc_juga = new hitung_juga;

echo "\$a kali \$b sama dengan ";
$calc_juga->kali($a,$b);
print $calc_juga->hasil;
echo "
";

echo "\$a bagi \$b sama dengan ";
$calc_juga->bagi($a,$b);
print $calc_juga->hasil;
echo "
";

echo "\$a tambah \$b sama dengan ";
$calc_juga->tambah($a,$b);
print $calc_juga->hasil;
echo "
";

echo "\$a kurang \$b sama dengan ";
$calc_juga->kurang($a,$b);
print $calc_juga->hasil;
echo "
";

echo "\$a pangkat \$b sama dengan ";
$calc_juga->pangkat($a,$b);
print $calc_juga->hasil;
echo "
";
?>

Selengkapnya »»

Menu Tab Autoopen dengan 10 Recent Post dan 10 Recent Comments di blooger

Untuk menghemat tempat dan sekaligus agar blog kita terlihat lebih bagus kita membutuhkan menu tab untuk ditampilkan di halaman blog. cara memasangnya juga tidak terlalu sulit. berikut ini langkah-langkah untuk membuat menutab seperti ini :

 

1. Login Ke dahsbord bolgger anda –> Layout –> Edit HTML
2. Masukan kode CSS di bawah ini diantara <b:skin><![CDATA[/* dan ]]></b:skin>

   /* tabs--*/

   div.TabTampil div.TTs
   {margin-top:1em; height: 30px; overflow: hidden; }
   div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active
   {color:red;height: 28px; background-color:  #ffffff; }
   div.TabTampil div.Halamans
   { clear: both; border:1px solid #DDDDDD; overflow: hidden; background-color: #ffffff;}
   div.TabTampil div.Halamans div.Halaman
   { height: 100%; padding: 0px; overflow: hidden; }
   div.TabTampil div.Halamans div.Halaman div.Alas
   { padding: 3px 5px; }
   div.TabTampil div.TTs a
   { background:#FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQBvQJOeM1ykFCIt3Bd0m0pQCrvkVEjNs1TzoBCeYuidoyr6NLD2vOcydWKB4WpZ5MBDAvLg0uVwyDfUJf4Wko9AN_XvCWY2saWKbiOfoAPNeXlh1MkThKeZj6sI5024bTgvkuxPUsiR4h/s800/post_top.gif) no-repeat scroll center top; border-left:1px solid  #DDDDDD; border-right:1px solid  #DDDDDD; border-top:1px solid #DDDDDD; border-bottom:0px solid  #DDDDDD; float: left;
   display: block; width: 100px; text-align: center; height: 24px; padding-top: 3px; vertical-align: middle; text-decoration: none; font-family: "Arial", Serif;
   font-size: 12px; font-weight: 900; color: #222}

3. Masukkan Kode javascript berikut sebelum tag </head> 
   , kode javascript ini yang akan mengambil 10 recent posts dan 10 rcent comments dari blog anda
   
   

   <script type='text/javascript'>
   //credit to hoctro. code to create top recent posts
   function c1(){document.getElementById(&#39;link_page&#39;).onclick();}
   function rp(json) {
   document.write(&#39;&lt;ul&gt;&#39;);for (var i = 0; i &lt; numposts; i++) {
   document.write(&#39;&lt;li&gt;&#39;);
   var entry = json.feed.entry[i];
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k &lt; entry.link.length; k++) {
   if (entry.link[k].rel == &#39;alternate&#39;) {
   posturl = entry.link[k].href;
   break;
   } }
   var posttitle = entry.title.$t;
   posttitle = posttitle.link(posturl);
   var readmorelink = &quot;(more)&quot;;
   readmorelink = readmorelink.link(posturl);
   var postdate = entry.published.$t;
   var cdyear = postdate.substring(0,4);
   var cdmonth = postdate.substring(5,7);
   var cdday = postdate.substring(8,10);
   var monthnames = new Array();
   monthnames[1] = &quot;Jan&quot;;
   monthnames[2] = &quot;Feb&quot;;
   monthnames[3] = &quot;Mar&quot;;
   monthnames[4] = &quot;Apr&quot;;
   monthnames[5] = &quot;May&quot;;
   monthnames[6] = &quot;Jun&quot;;
   monthnames[7] = &quot;Jul&quot;;
   monthnames[8] = &quot;Aug&quot;;
   monthnames[9] = &quot;Sep&quot;;
   monthnames[10] = &quot;Oct&quot;;
   monthnames[11] = &quot;Nov&quot;;
   monthnames[12] = &quot;Dec&quot;;
   if (&quot;content&quot; in entry) {
   var postcontent = entry.content.$t;
   } else if (&quot;summary&quot; in entry) {
   var postcontent = entry.summary.$t;
   } else
   var postcontent = &quot;&quot;;
   var re = /&lt;\S[^&gt;]*&gt;/g;
   postcontent = postcontent.replace(re, &quot;&quot;);
   document.write(posttitle);
   if (showpostdate == true) document.write(&#39; - &#39; + monthnames[parseInt(cdmonth,10)] + &#39; &#39; + cdday);
   if (showpostsummary == true) {
   if (postcontent.length &lt; numchars) {
   document.write(postcontent);
   } else {
   postcontent = postcontent.substring(0, numchars);
   var quoteEnd = postcontent.lastIndexOf(&quot; &quot;);
   postcontent = postcontent.substring(0,quoteEnd);
   document.write(postcontent + &#39;...&#39; + readmorelink);
   } }
   document.write(&#39;&lt;/li&gt;&#39;);
   }
   document.write(&#39;&lt;/ul&gt;&#39;);
   }

   var numposts = 10; 
   var showpostdate = false; 
   var showpostsummary = false; 
   var numchars = 200;
   </script> 

4. Masukan Kode berikut pada bagian yang akan anda pasang widget ini : misalnya setelah kode <div id='sidebar-wrapper'>
   
   

   <form action='tabtampil.html' method='get'>
   <div class='TabTampil' id='TabTampil'>
   <div class='TTs' style='width: 350px;'> <a onmouseover='tabtampil_ubah(&quot;TabTampil&quot;,1);'> Recent Post</a> <a href='#' onmouseover='tabtampil_ubah(&quot;TabTampil&quot;,2);'> Comments</a> <a href='#' onmouseover='tabtampil_ubah(&quot;TabTampil&quot;,3);'> Links</a></div>
   <div class='Halamans' style='width: 350px; height: 300px;'>
   <div class='Halaman'>
   <div class='Alas'>
   <b:section class='tabcontent' id='recpost' maxwidgets='1' showaddelement='no'>
   <b:widget id='HTML233' locked='false' title='10 Recent Post' type='HTML'/>
   </b:section>
   </div>
   </div>

   <div class='Halaman'>
   <div class='Alas'>
   <b:section class='tabcontent' id='reccom' maxwidgets='1' showaddelement='no'>
   <b:widget id='HTML3' locked='false' title='10 Recent Comments' type='HTML'/>
   </b:section>
   </div>
   </div>

   <div class='Halaman'>
   <div class='Alas'>
   <b:section class='tabcontent' id='reccon' maxwidgets='1' showaddelement='no'>
   <b:widget id='HTML5' locked='false' title='Friends Links' type='HTML'/>
   </b:section>
   </div>

   </div>
   </div>

   </div></form>
   <script src='http://menutab-c11774.googlecode.com/files/newscriptab.js' style='text/javascript'/>
   <script type='text/javascript'>tabtampil_inisial(&#39;TabTampil&#39;);</script>

   
   

5. Selamat Mencoba
   
   mohon maaf jika script yang saya tampilkan sebelumnya bermasalah yang disebabkan oleh kesalahan penggunaab syntax highlighter
   
   
   

Selengkapnya »»