Showing posts with label BLOGGER. Show all posts
Showing posts with label BLOGGER. Show all posts
, , ,

Download Font Keren dan Kreatif



Font merupakan bagian penting dalam melakukan dan pengolahan desain grafis. Font ini sangat dibutuhkan oleh para penggemar seni dibidang digital. Nah kali ini saya coba membagikan beberapa font yang saya dapatkan setelah berselancar. Silahkan untuk didownload disitus aslinya.

Tidak dapat dipungkiri lagi kalau font bagus tentu saja akan menghasilkan sebuah desain yang bagus pula, namun hal tersebut tentu saja tergantung kreasi masing - masing dalam meng aplikasikannya.

Font Star Avenue

http://adf.ly/1ZWMoS

Font Matchbook Typefaces
http://adf.ly/1ZWN2c


Font Bazar
http://adf.ly/1ZWND2


Broken Poster
http://adf.ly/1ZWNHf


Eight One
http://adf.ly/1ZWSGK


LT Oksana 6.0
http://adf.ly/1ZWSzF




Update..... 
, ,

Memunculkan Link Secara Otomatis saat Artikel di Copy Paste



Berjumpa kembali, kali ini saya akan membagikan sesuatu yang mungkin sudah lama sekali kita kenal yakni memberikan sebuah link kedalam tulisan ketika seseorang copy-paste baik isi blog atau yang lainnya.

Tapi hal ini hanya mengingatkan saja kepada orang bahwa seandainya ingin mengcopy seluruh maupun sebagian isi blog orang agar selalu ingat untuk menyertakan link alamat pemilik konten. Cara ini apakah bisa menghindari plagiat...?? Tentu saja tidak!. Seseorang bisa melakukan berbagai macam cara untuk melakukan penjiplakan dan ini tidak bisa dihindari oleh siapapun. Makanya ketika saya membuat blog ini, seluruh isi blog saya ikhlaskan untuk dipakai/digandakan oleh siapa juga dengan syarat tolong ingat saya... wkwkwk.

Baiklah daripada basa yang akhirnya bikin basi, langsung saja kita praktekkan caranya :
  • Login Blogspot seperti biasa
  • Pilih Template --> Edit HTML
  • Lalu cari kode </head> kemudian copykan kode dibawah ini tepat diatas kode </head> tersebut.


<script type="text/javascript">
function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = "

Original from: <a href='"+document.location.href+"'>"+document.location.href+"</a>
Copyright by : Teknologi Informasi dan Komunikasi"; // change this if you want
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}document.oncopy = addLink;
</script>

  • Ganti yang bertanda merah Copyright by : Teknologi Informasi dan Komunikasi dengan nama Blog kalian.
  • Lalu simpanlah Template anda
Untuk menguji apakah pemasangan berhasil atau tidak, silahkan Copy beberapa kaliman didalam postingan kemudian Paste kedalam Notepad atau sejenisnya maka akan muncul Link dan nama blog tempat kita mencopy isi tersebut.

Silahkan di explore lagi untuk lebih sempurnanya.


, ,

Daftar Ping Untuk Meningkatkan Traffic di Blog




Kita sebagai para blogger tentunya sudah tidak asing lagi dengan yang namanya ping blog. Oke tidak perlu panjang lebar lagi, berikut saya sertakan list/daftar ping blog yang baru.
Sebenarnya fasilitas ping di blog itu bagus, tapi kita tentunya jika tidak ingin masuk ke penjara google tentunya harus memperhatikan cara penggunaan ping blog ini.
Caranya adalah batasi postingan blog 1 hari maksimal 2 posting dengan jeda 6 jam an.  Hal ini guna menghindari spam trap yang ada di filter google.

Berikut list ping blognya:


, , ,

Cara Meningkatkan Traffic Blog Dengan Rumus T=V1+V2




Bagi Sobat Blogger Khususnya Yang Masih Baru Sperti Saya,Untuk Meningkatkan Traffik Blog Sobat
Silahkan Pakai Trik/Cara Ini.Bagi Yang Tidak Berkenan Juga Gapapa....:D

--------------- Copy mulai disini------------------
t=v1+v2 Untuk Meningkatkan Traffic Blog

Mohon baca baik-baik lalu terapkan dengan benar!
Sebuah filosofi mengatakan "Honesty is The Best Policy (Kejujuran adalah politik/strategi terbaik)". Inilah yang akan kita buktikan. Apakah konsep kejujuran bisa kita olah menghasilkan traffic dan popularity yang lebih hebat dari konsep rumit para expert webmaster atau pakar SEO..?... Saya yakin bisa asal konsep ini di jalankan dengan benar..., bila ini di terapkan pada web anda sesuai ketentuan maka:


Web sobat akan kebanjiran traffic pengunjung secara luar biasa hari demi hari, tanpa perlu repot-repot memikirkan SEO atau capek-capek promosi keberbagai tempat di dunia internet.

Web sobat akan kebanjiran backlink secara luarbiasa hari demi hari, tanpa perlu repot-repot berburu Link keberbagai tempat di dunia internet.

Jika Albert Einstein memakai persamaan e = mc2 untuk menggabungkan potensi masa dan kecepatan cahaya untuk menghasilkan energi nuklir yang luar biasa itu, maka kita akan memakai persamaan t = v1 + v2 untuk menggabungkan potensi web saya dan web anda untuk menghasilkan traffic dan popularity yang luar biasa pula.

Jika Einstein menggunakan atom plutonium dan uranium untuk membuat bom nuklir, maka kita menggunakan kejujuran dan ketepatan untuk membuat bom traffic dan popularity ini.

Yang perlu anda lakukan adalah ikuti langkah-langkah berikut :
1. Buat posting artikel seperti posting saya ini, atau copy-paste posting ini dari kalimat "Copy mulai disini" sampai kalimat "Selesai", dan juga diberi berjudul : Cara Meningkatkan Traffik Blog Memakai Rumus t=v1+v2".
2. Selanjutnya copy atau buat KALIMAT SAKTI yang ada di bawah nomor 3 ini lalu pasang di web anda pada bagian yang paling mudah dilihat pengunjung, misalnya di bagian atas sidebar

3. Pindahkan atau ganti link atau alamat url posting (disini-1) dengan alamat url anda dan (disini-2) dengan alamat postingan URL saya, untuk mengetahui alamat URL posting saya dan posting yang anda buat adalah bisa dengan meng-klik judul/title posting yang kita buat ini lalu copy address bar nya.

Berikut tulisan "KALIMAT SAKTI" yang perlu anda pasang di bagian web anda (setelah di ganti link url-nya sesuai ketentuan di atas) :

"Ingin meningkatkan traffic pengunjung dan fopularity blog anda secara cepat dan tak terbatas...?Serahkan pada saya .saya akan melakukannya untuk anda Gratis..!!  klik  DISINI-1 dan DISINI-2"

Jadi setelah KALIMAT SAKTI ini diletakan di web anda maka: jika pengunjung meng-klik link disini-1akan menuju link Posting anda, dan jika meng-klik disini-2 akan menuju Link posting saya...dan seterusnya kan terus terjadi mata rantai yang tak terputus seperti itu...
Selesai, siapkan counter tracker dan pengecek link misalnya sitemeter dan technorati untuk melihat hasil banjir traffic dan linkback web anda.

Apa itu t = v1 + t2 ?

t = Jumlah traffic yang akan di peroleh web anda dalam suatu hari
v1 = Jumlah pengunjung web anda dalam suatu hari
v2 =Jumlah pengunjung yang dimiliki v1 (pengunjung dari pengunjung web anda) dalam suatu hari.

Traffic:

Misalnya, web saya ini atau web anda dalam sehari memiliki rata-rata pengunjung 50 orang.., dan semuanya menerapkan konsep kita ini (KALIMAT SAKTI) dengan benar, dan dari 50 orang itu masing-masing memiliki 50 orang pula pengunjung dari blog-nya , maka web kita akan berpeluang di kunjungi 50 ditambah 50 x 50 orang pada hari itu = 2550 orang , dan akan berpeluang terus meningkat pula hari demi hari ,karena setiap hari selalu ada pengunjung baru di dunia internet, setiap hari juga ada blogger atau web baru di dunia internet...BUKTIKAN


Popularity:

Misalnya, web kita memiliki pengunjung 50 orang dalam suatu hari, dan semuannya menerapkan konsep ini , maka dalam hari itu web anda akan mendapatkan 100 linkback ke web anda, yaitu sebuah link pada KALIMAT SAKTI dan sebuah Link pada link saya di kalikan 50. dan akan berpeluang meningkat terus hari demi hari....
Kenapa perlu di buat link link anda dan link saya pada posting...?

...hal ini untuk menjaga keabadian link kita, karena seperti kita tau link pada posting lebih kecil kemungkinannya terhapus....

Bisakah kita berbuat tidak fair atau tidak jujur menyabotase konsep ini, misalnya "menghilangkan semua link asal" lalu di isi dengan web/blog kita sendiri...? ....Bisa, dan konsep ini tidak akan menjadi maksimal untuk membuktikan Kejujuran adalah strategi/politik terbaik.....Tapi saya yakin bahwa kita semua tak ingin menjatuhkan kredibilitas diri sendiri dengan melakukan tindakan murahan seperti itu..

PESAN SAYA :
ANDA HARUS JUJUR DENGAN MENGISI "DISINI-1" DENGAN LINK ANDA DAN "DISINI-2" DENGAN LINK SAYA.

[/] Demo : LIHAT YANG TERPASANG DIBLOG INI

-----------------------S E L E S A I -----------------------------------

Semoga berhasil dan semoga bermanfaat
, ,

Istilah - Istilah dalam Blogger


A-List: Sebuah daftar blogger-blogger yang memiliki blog dengan traffic relatif tinggi dan banyak dikenal di dunia blogging. Biasanya merujuk pada daftar 100 Technorati Blog.

Adsense: Jaringan periklanan online yang paling terkenal di internet. Adsense dimiliki oleh Google dan memberikan kesempatan kepada para blogger untuk melakukan monetisasi blognya dengan menampilkan iklan kontekstual di blog mereka. Setiap kali seseorang mengklik teks iklan Google Adsense, maka si pemilik blog akan mendapatkan sejumlah komisi.

Adwords: Kebalikan dari Adsense. Adwords memungkinkan perusahaan atau individu untuk memasang iklan dan mempromosikan produk, jasa atau situs mereka berdasarkan perhitungan cost per click (CPC). Seorang pemasang iklan harus menentukan kata kunci yang hendak dibidiknya dan berapa harga yang bisa ia berikan untuk setiap kliknya. Iklan Adwords bisa muncul di halaman hasil pencarian Google maupun di unit iklan Adsense di situs atau blog yang mengikuti program Adsense.

Affiliate Marketing: Disebut juga affiliasi, adalah sebuah cara yang sangat populer untuk mendapatkan uang dari internet dimana seorang pemilik program affiliasi memberi kesempatan orang lain untuk memasarkan produk atau jasanya dengan imbalan sejumlah komisi. Komisi bisa bersifat tetap atau berubah-ubah, dan bisa berdasarkan klik, leads atau penjualan yang terjadi.

Akismet: Plugin filter spam untuk blog berplatform WordPress yang sangat populer. Dibuat oleh perusahaan yang sama dengan yang membuat kode WordPress, Automattic.

Alexa: Sebuah perusahaan online (milik Amazon.com) yang memantau traffic semua situs yang ada di internet. Sistem ranking yang digunakan didasarkan pada data statistik dari toolbar browser pengguna internet. Belakangan mereka mengubah algoritme ranking ini untuk menghilangkan bias toolbar yang banyak menguntungkan situs-situs bertopik teknologi. Semakin rendah ranking Alexa, maka semakin tinggi trafficnya. Walaupun demikian terdapat sejumlah kontroversi mengenai akurasi ranking Alexa ini.

Anchor Text: Teks yang digunakan di dalam back link. Kebanyakan pakar optimasi mesin pencari (SEO) sepakat bahwa anchor text merupakan salah satu faktor penting yang mempengaruhi posisi ranking sebuah situs atau blog di hasil pencarian search engine.
Atom: Sebuah format sindikasi feed yang dikembangkan sebagai alternatif RSS. Atom memungkinkan seseorang mendapatkan updates artikel dari sebuah situs atau blog manakala ada posting baru.

Automattic: Perusahaan yang didirikan oleh Matt Mullenweg dan bertanggungjawab terhadap pengembangan WordPress.org (software blog) dan WordPress (hosting) selain proyek-proyek lainnya.

Backlink: Hiperlink yang tampil di blog atau situs lain dan menaut pada halaman utama atau halaman lain dalam suatu blog atau situs. Backlink penting karena Google dan mesin pencari yang lain mempergunakan jumlah dan kualitas backlink sebagai ukuran tingkat kepercayaan sebuah blog atau situs.

Blackhat: Gabungan teknik SEO dan online marketing yang seringkali tidak etis dan bahkan kadang ilegal dengan tujuan tertentu. Menyembunyikan teks dibalik gambar atau mempergunakan halaman doorway dengan re-direct adalah contoh teknik-teknik blackhat.

Blog: Suatu jenis situs dimana sang pemiliknya mempublikasikan pikiran, ide atau pengetahuan mengenai topik tertentu. Biasanya isinya berupa artikel, yang disebut post, dan disusun berdasarkan urutan kronologis. Awalnya blog muncul sebagai diary online, namun saat ini blog mencakup berbagai macam ceruk topik, dan bersaing ketat dengan media massa kebanyakan.

Blog Carnival: Sebuah event ketika para blogger berkumpul untuk untuk membuat sebuah koleksi artikel mengenai sebuah topik tertentu. Biasanya blog carnival hanya terdiri dari satu blog dengan sejumlah blog yang berpartisipasi mengirimkan artikelnya.

Blogger: Seseorang yang memiliki blog. Blogger juga merupakan nama komersil platform dan hosting blog gratis milik Google (yang lebih dikenal dengan nama ekstensi Blogspot).

Blogging: Aktivitas menulis sesuatu di dalam blog. Bisa juga berarti aktivitas yang lebih luas yang dilakukan oleh seorang blogger (misalnya berinteraksi dengan pembaca, mempersiapkan materi konten, dan lain-lain).

Bloglines: Salah satu RSS Feed Reader yang paling populer. Bloglines merupakan aplikasi berbasis web yang memungkinkan penggunanya untuk berlangganan dan mengelola RSS Feed.

Blogosphere: Istilah yang dipergunakan untuk menjelaskan dunia yang diciptakan oleh jaringan blog.

Blogroll: Fitur blog yang sangat populer yang memungkinkan pemilik blog menampilkan daftar blog-blog lain yang direkomendasikannya. Fitur ini biasanya ditampilkan di bagian sidebar. Namun saat ini semakin sedikit blog yang menampilkan blogroll.

Comments: Hampir semua platform blog memungkinkan pembacanya untuk memberikan komentar dan meninggalkan feedback di setiap halaman posting artikel sebuah blog. Fitur inilah yang membuat blog menjadi sebuah media percakapan langsung dan telah menjadi salah satu faktor kesuksesan blog di dunia internet.

Comment spam: Komentar yang ditulis semata-mata untuk mendapatkan backlink dan diharapkan akan memberikan aliran traffic pengunjung ke blog pihak yang menuliskan komentar spam tersebut.

Compete: Perusahaan analis web, seperti halnya Alexa, yang memantau dan memperkirakan jumlah traffic situs atau blog.

CPC: Kependekan dari cost-per-click, dan ia merepresentasikan suatu bentuk online advertising dimana si pengiklan (advertiser) memberikan sejumlah uang kepada setiap pengunjung yang meng-klik iklannya dan mengunjungi situs atau halaman penjualan produknya. Di sisi lain, terdapat penerbit iklan (publisher) yang menampilkan iklan CPC di situs atau blognya dan mendapatkan uang untuk setiap klik yang dilakukan pengunjung situs atau blognya. Jaringan iklan CPC paling terkenal adalah Google Adwords.

CPA: Kependekan dari cost-per-action, dan ia merepresentasikan suatu bentuk online advertising dimana si pengiklan (advertiser) akan membayar ketika pengunjung sebuah situs melakukan tindakan tertentu (misalnya ketika mereka berlangganan news letter atau membeli sebuah produk tertentu). Kebanyakan program affiliasi menggunakan skema CPA.

CPM: Kependekan dari cost-per mille, dimana mille berarti 1000 dalam bahasa Latin. CPM, dengan demikian berarti harga per 1000 impresi, dan ia merepresentasikan suatu bentuk online advertising dimana si pengiklan (advertiser) akan membayar harga tertentu ketika iklan banner atau iklan lain mereka ditampilkan setiap 1000 kali di sebuah situs atau blog.

CSS: Kependekan dari Cascading Style Sheets, dan merupakan bahasa pemrograman yang dipergunakan untuk membuat halaman wes yang ditulis dengan kode HTML atau XHTML. Kelebihan CSS adalah memungkinkan Anda untuk mengontrol tampilan halaman situs secara bersamaan dari lokasi yang sama (file CSS).

Digg: Situs social bookmarking paling terkenal di dunia. Pada dasarnya Digg adalah sebuah situs yang dihidupi oleh penggunanya, dimana anggota komunitas Digg memberikan vote terhadap sebuah artikel yang akan tampil di halaman depan situs tersebut. Bagi kebanyakan pemilik situs, tampil di halaman depan Digg adalah sebuah kebanggaan. Ia bisa memberikan ribuan pengunjung hanya dalam waktu sehari. Meskipun demikian, terdapat kontroversi terhadap kualitas traffic pengunjung yang datang dari Digg karena pengunjung biasanya jarang kembali lagi dan jarang meng-klik iklan.

Domain: Juga dikenal sebagai nama domain atau nama hosting domain, adalah nama situs atau blog yang tercatat di dalam dunia internet. Contoh nama domain adalah Yahoo.com.
Duplicate content: Konten hasil duplikasi (biasanya berupa teks/artikel) dalam sebuah situs atau blog. Mesin pencari (misalnya Google Search Engine) cenderung menjatuhkan penalti untuk situs atau blog dengan konten-konten hasil duplikasi.

Favicon: Kependekan dari "Favorite Icon", adalah sebuah ikon yang diasosiasikan dengan logo sebuah situs atau blog dan akan muncul pada bagian browser atau bagian bookmark. Favicon dimaksudkan untuk memudahkan mengidentifikasi sebuah situs atau blog.

Feed: Disebut juga feed web atau feed news, adalah sebuah format data yang digunakan di dunia internet untuk memudahkan penggunanya mendapatkan updates artikel dari situs atau blog favoritnya. Terdapat dua jenis format utama feed: RSS Feed dan Atom Feed.

Feed Count: Biasanya merujuk pada widget dari FeedBurner yang berfungsi memberikan laporan jumlah pelanggan RSS pada suatu situs atau blog.

FeedBurner: Sebuah perusahaan online milik Google yang menyediakan layanan RSS Feed. FeedBurner merupakan layanan gratis yang menyediakan RSS Feed dengan berbagai fitur menarik, dan memudahkan pemilik situs atau blog mengumpulkan data statistik RSS Feed situs atau blognya.

FTP: Kependekan dari File Transfer Protocol. FTP merupakan sebuah protokol jaringan yang digunakan untuk mentransfer data dari satu komputer ke komputer lainnya. Jika Anda menggunakan layanan perusahaan hosting, Anda membutuhkan FTP untuk mentransfer file situs Anda dari komputer Anda ke server perusahaan hosting tersebut.

Google Analytics: Sebuah layanan gratis dari Google yang memberi pemilik situs sejumlah informasi dan data statistik mengenai jumlah traffic dan pengunjung situsnya. Google Analytics juga dikenal sebagai salah satu layanan web paling terpercaya (layanan lain seperti Webalizer atau AWStats cenderung melebihkan angka dengan memasukkan traffic bukan-manusia ke dalam data yang dihasilkan).

Google Reader: RSS Reader paling populer di dunia internet. Google Reader merupakan aplikasi berbasis web yang memungkinkan para penggunanya untuk berlangganan dan mengelola RSS Feed situs atau blog tertentu. Karena saking populernya, banyak situs yang menampilkan badge khusus Google Reader agar pembacanya bisa berlangganan RSS Feed melalui Google Reader.

Hotlinking: Juga dikenal dengan sebutan tautan inline dan pencuri bandwith, hotlinking merujuk pada praktek-praktek menggunakan obyek tertentu (seringkali berupa gambar) dari satu situs ke dalam situs yang lain. Meskipun praktek ini awalnya merupakan bagian dari desain besar dunia web, namun belakangan orang cenderung mengaitkannya dengan praktek penyalahgunaan. Ketika Anda melakukan hotlinking sebuah gambar yang ada di situs lain, misalnya, Anda telah "mencuri" bandwith situs tersebut dan kemungkinan besar juga telah melanggar hak ciptanya.

Linkbait: Segala macam konten (artikel, tools, kuis, video, gambar) yang dibuat dengan tujuan utama untuk menarik link ke situs yang bersangkutan. Kuantitas dan kualitas backlink adalah salah satu faktor dibalik sistem algoritma mesin pencari Google, itulah alasan mengapa orang sangat memperhatikannya. Bahkan ada pemasar online yang mengkhususkan diri menciptakan cara promosi linkbait.

Movable Type: Sofware blogging yang diciptakan oleh Six Apart. Pada tahun 2007 Movable Type menjadi layanan blogging gratis (dikeluarkan dibawah ketentuan GPL atau General Public License).

Meta Tags: Meta tags adalah kode-kode HTML yang ada di bagian halaman sebuah situs. Tidak seperti tag HTML yang lain, meta tags tidak muncul di halaman posting, sehingga kebanyakan pengunjung tidak pernah melihatnya. Meta tags yang berbeda memiliki fungsi yang berbeda, namun secara umum semuanya digunakan untuk memberikan informasi tambahan mengenai kondisi sebuah halaman situs kepada robot mesin pencari.

Niche: Dalam jargon dunia internet, niche merujuk kepada sebuah topik atau subyek tertentu. Kebanyakan situs mencakup satu atau lebih niche. Contoh-contoh niche misalnya adalah olahraga, gosip, humor dan keuangan. Beberapa niche dianggap lebih populer dan menguntungkan ketimbang yang lain.

Nofollow: Juga disebut sebagai tag nofollow, adalah sebuah tag yang disisipkan dalam kode link yang berfungsi untuk memerintahkan robot mesin pencari agar mereka tidak mengikuti link bersangkutan, dan karenanya tidak menganggapnya sebagai link yang sesungguhnya. Google dan mesin pencari yang lain merekomendasikan agar semua link berbayar menggunakan tag nofollow.

PageRank: Juga sering disebut Google PageRank, adalah sebuah sistem metrik yang digunakan oleh Google untuk menilai tingkat kepercayaan sebuah situs. Google PageRank memiliki nilai skala dari 0 hingga 10, dimana 10 adalah nilai tingkat kepercayaan tertinggi yang bisa Anda dapatkan. Terdapat algoritme yang rumit dibalik skala PageRank, namun faktor terpenting yang mempengaruhinya adalah jumlah dan kualitas backlink sebuah situs atau blog. Nilai PageRank (yang bisa dilihat menggunakan Google Toolbar) di-update setiap setiap tiga bulan sekali.

Page Views: Juga biasa disebut impresi. Setiap kali pengguna internet membuka sebuah halaman situs tertentu, satu page view akan dihitung. Seorang pengguna internet, misalnya, bisa mendapatkan sejumalh page views selama mengunjungi sebuah situs. Situs-situs populer bisa mendapatkan jutaan page views setiap bulannya.

PHP: Kependekan dari Programming Hypertext Processor, adalah sebuah bahasa pemrograman yang didesain untuk menciptakan halaman web yang bergerak. Banyak situs (misalnya Digg.com) dibangun menggunakan PHP, seperti halnya beberapa platform blog (misalnya WordPress). Jika Anda seorang blogger atau web master, ada kemungkinan besar Anda akan menggunakan PHP.

Pillar article: Sebuah istilah yang pertama kali diciptakan oleh Yaro Starak, untuk merujuk sebuah artikel panjang dan terstruktur, berisi informasi atau sumber rujukan yang bermanfaat, yang dipublikasikan di blog. Artikel pilar sangat penting untuk membangun otoritas dan menarik traffic pengunjung ke blog Anda. Kedua faktor diatas datang dari blogger yang lain yang mendapatkan manfaat dari artikel pilar dan menautkan link ke artikel pilar tersebut.

Ping: Sebuah tool jaringan komputer yang digunakan untuk menguji apakah sebuah komputer atau hosting bisa dibuka di internet. Dalam jargon dunia blogger dan web master, ping juga berarti tindakan mengirimkan pesan jaringan ke suatu server untuk menginformasikan bahwa Anda telah meng-update blog atau situs Anda. Setiap kali Anda mempublikasikan sebuah posting artikel baru, sebagai contoh, Anda bisa melakukan ping ke mesin pencari untuk memberitahukan update yang Anda lakukan.

Pingback: Sebuah tool jaringan yang digunakan untuk memberitahu sebuah situs ketika seseorang menautkan link atau merujuk kepada situs tersebut. Kebanyakan platform blog mencatat pingback secara otomatis. Artinya, manakala seseorang menautkan link ke suatu artikel yang Anda tulis, link-nya akan muncul di bagian komentar blog Anda.

Pligg: Sebuah sofware open source yang memungkinkan penggunanya untuk membuat situs social bookmarking di situsnya. Situs paling terkenal yang menggunakan sofware Pligg adalah Sphinn.com.

WordPress Plugin: Kode-kode khusus yang dibuat dengan tujuan untuk mengembangkan kemampuan sebuah software, dalam hal ini adalah WordPress. Terdapat ribuan plugin WordPress yang telah dibuat, dengan fungsi yang sangat beragam.

Pro Blogger: Sebutan untuk seorang blogger profesional yang mendapatkan penghasilan melalui blog dan hidup dari income yang ia terima dari aktivitas blogging.

RSS: Kependekan dari Really Simple Syndication. RSS adalah suatu format yang digunakan untuk mengirimkan informasi dari sebuah situs dan halaman situs yang di-update secara berkala. Sebuah dokumen RSS (yang disebut feed) berisi ringkasan ataupun keseluruhan konten dari sebuah situs. Keuntungan terbesar menggunakan RSS adalah memungkinkan pengunjung sebuah situs untuk tetap berhubungan dengan situs-situs favorit mereka tanpa harus mengunjunginya secara online. Manakala Anda berlangganan sebuah RSS Feed, secara otomatis Anda akan menerima updates konten situs bersangkutan apabila situs tersebut mempublikasikan konten baru.

Scraper: Seseorang yang menyalin konten dari sumber lain (baik situs ataupun blog) dan mempublikasikannya di blognya sendiri, dengan atau tanpa memberikan kredit link, dan tanpa meminta izin kepada penulis aslinya. Scraper bisa dilakukan secara manual ataupun otomatis dan biasanya menggunakan tool scraping RSS Feed. Scraper jelas-jelas merupakan pelanggaran hak cipta.

Splog: Blog yang hanya digunakan untuk mempublikasikan konten- konten spam. Splogs biasanya berisi teks yang dikopi dari sumber lain, dikombinasikan dengan link-link situs-situs obat-obatan terlarang, minuman keras dan judi.

SEO: Kependekan dari search engine optmization. SEO mencakup sejumlah aktivitas yang ditujukan untuk meningkatkan ranking sebuah situs di halaman hasil pencarian search engine (terutama Google). Ada dua jenis aktivitas yang dilakukan yaitu: optimisasi on-page, yakni mengoptimalkan penggunaan tag dan konten sebuah situs; dan optimisasi off-page, yakni mengoptimalkan faktor-faktor eksternal misalnya jumlah dan kualitas backlink, teknik-teknik promosi, dan lain-lain.

SERP: Kependekan dari search engine results page. Ketika Anda mencari sebuah kata kunci melalui Google search engine, Anda akan mendapatkan halaman 10 hasil pencarian yang sesuai dengan kata kunci yang Anda cari. Halaman itulah yang disebut SERP.

Social Bookmarking: Disebut juga social aggregators atau community bookmarking. Social Bookmarking adalah situs yang memungkinkan penggunanya untuk menemukan, mengirimkan, menyebarluaskan dan memberikan vote terhadap sebuah artikel dari internet. Situs social bookmarking paling populer adalah Digg.com, Reddit.com, StumbleUpon.com dan Del.icio.us.

Social Media: Sebuah istilah umum yang digunakan untuk mendefinisikan situs dan aplikasi web dimana terdapat unsur interaksi sosial didalamnya (dalam bentuk teks, gambar, suara, video atau gabungan dari semuanya). Contoh situs social media adalah blog, forum online, social network, Wikipedia dan lain-lain.

Social Networks: Dalam dunia internet, istilah ini merujuk kepada sejumlah situs dan aplikasi, dimana tujuannya adalah untuk memberi kesempatan penggunanya yang memiliki sebuah minat yang sama untuk saling berhubungan, berinteraksi dan berbagi. Contoh populer situs social network adalah MySpace.com dan LinkedIn.com.

StumbleUpon: Situs social bookmarking populer yang bertujuan memampukan para penggunanya untuk menemukan situs-situs baru dan menarik. StumbleUpon bekerja dengan menggunakan browser toolbar yang memungkinkan penggunanya untuk memberikan vote dan meng-klik tombol “Stumble!” yang akan menampilkan sejumlah situs atau halaman situs berdasarkan pilihan penggunanya dan apa yang di-vote oleh pengguna lain.

Subscriber: Pengunjung situs atau blog yang berlangganan RSS feed sebuah situs ataupun berlangganan melalui email. Manakala situs tersebut di-update dengan konten baru, pelanggan tersebut akan menerima konten melalui RSS Reader ataupun email. Para web master dan blogger sangat memperhatikan jumlah pelanggan RSS karena ia merepresentasikan jumlah pembaca setia dan traffic pengunjung yang konstan.

Tag: Hampir sama dengan kategori, tag digunakan untuk mengklasifikasikan sebuah artikel atupun konten dalam sebuah situs. Tag bersifat lebih fleksibel ketimbang kategori dan biasanya digunakan dengan cara yang lebih spesifik. Satu artikel atau posting biasanya diberikan satu kategori besar dan banyak tag di dalamnya.

Technorati: Layanan mesin pencari blog, yang memberikan informasi tracking blog, tautan link dan posting dari seluruh dunia. Sangat populer meskipun beberapa tahun belakangan mulai kehilangan perhatian. Salah satu fiturnya yang paling terkenal adalah daftar Technorati Top 100, yang memberikan ranking 100 blog terpopuler di dunia berdasarkan jumlah link dari blog lain.

Twitter: Sebuah layanan social networking dan microblogging yang kini sangat populer. Pengguna Twitter dapat "mengikuti" pengguna yang lain untuk mendapatkan updates berita terbaru dari mereka. Setiap update hanya boleh berisi 140 karakter, dengan atau tanpa hiperlink.

Text Link Ads: Suatu bentuk layanan periklanan online dimana si pemasang iklan membeli sebuah link di situs lain dengan teks yang ia pilih sendiri dan biasanya tanpa tag nofollow. Praktek ini sangat populer hingga kemudian Google mulai memberi penalti situs-situs yang menjual ataupun membeli teks link dengan tujuan untuk meningkatkan hasil pencarian search engine.

Trackback: Sebuah tool networking, hampir sama dengan pingback, yang digunakan untuk memberi informasi kepada sebuah situs ketika seseorang menautkan link ke situs tersebut.

Unique visitor: Unique visitor adalah jumlah pengunjung manusia yang masuk ke sebuah situs dalam jangka waktu tertentu, Katakanlah 3 orang mengunjungi sebuah blog pada hari yang sama, 2 orang mengunjunginya dua kali dan masing-masing membuka 5 halaman blog. Maka pada hari tersebut, blog ini memiliki 3 unique visitors, 5 total visitors, dan 15 page views.

Viral Content: Konten yang menyebar dengan sangat cepat di dunia internet, seperti halnya virus flu dalam kehidupan nyata. Kontennya sendiri bisa berupa artikel, gambar, atau video, namun harus sangat lucu, kontroversial atau sangat bermanfaat sehingga orang merasa perlu untuk menulis tentangnya. atau memberitahu temannya mengenai hal tersebut.

WordPress: Software blogging paling populer di dunia internet, diciptakan oleh sebuah perusahaan yang bernama Automattic. WordPress mendapatkan popularitas terutama karena dukungan komunitasnya yang sangat aktif. Ada ribuan orang yang menyediakan template gratis, plugin dan dukungan terhadap pengembangan proyek WordPress.

URL: Kependekan dari Uniform Resource Locator. URL mencakup nama domain dan protokol yang digunakan. Contoh URL adalah http://www.namadomain.com.

Viral Marketing: Sebuah teknik pemasaran untuk menyebarluaskan informasi dengan cepat menggunakan sarana email, blog dan kabar dari mulut ke mulut. Banyak situs sosial media dan situs sosial bookmarking juga dipergunakan sebagai sarana viral marketing.

XML: Kependekan dari Extensible Markup Language, yaitu sebuah format teks sederhana dan sangat fleksibel yang diturunkan dari SGML, dan digunakan untuk memudahkan sindikasi informasi dengan menggunakan teknologi RSS.

Sumber : blogguebo[dot]com

,

Event Lomba Blog siswa SMAGA

SMA Negeri 3 Banjarbaru mengadakan lomba blog dalam rangka memperingati hari Ulang Tahunnya yang ke-13. Berikut adalah peserta lomba blog :
No.Nama PesertaKelasAlamat Blog
1.Muhammad KhairaniXI IPS3Lihat
2.Marissa YusanaXII IPS2Lihat
3.Romi FirdhaniXI IPS2Lihat
4.Prasetya Eka NugrahaXII IPS3Lihat
5.Irhash MaulanaXI IPS4Lihat
6.Afitri SetyowatiXI IPA1Lihat
7.Prasetya Tresna JakaputraXII IPA3Lihat
8.Syahbirin NoorXII IPS4Lihat
9.Nur IfansyahXI IPA3Lihat
10.Chandra ChristianXBLihat
Masukkan kode berikut di gadged masing - masing :
<a href="http://www.smaga-banjarbaru.sch.id/" onmouseover="window.location=this.href" target="_blank"><img alt="SMA Negeri 3 Banjarbaru" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFsbGFWuZGUl9uRG4Rer44eDJZW4IJnpi3nksBydjesCH3gyq1AJL_fzDXpAj_hLAnQxaySqCGgSVNdpPWxy3zePSaQHXCcsJDVe9lM6nQgO_A6SAICETH-Zl9Tpk3zMtb_AgTrzAj4Tvq/s1600/lomba+blog.png" style="max-width:100%"/></a>

, ,

Cara Menambahkan Gadged pada Blogger Beserta Fungsinya



BASA YANG SUDAH BASI


Teknologi Informasi dan Komunikasi - Blogger sampai dengan saat ini masih sangat digemari oleh penggunanya disebabkan karena blogger memberikan kebebasan terhadap penggunanya untuk memodifikasi atau menambahkan "apapun" yang mereka inginkan, termasuk menambahkan Gadged pada blog baik yang disediakan oleh blogspot sendiri maupun yang dikembangkan oleh pihak lain.

Namun sebelum kita menambahkan gadget pada blog kita, alangkah baiknya kita mengenal dulu apa itu gadget?. Sebenarnya ada 2 macam pengertian gadget yakni gadget secara umum dan gadget yang ada pada blogger.
  1. Gadget secara umum adalah sebuah barang elektronik yang dirancang sedemikian rupa sehingga menjadikannya sebuah pengembangan/inovasi terbaru atau bisa juga dikatakan suatu penemuan terbaru yang sangat bermanfaat bagi pemakainya.
  2. Gadget yang ada pada blogger adalah sebuah fitur tambahan yang terdapat pada sidebar  berupa elemen yang berguna dan mudah digunakan oleh pengunjung maupun pemilik blog itu sendiri. Selain dengan tujuan - tujuan tertentu, widget juga dapat memperindah tampilan blog.
Langkah - langkah ini khusus membahas  penambahan elemen gadget pada template blogger baru, sedangkan  yang klasik kemungkinan dilain postingan. Sekarang langsung saja kalian ikuti step-by-stepnya dan jangan sampai terlewat.


LANGKAH - LANGKAH



Masuk ke Blogger dan login dengan account gmail kalian
Kalau sudah masuk, akan terdapat daftar blog yang kalian sudah buat.
Lalu klik pada bagian yang bertanda panah untuk masuk ke halaman admin blogger kalian (seperti pada gambar dibawah ini) 


 

Klik pada Tab Layout maka akan muncul layout blog keseluruhan

 

Klik Add a Gadget  



Maka akan muncul pilihan widget yang bisa dipergunakan, seperti gambar dibawah ini


Terakhir klik SAVE untuk menyimpan
Done!

KETERANGAN FUNGSI BEBERAPA GADGET :

1.Follower

Gadget ini Berfungsi untuk Menampilkan daftar pengguna yang mengikuti blog Anda, lalu apa kegunaan dari mengikuti suatu blog? Kegunaannya adalah si pengikut akan segera tahu apabila ada artikel terbaru yang terposting di blog yang ia ikut, dan ini akan langsung tampil di Dashbord si pengikut. Apabila anda menambahkan gadget ini ke blog anda, maka seperti inilah nanti tampilannya:




2. Kotak Penelusuran


Gatget ini berfungsi untuk menelusuri isi blog-blog, blogroll, atau apapun yang pernah Anda tauti ke dalam blog anda. Anda juga bisa mengatur Gatget penelusuran ini hanya untuk mencari isi yang berada di blog anda saja, hasilnya seperti dibawah ini:



3. HTML/ JavaScript.

Gadget ini berfungsi untuk menambahkan fungsional pihak ketiga atau kode lainnya ke blog Anda. Dengan gadget ini anda bisa menambahkan kode HTML/ script di blog anda. Kode script itu biasanya bermacam-macam, ada yang berupa kode script iklan, banner, dll. Seperti apakah kode script itu? Agar teman-teman lebih jelas seperti apakah kode script itu, teman-teman bisa memperhatikannya melalui contoh berikut ini:

<div style="text-align: center;"><a href="http://whos.amung.us/stats/gaaxkjwwh9sj/"><img src="http://whos.amung.us/cwidget/gaaxkjwwh9sj/ffffff000000.png" title="Click to see how many people are online" border="0" height="29" width="81" /></a></div>

Dan hasil dari kode di atas adalah:



dan kode di atas berfungsi untuk mengetahui orang yang sedang online di blog kita.

4. Teks.

Melalui gadget ini, anda bisa menambah kata-kata di blog anda, seperti: Selamat datang di blog kami, selamat membaca, jangan lupa meninggalkan komentar, dll. Anda juga bisa menulis beberapa puisi atau juga pantun. Selain itu anda bisa membuat tulisan yang diselipi dengan link (Hyper Link) di dalamnya, seperti dengan menggunakan kata-kata, "untuk membaca panduan merakit komputer silahkan untuk pergi ke halaman ini" (kata ini, anda selipi dengan suatu link), atau juga bisa anda selipi dengan alamat e-mail.


5. Gambar.

Melalui gadget ini teman-teman bisa menambah suatu gambar ke blog-nya teman-teman. Entah itu gambar dari komputer atau suatu web. Selain itu teman-teman juga bisa membuat link tujuan gambar tersebut, contohnya saja teman-teman memiliki posting tentang masjid atau tentang ka'bah, maka teman-teman bisa memasang gambar masjid atau ka'bah tersebut ke blognya teman-teman dengan link yang bertujuan ke postingan yang isinya tentang masjid dan ka'bah tadi.


6. tampilan Slide.


Dengan Gadget ini teman-teman bisa memunculkan tampilan slide di blognya teman-teman. Slide yang akan ditampilkan sudah disediakan oleh pihak blogger.com itu sendiri, jadi teman-teman tinggal mengaktifkannya. Sebelum mengaktifkan gadget ini, teman-teman juga bisa mengatur jenis tampilan slide-nya nanti seperti apa.


7. Baris Video.

Dengan gadget ini teman-teman bisa menambah video klip dari Youtube juga video Google, sehingga para pengunjung bisa menontonnya. Bagusnya lagi, para pengunjung tersebut dapat menonton video tadi tanpa harus meninggalkan halaman posting, anda juga bisa mensettingnya dengan menggunakan kotak keyword yang tersedia.


8. Polling.

Dengan gadget ini anda bisa melakukan survey terhadap para pengunjung. Apakah kegunaan dari survey tersebut? Dengan adanya survey tersebut anda akan mengetahui sampai di manakah daya tarik pembaca terhadap blog anda, sehingga anda bisa memantau kualitaf dari isi blog anda.

9. Daftar Blog.

Dengan gadget ini anda dapat menampilkan blog vaforit anda di blog anda. Anda cukup menulis link blog faforit anda, lalu klik tombol tambah. Dengan begitu anda juga akan mudah untuk pergi ke blog tersebut, tanpa harus menghafal alamat URL-nya atau mungkin dengan tujuan lain seperti sebagai referensi blog anda.

10. Daftar Link.

Gadget yang ini kegunaannya hampir sama dengan gadget di atas. Namun untuk gadget yang ini, yang muncul nantinya hanyalah link-nya saja. Namanya juga Daftar Link. Gadget ini dapat anda manfaatkan untuk tujuan tukar link, atau sebagai blog roll (link ke teman-teman blogger lainnya).

11. Daftar.

Dengan gadget ini, anda bisa menambah daftar buku kesukaan anda, film kesukaan anda, atau apapun yang memang anda rasa penting untuk didaftarkan ke blog anda.



12. Feed.

Dengan Gadget ini anda bisa menyisipi feed RSS atau Atom ke blog anda.




13. NewsReel.

Dengan gadget ini, secara otomatis menampilkan tajuk google news dari blog anda.




14. Label

Dengan gadget ini anda dapat menampilkan label/ kategori semua postingan yang ada di dalam blog anda. Lalu apakah kegunaan label/ kategori tersebut? Dengan adanya label/ kategori para pengunjung akan merasa lebih mudah dalam mencari artikel yang mereka butuhkan. Contohnya blog anda membahas tentang kesehatan. Sedangkan artikel anda banyak sekali yang membahas tentang kesehatan, dengan tersedianya gadget label ini, anda dapat mengkategorikan postingan anda, sehingga para pengunjung menjadi mudah untuk menemukan postingan-postingan yang mereka cari. Contoh label yang berkaitan dengan kesehatan: Kesehatan rongga mulut, kesehatan mata, dll.

15. Tautan Berlangganan

Gadget ini dapat anda gunakan untuk menampilkan fitur langganan. Sehingga Memudahkan para pembaca untuk berlangganan blog Anda lewat pembaca feed populer.


16. Logo

Anda bisa menampilkan logo blogger.com ke dalam blog anda melalui gadget ini.





17. Profil

Dengan Gadget ini, anda dapat menampilkan profil blogger anda di blog anda. Apa fungsi profil blogger? Biasanya digunakan sebagai tanda pengenalan, atau sebagai tanda bukti kepemilikan blog.

18. Arsip Blog

Anda dapat menampilkan arsip blog anda dengan menggunakan gadget ini. Apa itu arsip? Singkatnya, apabila anda menambahkan gadget ini ke dalam blog anda, maka anda dan para pengunjung blog anda dapat dapat melihat semua daftar postingan anda, atau biasanya beberapa blogger menamakan gadget ini sebagai daftar isi, karena memang manampilkan semua isi/ postingan di blog kita. Anda dapat men-setting tampilan arsip blog anda nantinya, seperti: ingin ditampilkan menurut bulanan, mingguan, atau harian. Selain itu juga, anda bisa menentukan style/ gaya, mau secara hirarki (tersusun), atau menu dropdown.


19. Header Halaman.

Umumnya gadget ini secara otomatis sudah ditambahkan ke dalam blog kita. Namun, bagi anda yang ingin memodifikasi/ mengatur ulang header blog anda, anda bisa menggunakan gadget ini. Seperti halnya anda ingin memodif header blog anda dengan menambahkan gambar di dalamnya (sebagai latar atau background). Agar lebih jelas apa itu header blog/ halaman, anda dapat melihatnya di blog ini, yaitu terletak di bagian paling atas di blog ini



PENUTUP


Bagaimana? mudah bukan. Saya yakin bahwa selama sesuatu itu dipelajari dengan baik maka pasti akan bisa. Sekarang saya cukupkan sampai disini dulu dan kita akan ketemu lagi dipostingan berikutnya yang tentu saja akan lebih menarik lagi.

Akhir kata, semoga bermanfaat dan sampai jumpa. Alhamdulillah.

Sumber : Dimana-mana

,

Cara Membuat Tabel Keren Dengan CSS dalam Postingan

Apakah saat ini anda ingin membuat sebuah tabel dalam postingan ??. Kalau jawabannya Ya, mungkin anda akan mencari bentuk tampilan tabel yang berbeda dari yang sering diposting blogger lainnya.

Nah berikut saya ingin membagikan 10 macam tabel yang cantik, elegan dan terlihat profesional dibandingkan yang lain. Bukannya merendahkan yang lain, karena pada prinsipnya adalah sama menggunakan kode HTML juga namun ditambah dengan kode CSS sebagai pelengkap make-up dari tabel kita kali ini.

Cara memasang kode CSS ikuti langkah dibawah ini :

  • 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


Blue Table Rounded Style


 
.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; }


Red Table Rounded Style


 
.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; }


Dark Table Rounded Style


 
.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; }


Magenta Table Rounded Style


 
.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; }


Orange Table Normal Style


 
.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; }


Yellow Table Normal Style


 
.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; }


Green Table Rounded Style


 
.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; }


Grey Table Normal Style


 
.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; }


Black White Table Rounded Style


 
.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; }


Red White Table Rounded Style


 
.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; }

Cara pemakaian :

Ketika akan membuat posting baru, pergunakan halaman HTML sebagai editor postingan anda (bukan Compose), mengetik seperti biasa kemudian kalau ingin membuat tabel copy-paste kode HTML dibawah ini.


<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 3</td><td>Row 3</td><td>Row 3</td></tr><tr><td >Row 4</td><td>Row 4</td><td>Row 4</td></tr>
</table></div>