proBlogiz

Free iTunes New Update for Windows XP, Vista, Windows 7, Windows 8

iTunes for Windows XP, Vista, Windows 7,or Windows 8


iTunes adalah sebuah aplikasi yang dapat diterapkan di Windows XP, Vista, Windows 7, atau Windows 8. Melalui media Komputer / PC, Mac,  iPad, iPhone,Blackberry atau iPod, Anda dapat menikmati aplikasi iTunes ini. Oleh karena itu saya sediakan link Download Gratis iTunes Terbaru untuk OS Windows dibagain bawah artikel ini.

iTunes adalah aplikasi gratis yang memungkinkan Anda mengatur dan memutar musik digital dan video di komputer Anda. Dengan iTunes, Anda dapat menyimpan semua data atau file seperti musik, movie, foto dan lainnya sehingga dengan mudah Anda untuk mendengarkan, menonton, membaca, bermain, mengeksplorasi.
iTunes adalah juga cara yang termudah untuk mengatur dan menambah koleksi media digital Anda. 

iTunes Player

iTunes Player untuk menyimpan semua musik, film, dan acara TV, semua dalam satu tempat. Mengaturnya dengan cara yang Anda inginkan. Menyimpannya ke  devices atau perangkat komputer, iPone, iPad, Laptop Anda. Memutar musik, movie kapanpun - dan di manapun.


iTunes Store

The world’s #1 music store, iTunes Store adalah lebih dari sekedar musik store. Anda bisa belanja dan eksplore film, acara TV, aplikasi, game, dan buku. Di iTunes U, Anda dapat men-download lecture / ceramah, video, dan banyak lagi dari universitas terkemuka, museum, dan lembaga kebudayaan lainnya.
Jutaan lagu. Ribuan film dapat Anda beli atau dilihat. Acara TV favorit Anda. Ratusan ribu aplikasi, game, dan podcast. And that’s just for starters.:)

Mau download gratis  iTunes Terbaru untuk Windows XP, Vista, Windows 7, atau Windows 8 ?


iTunes di Mac, PC, iPad, iPhone, iPod, dan Apple TV

iCloud membuat iTunes bahkan lebih baik, karena musik, film, acara TV, aplikasi, buku, dapat dikoleksi tidak hanya pada komputer Anda, tetapi pada semua perangkat Anda yang lain,seperti  di Mac, PC, iPad, iPhone, iPod, dan Apple TV. Bahkan musik yang tidak dibeli dari iTunes dapat disimpan dan dimainkan dari iCloud, berkat iTunes Match. Jadi di manapun Anda berada, hiburan favorit Anda selalu di sana bersama Anda.

iTunes for Windows XP, Vista, Windows 7, atau Windows 8
Windows System Requirements
PC with a 1GHz Intel or AMD processor and 512MB of RAM
Windows XP Service Pack 2 or later, 32-bit editions of Windows Vista, Windows 7, or Windows 8
64-bit editions of Windows Vista, Windows 7, or Windows 8 require the iTunes 64-bit installer
400MB of available disk space
Broadband Internet connection to use the iTunes Store

DOWNLOAD NOW


Read More


proBlogiz

Google Chrome 25.0.1337.0 Dev for Free Download

Download Gratis Google Chrome TerbaruSetelah  Google Chrome Stable dirilis 11/27  (Google Chrome 23.0.1271.91), update web browser terbaru  Google Chrome adalah Google Chrome 25.0.1337.0 Dev, silahkan Anda download gratis Google Chrome versi Terbaru ini melalui link download yang disediakan dibagian bawah artikel.

Google Chrome adalah browser yang menggabungkan desain minimal dengan teknologi canggih untuk membuat web lebih cepat, lebih aman, dan lebih mudah digunakan.

One box for everything
Type in the address bar and get suggestions for both search and web pages.
Thumbnails of your top sites
Access your favorite pages instantly with lightning speed from any new tab.
Incognito mode
Don't want pages you visit to show up in your web history? Choose incognito mode for private browsing.
Safe browsing
Google Chrome warns you if you're about to visit a suspected phishing, malware or otherwise unsafe website.


Technical

Title: Google Chrome 25.0.1337.0 Dev 
Filename: 25.0.1337.0_chrome_installer.exe 

File size: 30.65MB (32,138,232 bytes) 

Requirements: Windows XP / Vista / Windows7 / XP64 / Vista64 / Windows7 64 / Windows8 / Windows8 64 
Languages: Multiple languages 
License: Open Source 
Date added: November 29, 2012 
Author: www.google.com
Homepage: www.google.com/chrome

Google Chrome 25.0.1337.0 Dev atau update terbaru Google Chrome ini dibuat untuk keyamanan epxerience user dan perbaikan/fix bug, support "Do Not Track" feature. Selain itu, Google Chrome terbaru ini lebih mudah untuk mengontrol permission pop up website, lokasi geografis dan banyak lagi. Semua dapat Anda lakukan dengan hanya klik pada ikon di samping address bar dan tweak pengaturan yang diperlukan.

Mau Download Gratis Google Chrome Terbaru (Google Chrome 25.0.1337.0 Dev)? atau mau download Google Chrome Stable (versi sebelumnya)? langsung saja klik link dibawah ini Sob!!

DOWNLOAD NOW
Read More


proBlogiz

Download Internet Explorer 10 Release Preview for Windows 7
Internet Explorer 10 Release Preview

Microsoft telah mengumumkan ketersediaan Internet Explorer 10 untuk Windows 7. Namun seperti dinyatakan, bahwa IE 10 for Windows 7 adalah preview version dan bukan final build, namun bukan berarti Anda tidak bisa menikmati browser IE Versi terbaru ini. Dibawah ini saya bagikan link untuk download gratis Internet Explorer 10 untuk Windows 7.

Dan yang mau download gratis Internet Explorer 9.0.11 (IE 9 update terbaru) juga saya sediakan link downloadnya di bagain bawah artikel ini.

Untuk Final Version IE 10 ini masih dibundling dengan Windows 8, bagi Anda yang sudah upgrade Windows 7-nya akan menikmati langsung atau otomatis dapat menggunakan Internet Explorer 10 final version. Bagi yang menggunakan Windows 7, dapat juga menikmati IE 10 dengan men-download gratis di situs resminya Microsoft, yang telah saya sediakan link download dibagian bawah artikel ini. 

Internet Explorer 10 untuk Windows 7 ini support 32-bit (x86) or 64-bit (x64). Sebelum mulai download, pilih versi Windows 7 Anda, menggunakan sistem file 32 bit atau 64 bit. Kemudian ada opsi bahasa yang harus dipilih juga, umumnya menggunakan pilihan bahasa English. 


Untuk sistem requirements Internet Explorer 10 Release Preview, sebagai berikut :

Processor
Computer with a 1 gigahertz (GHz) 32-bit (x86) or 64-bit (x64) processor.
Operating system
Windows 7 32-bit with Service Pack 1 (SP1) or higher
Windows 7 64-bit with Service Pack 1 (SP1) or higher
Windows Server 2008 R2 with Service Pack 1 (SP1) 64-bit
Memory
Windows 7 32-bit—512 MB
Windows 7 64-bit—512 MB
Windows Server 2008 R2 64-bit—512 MB
Hard drive space
Windows 7 32-bit—70 MB
Windows 7 64-bit—120 MB
Windows Server 2008 R2 64-bit—200 MB
Drive
CD-ROM drive (if installation is done from a CD-ROM)
Display
Super VGA (800 x 600) or higher-resolution monitor with 256 colors
Peripherals
Modem or Internet connection
Microsoft Mouse, Microsoft IntelliMouse, or compatible pointing device
Read More


proBlogiz

Cara Memasang Iklan Otomatis Di Awal Posting


Iklan Otomatis Di Awal PostingTip dan trik kali ini berkaitan dengan pertanyaan dari seorang visitor proBlogiz, yang menanyakan "kalau mau menyisipkan kode adsense agar iklan muncul setelah Read More diklik bagaimana, Gan?". Mungkin maksudnya Cara Pasang Iklan Di Posting atau menyisipkan iklan / adsense script di postingan. Untuk itu saya mencoba menjawabnya melalui tutorial ini, juga berniat untuk sharing pada blogger yang lain.


Keuntungan Pasang Iklan Di Awal Posting :

  1. Peluang iklan diklik lebih besar
  2. Meningkatkan Page Impressions dan Page View iklan/adsense
  3. Auto script position, iklan otomatis akan terpasang di awal postingan
  4. Tidak perlu lagi memasang iklan/adsense secara manual setiap posting artikel baru

Langkah Memasang Iklan/Adsense di Postingan

PERTAMA
-Siapkan kode scirpt iklan/adsense Anda
-Parse kode scirpt iklan/adsense Anda, dengan gunakan >>> TOOL PARSE HTML (kode harus diparsing dahulu!!)
-Tentukan kategori dan besar ukuran iklan ( misalnya ukuran yang familiar, 300x250 Rectangle atau 336x280)
-Besar main post (luas halaman post) perlu diperhatikan, jika luas/width halaman postingan Anda kurang dari 500 px, gunakan ukuran iklan yang tidak terlalu besar ( yang umum ukuran 300x250 Rectangle )

KEDUA
Masuk Blogger >> pilih Template >> edit HTML
Cek "Expand Widget Templates" box
Tekan Control+F >> cari kode <data:post.body/>
Copy kode HTML berikut dan letakkan diatas  kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div style='width: 400px;'> <div style='clear: right; float: left; margin-right: 5px;margin-top: 5px;'>

<!--Script Kode Iklan Anda disini-->

</div></div>
</b:if>
note :
jika ditemukan kode <data:post.body/> lebih dari satu coba kode yang pertama, kalau tidak berhasil coba yang kedua
width: 400px : disesuaikan dengan luas main post template
<!--Script Kode Iklan Anda disini--> : ganti dengan kode iklan Anda yang sudah di parse sebelumnya

Kemudian Save Template

Sekarang  lihatlah pada postingan blog Anda, akan terlihat iklan/adsense yang muncul pada awal posting.
Selamat mencoba tip sederhana Cara Pasang Iklan Di Awal Posting ini, semoga bermanfaat sob!!

Salaam

Read More


proBlogiz

PAKET INTERNET SMARTFREN CONNEX TERBARU


PAKET INTERNET SMARTFREN CONNEX: Terbaru dan Panduan Registrasi Lengkap

Smartfren sebagai operator CDMA yang menyediakan jaringan internet kecepatan tinggi bergerak (mobile broadband) yang terluas di Indonesia, Smartfren yang mempunyai slogan popular " I Hate Slow" ini berkomitmen untuk menjadi penyedia layanan telekomunikasi yang terjangkau bagi masyarakat dengan kualitas terbaik.
Smartfren Telecom adalah operator penyedia jasa telekomunikasi berbasis teknologi CDMA dengan lisensi selular dan mobilitas terbatas (fixed wireless access), serta memiliki cakupan jaringan CDMA EV-DO (jaringan mobile broadband yang setara dengan 3G) yang terluas di Indonesia. Smartfren juga merupakan operator telekomunikasi pertama di dunia yang menyediakan layanan CDMA EV-DO Rev. B (setara dengan 3,5G dengan kecepatan unduh s.d. 14,7 Mbps) dan operator CDMA pertama yang menyediakan layanan Blackberry.
Apa saja paket terbaru yang ditawarkan layanan internet PAKET INTERNET SMARTFREN CONNEX ?
Berikut saya lampirkan daftar harga, tarif dan cara mendaftar via SMS dan ShortCode Paket Internet SmartFren Connex terbaru dan terupdate, yang dikutip baru-baru ini dari situs resminya, http://www.smartfren.com/data/.

USERNAME & PASSWORD

Untuk pelanggan Mobi dapat menggunakan username: M8 dan password: M8
Untuk pelanggan Smart dapat menggunakan username: Smart dan password: Smart 

PAKET INTERNET SMARTFREN CONNEX

Unlimited
Layanan data  tanpa batas, disediakan untuk kenyamanan Anda agar dapat lebih menikmati layanan kami.
Volume Based
Paket layanan data yang ekonomis, fleksibel dan berbagai pilihan masa berlangganan dari harian, mingguan dan bulanan. Sesuai untuk Anda yang membutuhkan layanan kecepatan akses data super cepat.
Postpaid Unlimited
Layanan premium yang menggabungkan fleksibilitas dan teknologi tinggi di indonesia bagi pelanggan pascabayar dengan biaya bulanan yang sangat terjangkau.

PAKET INTERNET SMARTFREN CONNEX PRABAYAR
UNLIMITED
  PAKET DATA
  Kecepatan Akses
PREMIUM
Download s/d 768 Kbps
Upload s/d 384 Kbps
REGULAR
Download s/d 384 Kbps
Upload s/d 128 Kbps
  HARIAN
  Cara Registrasi (Short Code)
  Cara Registrasi (SMS)
Rp 7.500
*123*3*2*1
Data(spasi)unl1
 
  MINGGUAN
  Cara Registrasi (Short Code)
  Cara Registrasi (SMS)
Rp 39.000
*123*3*2*7
Data(spasi)unl7
 
  BULANAN
  Cara Registrasi (Short Code)
  Cara Registrasi (SMS)
Rp 99.000
*123*3*2*30
Data(spasi)unl30
Rp 49.000
*123*3*3*30*0
Data(spasi)R30
  VOLUME
UNLIMITED
UNLIMITED
  FUP
500MB/Hari
250MB/Hari

Berlaku aturan pemakaian wajar, kecepatan download s/d 153 Kbps.
- Tarif sudah termasuk PPN. Waktu mengikuti zona WIB
* Setelah masa berlaku habis, maka pelanggan akan dikenakan tarif regular sesuai dengan tarif dasar layanan data

VOLUME BASED
PAKET DATAMASA AKTIF
1 HARI7 HARI30 HARI
  20 MB
  Cara Registrasi (Short Code)
  Cara Registrasi (SMS)
Rp 1.000
*123*3*1*20
Data(spasi)vol20
 
 
Kecepatan:
Download 3.1 Mbps,
Upload s/d 1.8 Mbps
  100 MB
Rp 3.000
*123*3*1*100
Data(spasi)vol100
 
 
  250 MB
 
Rp 10.000
*123*3*1*250
Data(spasi)vol250
 
  600 MB
 
Rp 20.000
*123*3*1*600
Data(spasi)vol600
 
  2 GB
 
 
Rp 50.000
*123*3*1*2000
Data(spasi)vol2000
  6 GB
 
 
Rp 100.000
*123*3*1*6000
Data(spasi)vol6000
  12 GB
 
 
Rp 150.000
*123*3*1*12000
Data(spasi)vol12000
Kecepatan:
Download 14.7 Mbps,
Upload s/d 5.4 Mbps

Tarif sudah termasuk PPN. Waktu mengikuti zona WIB
*Volume dari layanan data berlaku akumulasi dan akan berlaku masa aktif paling lama.
*Setelah Volume atau masa berlaku habis, maka pelanggan akan dikenakan tarif regular sesuai dengan tarif dasar layanan data
*Anda dapat mengetahui info layanan data paket Volume Based Anda dengan menekan *995 lalu OK/Call

Pembelian paket dapat dilakukan melalui short code atau SMS.
SHORT CODE:
Tekan kode paket lalu tekan OK/Call
Contoh: Untuk berlangganan paket internet Smartfren Connex Volume Based 12 GB,
tekan: *123*3*1*12000 dan tekan “OK” atau “Call”.
SMS: 
Ketik Data(spasi)kode paket lalu kirim ke 123
Contoh: Untuk berlangganan paket internet Smartfren Connex Volume Based 12 GB,
ketik: Data vol12000 dan kirim ke 123.

PAKET INTERNET SMARTFREN CONNEX PASCABAYAR
Untuk pelanggan pascabayar, tersedia paket khusus yang sangat eksklusif. Anda cukup datang ke Galeri Smartfren terdekat.

POSTPAID UNLIMITED

PAKET DATAKECEPATAN AKSESHARGA
IP PUBLIC
FUP HARIAN
  SUPER PRO
Download s/d 14.7 Mbps,
Upload s/d 5.4 Mbps
275.000
YES
1.000 MB/hari
  SUPER ADVANCE
Download s/d 3.1 Mbps,
Upload s/d 1.8 Mbps
150.000
NO
500 MB/hari
  SUPER BASIC
Download s/d 768 Kbps,
Upload s/d 384 Kbps
90.000
NO
500 MB/hari
  KECEPATAN FUP
Kecepatan disesuaikan menjadi Download s/d 153 Kbps, Upload s/d 128 Kbps

Tarif sudah termasuk PPN. Waktu mengikuti zona WIB
*Untuk menikmati kecepatan download s/d 14.7 Mbps dan upload s/d 5.4 Mbps. Anda harus berada di daerah yang telah tercakup layanan EV-DO Rev.B dari Smartfren dan menggunakan perangkat yang mendukung teknologi EV-DO Rev.B dari Smartfren


POSTPAID VOLUME BASED

PAKET DATAMASA AKTIF
1 HARI7 HARI30 HARI
  2 GB Cara Registrasi (Short Code)
  Cara Registrasi (SMS)
Rp 50.000
*123*3*1*2000
Data(spasi)vol2000
Kecepatan:
Download 3.1 Mbps,
Upload s/d 1.8 Mbps
  6 GB Cara Registrasi (Short Code)
  Cara Registrasi (SMS)
Rp 100.000
*123*3*1*6000
Data(spasi)vol6000
  12 GB Cara Registrasi (Short Code)
  Cara Registrasi (SMS)
Rp 150.000
*123*3*1*12000
Data(spasi)vol12000
Kecepatan:
Download 14.7 Mbps,
Upload s/d 5.4 Mbps

Tarif sudah termasuk PPN. Waktu mengikuti zona WIB
*Volume dari layanan data berlaku akumulasi dan akan berlaku masa aktif paling lama.
*Setelah Volume atau masa berlaku habis, maka pelanggan akan dikenakan tarif regular sesuai dengan tarif dasar layanan data
*Anda dapat mengetahui info layanan data paket Volume Based Anda dengan menekan *995 lalu OK/Call


TARIF DASAR LAYANAN DATA

WAKTUTARIFKECEPATAN
02:00 – 05:59
Rp 0,1 / KB
Download s/d 14.7 Mbps, Upload s/d 5.4 Mbps
06:00 – 01:59
Rp 1 / KB
Tarif sudah termasuk PPN. Waktu mengikuti zona WIB

Masa berlaku Layanan Paket Internet Smartfren Connex
Harian : 1 hari x 24 jam = 24 jam
Mingguan : 7 hari x 24 jam = 168 jam
Bulanan : 30 hari x 24 jam = 720 jam
Contoh:
Jika pelanggan berlangganan paket internet Smartfren Connex Premium harian pada jam 15:40, maka layanan paket internet tersebut dapat dinikmati sampai esok hari jam 15:39, dengan maksimum kecepatan untuk download s/d 768 Kbps dan kecepatan upload s/d 384 Kbps

Keterangan lainnya:
- Volume adalah kapasitas yang ada pada beberapa paket internet Smartfren Connex. Bila kapasitas yang dimaksud telah habis, maka pelanggan akan dikenakan tarif regular sesuai tarif dasar layanan data.
- FUP adalah batas pemakaian wajar pada beberapa paket internet Smartfren Connex yang akan otomatis melakukan pembatasan kecepatan bagi pelanggan yang melebihi batas yang ditentukan. Pelanggan tidak akan dikenakan tarif regular sesuai tarif dasar layanan data jika pelanggan telah melewati batas pemakaian wajar.
- Kartu Smartfren harus dalam masa aktif dan tidak dalam masa pemblokiran
- Jika dalam masa berlangganan Paket Internet Smartfren Connex, kartu pelanggan masuk ke masa tanggang maka pelanggan tidak dapat menikmati layanan. Pelanggan dapat menikmati layanan pada saat kartu pelanggan aktif kembali dan masa paket internetnya masih berlaku.
- Pastikan pada saat melakukan pembelian Paket internet Smartfren Connex, koneksi internet Anda tidak tersambung/disconnect.
- Paket internet Smartfren Connex ini tidak dapat dinikmati jika Anda masih memiliki bonus akses data (misalkan bonus data paket bundling USB modem).
- Anda dapat mengetahui info layanan data paket True Unlimited atau paket Volume Based yang Anda miliki dengan menekan *995 lalu OK/Call atau (pastikan koneksi internet Anda tidak tersambung/disconnect untuk memastikan keakuratan info) dapat juga dilihat melalui data.smartfren.com
Read More


proBlogiz

Opera Mini 7.5.1

Opera Mini sebagai mobile browser yang cukup disukai oleh banyak pengguna cellular seperti smartphone atau android, karena perfomanya yang cukup stabil dan mudah digunakan. Selain itu dari segi kecepatan browsing sungguh bisa diandalkan, dan melampaui browser yang lain. Juga didukung oleh teknologi kompressi yang unik sehingga dapat mengurangi biaya atau data cost up to 90% yang tentunya lebih " Save Money". Link donwload gratis Opera Mini Terbaru ada bagian bawah artikel.

Opera Mini telah mengalami beberapa kali update untuk meningkatkan performa bagi user experience, kali ini update terbaru versi Opera Mini 7.5.1, yang dapat Anda download gratis disitus proBlogiz ini. Apa saja yang baru di Opera Mini versi terbaru ini ?

-build improves NFC support
-improve stability and performance
-variety of bug fixes
-page layout enhancements
Opera Mini 7.5.1 makes your Android device smarter with Smart Page. It gives you a dashboard view of the latest activity on your social networks, along with automatic news feeds from your favorite sites. Need a sneak peek or the full update? You’ll be able to stay informed about everything that matters to you.
Mau donwload gratis Opera Mini Terbaru ? Langsung saja klik dibawah ini Kawan !!

Download
Read More


proBlogiz

Opera 12.11

Setelah sebelumnya Opera Final 12.10, kali ini Anda dapat kembali download gratis browser Opera Terbaru, Opera 12.11 di proBlogiz. Mana yang lebih baik ? Tentu Opera 12.11 adalah yang terbaik.
Berfokus pada perbaikan stabilitas dan keamanan, Opera 12.11 meningkatkan performan Gmail secara keseluruhan, support patch SPDY dan improve sistem security.
Fitur keamanan Opera 12.11 termasuk built-in phishing protection, enkripsi yang kuat saat browsing situs secure website, dan kemampuan dengan mudah menghapus data pribadi seperti cookies dan riwayat browsing hanya dengan mengklik sebuah tombol.


Perubahan /Change Log Opera Terbaru:
Beberapa terjadi perbaikan general dan stabiltas 
- Fixed a crash related to updating the state of some extensions’ toolbar icons (Mac-only)
- Fixed several issues related to SPDY
- Gmail: Fixed an issue that could cause Gmail not to load
- Fixed an issue where HTTP response heap buffer overflow could allow execution of arbitrary code
- Fixed an issue where error pages could be used to guess local file paths

Anda dapat mengunduhnya dengan format Opera support 34 bit atau 64 bit.

Download Now
Read More


proBlogiz


Opera 12.10 Final BuildBrowser Opera, browser buatan Norwegia ini telah merilis Final bulid Opera 12.10. Apa saja sebenarnya hal baru dari Opera 12.10 Final Build ini? Tentu ada banyak perubahan yang akan menambah pengalaman Anda dalam menjelajah internet lebih baik. Anda dapat men-download Opera 12.10. gratis dibagian bawah halaman ini.

Dengan fitur-fitur seperti pre-fetched DNS ( Anda dapat melihat nama domain site pada mouse hover) dan SPDY ( untuk memeriksa hasil preliminary benchmark ), peningkatan kinerja yang bagus, terutama saat browsing Gmail, Twitter dan lainnya, SPDY enabled sites.

Selain tweak kinerja dan berbagai perbaikan bug, Opera 12.10 juga didukung ekstensi improved, API Fullscreen (sehingga konten web dapat ditampilkan dalam layar penuh) seperti touch screen pada Windows 8.
Secara keseluruhan, dengan akselerasi hardware dinonaktifkan, Anda akan benar-benar terkesan dengan stabilitas keseluruhan dari Opera 12.10 Final 


Untuk daftar lengkap Change log Opera 12.10, Anda dapat langsung melihatnya di situs resminya berikut: http://www.opera.com/docs/changelogs/

Download




Read More


proBlogiz

 Firefox 17 Final

Akhirnya Mozilla merilis juga browser web Firefox 17.Final build version, yang dilengkapi sosial integrasi dan banyak lagi.  Firefox 17.Final ini difokuskan pada aspek sosial build, yang termasuk  Social API yang telah direvisi dan didukung juga dengan Facebook Messenger (lihat gambar di bawah). 

Firefox 17 Final
FB Messenger for Firefox

Selain itu Final version kali ini mempunyai fitur "Click-to-play blocklisting" yang digunakan untuk mencegah vesri plugin yang rentan, namun walaupun ada banyak perubahan dan update seperti "Awesome Bar" diperbarui dengan ikon yang lebih besar, kekurangannya versi ini sudah tidak mendukung Mac OS X 10.5.

Dont Worry !!! bagi Anda pencinta Mozilla Firefox, bisa download gartis dan dibawah ini change log Firefox 17 Final :
- First revision of the Social API and support for Facebook Messenger
- Click-to-play blocklisting implemented to prevent vulnerable plugin versions from running without the user’s permission
- Updated Awesome Bar experience with larger icons
- Mac OS X 10.5 is no longer supported- JavaScript Maps and Sets are now iterable
- SVG FillPaint and StrokePaint implemented
- Improvements that make the Web Console, Debugger and Developer Toolbar faster and easier to use
- New Markup panel in the Page Inspector allows easy editing of the DOM
- Sandbox attribute for iframes implemented, enabling increased security
- Over twenty performance improvements, including fixes around the New Tab page
- Pointer lock doesn’t work in web apps- Page scrolling on sites with fixed headers


Bagi Anda yang ingin menggunakan Facebook Messenger di Firefox 17.Final, ada 2 cara :

  • Masuk ke settingan "about:config" dan set "social.enabled" menjadi "true".
atau
  • Kunjungi http://www.facebook.com/about/messenger-for-firefox, disini Anda bisa mengaktifkan FB Messenger

DOWNLOAD NOW

Read More


proBlogiz

Apakah Anda sedang mencari bentuk tampilan tabel yang keren dan cantik? Disini Anda bisa temukan kumpulan 10 Tabel Style yang Keren dan Cantik tanpa menggunakan image/gambar atau 100% pure CSS. Desain Blog kali ini akan memberikan tutorial cara membuat tabel lebih menarik sehingga tidak perlu lagi menggunakan tabel standard yang kurang menarik dipandang.

Bentuk tabel dengan kostum CSS ini akan memberikan kesan tampilan profesional,sehingga sangat tepat digunakan untuk menampilkan daftar, membuat list, atau laporan statistik di setiap postingan Anda di Blog. Penambahan efek shadow, border radius, gradient color atau two color background benar-benar membuat table ini sangat menarik dipandang. Keren!!

Dibawah ini saya tampilkan 10 contoh tabel  kostum cantik dengan bermacam warna dan style serta kode CSS yang mudah dan valid, berikut pula kode HTML untuk pemasangannya di setiap postingan.

Anda juga bisa melihat DEMO LIVE 10 Tabel Style Keren ini dengan menggunakan CSS Generator kami :
Cara penggunaan :
Copy salah satu kode CSS tabel dibawah dan pastekan di antara <style> dan </style>
Copy kode HTML dan paste dibawahnya
Kemudian klik tombol Preview

Cara Memasang Kode CSS Tabel Keren di Template Blogger

Masuk Blogger.com > pilih Template > Edit HTML
Tekan Control + F > cari kode ]]></b:skin>
Letakkan salah satu kode CSS pilihan Anda diatas tag ]]></b:skin>
Save Template

Cara Membuat Tabel Keren di Postingan

Masuk ke Post Editor > pilih HTML Mode
Copy kode HTML dibawah ini, dan letakkan dimana Anda akan membuat tabelnya.

<div class="CSSTableGenerator" >
<table ><tr> <td>Title 1</td><td >Title 2</td><td>Title 3</td></tr>
<tr><td >Row 1</td><td>Row 1</td><td>Row 1</td></tr><tr><td >Row 2</td><td>Row 2</td><td>Row 2</td></tr><tr><td >Row 2</td><td>Row 2</td><td>Row 2</td></tr><tr><td >Row 3</td><td>Row 3</td><td>Row 3</td></tr>
</table></div>

Untuk menambah atau mengurangi jumlah Kolom dan Baris pada tabel, sebagai berikut :
  • Menambah kolom / column, tambahkan kode ini setelah kode <td>Title 3</td>
<td>Title 4</td>
  • Untuk mengurangi kolom dihapus saja kode berjudul "Title" tersebut <td>Title </td>
  • Menambah baris/row baru, tambahkan kode berikut :

<tr><td >Row 4</td><td>Row 4</td><td>Row 4</td></tr>
  • Untuk mengurangi baris dihapus saja kode

10 Tabel Style Keren di Blogger

1. Blue Table Style

Blue Table Style
Code CSS :
.CSSTableGenerator { margin:0px;padding:0px; width:100%; box-shadow: 10px 10px 5px #888888; border:1px solid #ffffff; -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; border-bottom-left-radius:15px; -moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px; border-bottom-right-radius:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; border-top-right-radius:15px; -moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; border-top-left-radius:15px; }.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px; }.CSSTableGenerator tr:last-child td:last-child { -moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px; border-bottom-right-radius:15px; } .CSSTableGenerator table tr:first-child td:first-child { -moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; border-top-left-radius:15px; } .CSSTableGenerator table tr:first-child td:last-child { -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; border-top-right-radius:15px; }.CSSTableGenerator tr:last-child td:first-child{ -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; border-bottom-left-radius:15px; }.CSSTableGenerator tr:hover td{ } .CSSTableGenerator tr:nth-child(odd){ background-color:#aad4ff; } .CSSTableGenerator tr:nth-child(even) { background-color:#ffffff; } .CSSTableGenerator td{ vertical-align:middle; border:1px solid #ffffff; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:10px; font-family:Georgia; font-weight:normal; color:#000000; }.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px; }.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px; }.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .CSSTableGenerator tr:first-child td{ background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) ); background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f"); background: -o-linear-gradient(top,#005fbf,003f7f); background-color:#005fbf; border:0px solid #ffffff; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Georgia; font-weight:bold; color:#ffffff; } .CSSTableGenerator tr:first-child:hover td{ background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) ); background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f"); background: -o-linear-gradient(top,#005fbf,003f7f); background-color:#005fbf; } .CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

2. Red Table Style

 Red Table Style

Code CSS :
.CSSTableGenerator { margin:0px;padding:0px; width:100%; box-shadow: 10px 10px 5px #888888; border:1px solid #ffffff; -moz-border-radius-bottomleft:18px; -webkit-border-bottom-left-radius:18px; border-bottom-left-radius:18px; -moz-border-radius-bottomright:18px; -webkit-border-bottom-right-radius:18px; border-bottom-right-radius:18px; -moz-border-radius-topright:18px; -webkit-border-top-right-radius:18px; border-top-right-radius:18px; -moz-border-radius-topleft:18px; -webkit-border-top-left-radius:18px; border-top-left-radius:18px; }.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px; }.CSSTableGenerator tr:last-child td:last-child { -moz-border-radius-bottomright:18px; -webkit-border-bottom-right-radius:18px; border-bottom-right-radius:18px; } .CSSTableGenerator table tr:first-child td:first-child { -moz-border-radius-topleft:18px; -webkit-border-top-left-radius:18px; border-top-left-radius:18px; } .CSSTableGenerator table tr:first-child td:last-child { -moz-border-radius-topright:18px; -webkit-border-top-right-radius:18px; border-top-right-radius:18px; }.CSSTableGenerator tr:last-child td:first-child{ -moz-border-radius-bottomleft:18px; -webkit-border-bottom-left-radius:18px; border-bottom-left-radius:18px; }.CSSTableGenerator tr:hover td{ background-color:#ffaaaa; } .CSSTableGenerator td{ vertical-align:middle; background:-o-linear-gradient(bottom, #ffffff 5%, #ffaaaa 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffaaaa) ); background:-moz-linear-gradient( center top, #ffffff 5%, #ffaaaa 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffaaaa"); background: -o-linear-gradient(top,#ffffff,ffaaaa); background-color:#ffffff; border:1px solid #ffffff; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:10px; font-family:Arial; font-weight:normal; color:#000000; }.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px; }.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px; }.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .CSSTableGenerator tr:first-child td{ background:-o-linear-gradient(bottom, #ff5656 5%, #7f0000 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #7f0000) ); background:-moz-linear-gradient( center top, #ff5656 5%, #7f0000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#7f0000"); background: -o-linear-gradient(top,#ff5656,7f0000); background-color:#ff5656; border:0px solid #ffffff; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Georgia; font-weight:bold; color:#ffffff; } .CSSTableGenerator tr:first-child:hover td{ background:-o-linear-gradient(bottom, #ff5656 5%, #7f0000 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #7f0000) ); background:-moz-linear-gradient( center top, #ff5656 5%, #7f0000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#7f0000"); background: -o-linear-gradient(top,#ff5656,7f0000); background-color:#ff5656; } .CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

3.Dark Table Style

Dark Table Style
Code CSS :
.CSSTableGenerator { margin:0px;padding:0px; width:100%; box-shadow: 10px 10px 5px #888888; border:1px solid #666666; -moz-border-radius-bottomleft:23px; -webkit-border-bottom-left-radius:23px; border-bottom-left-radius:23px; -moz-border-radius-bottomright:23px; -webkit-border-bottom-right-radius:23px; border-bottom-right-radius:23px; -moz-border-radius-topright:23px; -webkit-border-top-right-radius:23px; border-top-right-radius:23px; -moz-border-radius-topleft:23px; -webkit-border-top-left-radius:23px; border-top-left-radius:23px; }.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px; }.CSSTableGenerator tr:last-child td:last-child { -moz-border-radius-bottomright:23px; -webkit-border-bottom-right-radius:23px; border-bottom-right-radius:23px; } .CSSTableGenerator table tr:first-child td:first-child { -moz-border-radius-topleft:23px; -webkit-border-top-left-radius:23px; border-top-left-radius:23px; } .CSSTableGenerator table tr:first-child td:last-child { -moz-border-radius-topright:23px; -webkit-border-top-right-radius:23px; border-top-right-radius:23px; }.CSSTableGenerator tr:last-child td:first-child{ -moz-border-radius-bottomleft:23px; -webkit-border-bottom-left-radius:23px; border-bottom-left-radius:23px; }.CSSTableGenerator tr:hover td{ } .CSSTableGenerator tr:nth-child(odd){ background-color:#7f7f7f; } .CSSTableGenerator tr:nth-child(even) { background-color:#b2b2b2; } .CSSTableGenerator td{ vertical-align:middle; border:1px solid #666666; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:10px; font-family:Georgia; font-weight:normal; color:#000000; }.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px; }.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px; }.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .CSSTableGenerator tr:first-child td{ background:-o-linear-gradient(bottom, #1c1616 5%, #4c4c4c 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1c1616), color-stop(1, #4c4c4c) ); background:-moz-linear-gradient( center top, #1c1616 5%, #4c4c4c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1616", endColorstr="#4c4c4c"); background: -o-linear-gradient(top,#1c1616,4c4c4c); background-color:#1c1616; border:0px solid #666666; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Times New Roman; font-weight:bold; color:#ffffff; } .CSSTableGenerator tr:first-child:hover td{ background:-o-linear-gradient(bottom, #1c1616 5%, #4c4c4c 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1c1616), color-stop(1, #4c4c4c) ); background:-moz-linear-gradient( center top, #1c1616 5%, #4c4c4c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1616", endColorstr="#4c4c4c"); background: -o-linear-gradient(top,#1c1616,4c4c4c); background-color:#1c1616; } .CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

4. Pink Table Style

 Pink Table Style

Code CSS :
  .CSSTableGenerator { margin:0px;padding:0px; width:100%; box-shadow: 10px 10px 5px #888888; border:1px solid #ffffff; -moz-border-radius-bottomleft:19px; -webkit-border-bottom-left-radius:19px; border-bottom-left-radius:19px; -moz-border-radius-bottomright:19px; -webkit-border-bottom-right-radius:19px; border-bottom-right-radius:19px; -moz-border-radius-topright:19px; -webkit-border-top-right-radius:19px; border-top-right-radius:19px; -moz-border-radius-topleft:19px; -webkit-border-top-left-radius:19px; border-top-left-radius:19px; }.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px; }.CSSTableGenerator tr:last-child td:last-child { -moz-border-radius-bottomright:19px; -webkit-border-bottom-right-radius:19px; border-bottom-right-radius:19px; } .CSSTableGenerator table tr:first-child td:first-child { -moz-border-radius-topleft:19px; -webkit-border-top-left-radius:19px; border-top-left-radius:19px; } .CSSTableGenerator table tr:first-child td:last-child { -moz-border-radius-topright:19px; -webkit-border-top-right-radius:19px; border-top-right-radius:19px; }.CSSTableGenerator tr:last-child td:first-child{ -moz-border-radius-bottomleft:19px; -webkit-border-bottom-left-radius:19px; border-bottom-left-radius:19px; }.CSSTableGenerator tr:hover td{ } .CSSTableGenerator tr:nth-child(odd){ background-color:#ffbfff; } .CSSTableGenerator tr:nth-child(even) { background-color:#ffeaff; } .CSSTableGenerator td{ vertical-align:middle; border:1px solid #ffffff; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:10px; font-family:Comic Sans MS; font-weight:normal; color:#000000; }.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px; }.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px; }.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .CSSTableGenerator tr:first-child td{ background:-o-linear-gradient(bottom, #ed00ed 5%, #ed00ed 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ed00ed), color-stop(1, #ed00ed) ); background:-moz-linear-gradient( center top, #ed00ed 5%, #ed00ed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed00ed", endColorstr="#ed00ed"); background: -o-linear-gradient(top,#ed00ed,ed00ed); background-color:#ed00ed; border:0px solid #ffffff; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Comic Sans MS; font-weight:bold; color:#ffffff; } .CSSTableGenerator tr:first-child:hover td{ background:-o-linear-gradient(bottom, #ed00ed 5%, #ed00ed 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ed00ed), color-stop(1, #ed00ed) ); background:-moz-linear-gradient( center top, #ed00ed 5%, #ed00ed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed00ed", endColorstr="#ed00ed"); background: -o-linear-gradient(top,#ed00ed,ed00ed); background-color:#ed00ed; } .CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

5. Orange Table Style

Orange Table Style
Code CSS :
.CSSTableGenerator { margin:0px;padding:0px; width:100%; box-shadow: 10px 10px 5px #888888; border:1px solid #ff7f00; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; }.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px; }.CSSTableGenerator tr:last-child td:last-child { -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; } .CSSTableGenerator table tr:first-child td:first-child { -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; } .CSSTableGenerator table tr:first-child td:last-child { -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; }.CSSTableGenerator tr:last-child td:first-child{ -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; }.CSSTableGenerator tr:hover td{ } .CSSTableGenerator tr:nth-child(odd){ background-color:#ffaa56; } .CSSTableGenerator tr:nth-child(even) { background-color:#ffffff; } .CSSTableGenerator td{ vertical-align:middle; border:1px solid #ff7f00; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:10px; font-family:Arial; font-weight:bold; color:#000000; }.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px; }.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px; }.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .CSSTableGenerator tr:first-child td{ background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) ); background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00"); background: -o-linear-gradient(top,#ff7f00,bf5f00); background-color:#ff7f00; border:0px solid #ff7f00; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Arial; font-weight:bold; color:#ffffff; } .CSSTableGenerator tr:first-child:hover td{ background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) ); background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00"); background: -o-linear-gradient(top,#ff7f00,bf5f00); background-color:#ff7f00; } .CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

6.Yellow Table Style

Yellow Table Style
Code CSS :
.CSSTableGenerator { margin:0px;padding:0px; width:100%; box-shadow: 10px 10px 5px #888888; border:1px solid #bfbf00; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; }.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px; }.CSSTableGenerator tr:last-child td:last-child { -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; } .CSSTableGenerator table tr:first-child td:first-child { -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; } .CSSTableGenerator table tr:first-child td:last-child { -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; }.CSSTableGenerator tr:last-child td:first-child{ -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; }.CSSTableGenerator tr:hover td{ background-color:#ffffff; } .CSSTableGenerator td{ vertical-align:middle; background-color:#ffffaa; border:1px solid #bfbf00; border-width:0px 1px 1px 0px; text-align:left; padding:8px; font-size:10px; font-family:Verdana; font-weight:bold; color:#000000; }.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px; }.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px; }.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .CSSTableGenerator tr:first-child td{ background:-o-linear-gradient(bottom, #ffff00 5%, #e8e800 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffff00), color-stop(1, #e8e800) ); background:-moz-linear-gradient( center top, #ffff00 5%, #e8e800 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#e8e800"); background: -o-linear-gradient(top,#ffff00,e8e800); background-color:#ffff00; border:0px solid #bfbf00; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Verdana; font-weight:bold; color:#000000; } .CSSTableGenerator tr:first-child:hover td{ background:-o-linear-gradient(bottom, #ffff00 5%, #e8e800 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffff00), color-stop(1, #e8e800) ); background:-moz-linear-gradient( center top, #ffff00 5%, #e8e800 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#e8e800"); background: -o-linear-gradient(top,#ffff00,e8e800); background-color:#ffff00; } .CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

7. Green Table Style

Green Table Style
Code CSS :
.CSSTableGenerator { margin:0px;padding:0px; width:100%; box-shadow: 10px 10px 5px #888888; border:1px solid #3f7f00; -moz-border-radius-bottomleft:9px; -webkit-border-bottom-left-radius:9px; border-bottom-left-radius:9px; -moz-border-radius-bottomright:9px; -webkit-border-bottom-right-radius:9px; border-bottom-right-radius:9px; -moz-border-radius-topright:9px; -webkit-border-top-right-radius:9px; border-top-right-radius:9px; -moz-border-radius-topleft:9px; -webkit-border-top-left-radius:9px; border-top-left-radius:9px; }.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px; }.CSSTableGenerator tr:last-child td:last-child { -moz-border-radius-bottomright:9px; -webkit-border-bottom-right-radius:9px; border-bottom-right-radius:9px; } .CSSTableGenerator table tr:first-child td:first-child { -moz-border-radius-topleft:9px; -webkit-border-top-left-radius:9px; border-top-left-radius:9px; } .CSSTableGenerator table tr:first-child td:last-child { -moz-border-radius-topright:9px; -webkit-border-top-right-radius:9px; border-top-right-radius:9px; }.CSSTableGenerator tr:last-child td:first-child{ -moz-border-radius-bottomleft:9px; -webkit-border-bottom-left-radius:9px; border-bottom-left-radius:9px; }.CSSTableGenerator tr:hover td{ background-color:#ffffff; } .CSSTableGenerator td{ vertical-align:middle; background:-o-linear-gradient(bottom, #b6f27b 5%, #ffffff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b6f27b), color-stop(1, #ffffff) ); background:-moz-linear-gradient( center top, #b6f27b 5%, #ffffff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b6f27b", endColorstr="#ffffff"); background: -o-linear-gradient(top,#b6f27b,ffffff); background-color:#b6f27b; border:1px solid #3f7f00; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:10px; font-family:Arial; font-weight:normal; color:#000000; }.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px; }.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px; }.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .CSSTableGenerator tr:first-child td{ background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) ); background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00"); background: -o-linear-gradient(top,#5fbf00,3f7f00); background-color:#5fbf00; border:0px solid #3f7f00; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Georgia; font-weight:bold; color:#561d1d; } .CSSTableGenerator tr:first-child:hover td{ background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) ); background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00"); background: -o-linear-gradient(top,#5fbf00,3f7f00); background-color:#5fbf00; } .CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

8. Grey Table Style

Grey Table Style
Code CSS:
.CSSTableGenerator { margin:0px;padding:0px; width:100%; box-shadow: 10px 10px 5px #888888; border:1px solid #cccccc; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; }.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px; }.CSSTableGenerator tr:last-child td:last-child { -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; } .CSSTableGenerator table tr:first-child td:first-child { -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; } .CSSTableGenerator table tr:first-child td:last-child { -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; }.CSSTableGenerator tr:last-child td:first-child{ -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; }.CSSTableGenerator tr:hover td{ background-color:#ffffff; } .CSSTableGenerator td{ vertical-align:middle; background:-o-linear-gradient(bottom, #e5e5e5 5%, #ffffff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e5e5e5), color-stop(1, #ffffff) ); background:-moz-linear-gradient( center top, #e5e5e5 5%, #ffffff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5", endColorstr="#ffffff"); background: -o-linear-gradient(top,#e5e5e5,ffffff); background-color:#e5e5e5; border:1px solid #cccccc; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:10px; font-family:Arial; font-weight:normal; color:#000000; }.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px; }.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px; }.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .CSSTableGenerator tr:first-child td{ background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) ); background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2"); background: -o-linear-gradient(top,#cccccc,b2b2b2); background-color:#cccccc; border:0px solid #cccccc; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Arial; font-weight:bold; color:#000000; } .CSSTableGenerator tr:first-child:hover td{ background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) ); background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2"); background: -o-linear-gradient(top,#cccccc,b2b2b2); background-color:#cccccc; } .CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

9. Black White Table Style

Black White Table Style
Code CSS:
.CSSTableGenerator { margin:0px;padding:0px; width:100%; box-shadow: 10px 10px 5px #888888; border:1px solid #000000; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; }.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px; }.CSSTableGenerator tr:last-child td:last-child { -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; } .CSSTableGenerator table tr:first-child td:first-child { -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; } .CSSTableGenerator table tr:first-child td:last-child { -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; }.CSSTableGenerator tr:last-child td:first-child{ -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; }.CSSTableGenerator tr:hover td{ } .CSSTableGenerator tr:nth-child(odd){ background-color:#e5e5e5; } .CSSTableGenerator tr:nth-child(even) { background-color:#ffffff; } .CSSTableGenerator td{ vertical-align:middle; border:1px solid #000000; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:10px; font-family:Impact; font-weight:normal; color:#000000; }.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px; }.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px; }.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .CSSTableGenerator tr:first-child td{ background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) ); background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000"); background: -o-linear-gradient(top,#4c4c4c,000000); background-color:#4c4c4c; border:0px solid #000000; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Impact; font-weight:normal; color:#ffffff; } .CSSTableGenerator tr:first-child:hover td{ background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) ); background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000"); background: -o-linear-gradient(top,#4c4c4c,000000); background-color:#4c4c4c; } .CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

10. Red White Table Style

Red White Table Style

Code CSS:
  .CSSTableGenerator { margin:0px;padding:0px; width:100%; box-shadow: 10px 10px 5px #888888; border:1px solid #bf0000; -moz-border-radius-bottomleft:14px; -webkit-border-bottom-left-radius:14px; border-bottom-left-radius:14px; -moz-border-radius-bottomright:14px; -webkit-border-bottom-right-radius:14px; border-bottom-right-radius:14px; -moz-border-radius-topright:14px; -webkit-border-top-right-radius:14px; border-top-right-radius:14px; -moz-border-radius-topleft:14px; -webkit-border-top-left-radius:14px; border-top-left-radius:14px; }.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px; }.CSSTableGenerator tr:last-child td:last-child { -moz-border-radius-bottomright:14px; -webkit-border-bottom-right-radius:14px; border-bottom-right-radius:14px; } .CSSTableGenerator table tr:first-child td:first-child { -moz-border-radius-topleft:14px; -webkit-border-top-left-radius:14px; border-top-left-radius:14px; } .CSSTableGenerator table tr:first-child td:last-child { -moz-border-radius-topright:14px; -webkit-border-top-right-radius:14px; border-top-right-radius:14px; }.CSSTableGenerator tr:last-child td:first-child{ -moz-border-radius-bottomleft:14px; -webkit-border-bottom-left-radius:14px; border-bottom-left-radius:14px; }.CSSTableGenerator tr:hover td{ background-color:#ffaaaa; } .CSSTableGenerator td{ vertical-align:middle; background-color:#ffffff; border:1px solid #bf0000; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:10px; font-family:Georgia; font-weight:normal; color:#000000; }.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px; }.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px; }.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .CSSTableGenerator tr:first-child td{ background:-o-linear-gradient(bottom, #ff5656 5%, #ff5656 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #ff5656) ); background:-moz-linear-gradient( center top, #ff5656 5%, #ff5656 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#ff5656"); background: -o-linear-gradient(top,#ff5656,ff5656); background-color:#ff5656; border:0px solid #bf0000; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Georgia; font-weight:bold; color:#000000; } .CSSTableGenerator tr:first-child:hover td{ background:-o-linear-gradient(bottom, #ff5656 5%, #ff5656 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #ff5656) ); background:-moz-linear-gradient( center top, #ff5656 5%, #ff5656 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#ff5656"); background: -o-linear-gradient(top,#ff5656,ff5656); background-color:#ff5656; } .CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

Supported Browsers 

Supported Browsers

Style table yang keren diatas ini, pada browser IE, efek border radius dan gradient akan hilang. Namun akan bekerja dengan baik dengan browser utama lainnya. 
Spesial thanks to css-generators.com which has provided a very useful tool css generator


Enjoy it, bro and sis!!!
Anda suka artikel 10 Tabel Style Keren  ini? Please feel free to share it or klik Like


resources : 
Read More

Google+ Followers

Submit email Anda, dapatkan update artikel:


Like Me

artikel terbaru

|Copyright © 2013| Problogiz |All Rights Reserved|