Sunday, 16 December 2012
Cara Membuat Tabel Cantik Postingan di Blog
21:55
Kali ini saya akan share tentang cara membuat tabel saat posting di Blogger seperti tabel yang dimiliki oleh Google Support. Membuat tabel keren ini menggunakan dua source kode, yaitu CSS dan HTML. Dimana kode CSS akan disisipkan pada template blogger, sedangkan kode HTML yang akan disisipkan pada postingan Blog kita. Kode CSS dan HTML ini murni saya dapatkan dari halaman Google Support. So, tanpa panjang lebar mari kita simak cara membuat tabel mirip tabel yang dimiliki oleh Google.com.
Tahap Pertama:
1. Login ke Blogger > Template > Edit HTML
2. Jangan lupa centang "Expand Template Widget"
3. Cari kode ]]></b:skin> lalu sisipkan kode CSS berikut ini tepat di atas ]]></b:skin>
Tahap kedua adalah saat anda membuat postingan Blogger yang akan menggunakan tabel, pastikan edit entri pada mode HTML bukan "Compose".
Untuk membuat tabelnya silahkan ikuti contoh kode di bawah ini
Catatan:
Tahap Pertama:
1. Login ke Blogger > Template > Edit HTML
2. Jangan lupa centang "Expand Template Widget"
3. Cari kode ]]></b:skin> lalu sisipkan kode CSS berikut ini tepat di atas ]]></b:skin>
<!-- Nice Table Tipnya.blogspot.com--> table th { padding-top: 7px; text-align: left; } .nice-table { border-collapse: collapse; border-spacing: 0; } .nice-table tr:first-child th { border-top: 0 none; } .nice-table th:first-child { border-left: 0 none; } .nice-table tr:first-child th:last-child { border-right-color: #5476FC; } .nice-table th { background-color: #5476FC; color: white; font-weight: bold; } .nice-table th, .nice-table td { border: 1px solid #EBEBEB; padding: 3px 10px; } .nice-table td { background-color: #E6E6E6; border-color: #E5E5E5 #CCCCCC #E5E5E5 #E5E5E5; color: #444444; } .nice-table td:last-child { border-right-color: #E5E5E5; } .nice-table tr:nth-of-type(2n) td { background-color: #FFFFFF; border-right-color: #E5E5E5; } .nice-table.spaced-table td, .nice-table.spaced-table th { padding: 10px; } .nice-table.wide { width: 95%; } .nice-table.narrow { width: 75%; } .nice-table.narrower { width: 50%; } .nice-table.narrowest { width: 35%; } <!-- Nice Table tipnya.blogspot.com-->4. Klik Simpan template Tahap Kedua:
Tahap kedua adalah saat anda membuat postingan Blogger yang akan menggunakan tabel, pastikan edit entri pada mode HTML bukan "Compose".
Untuk membuat tabelnya silahkan ikuti contoh kode di bawah ini
<table class="nice-table" style="width: 90%px;"><tbody> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> <th>Header 4</th> </tr> <tr> <td>kolom 1 baris 1</td> <td>kolom 2 baris 1</td> <td>kolom 3 baris 1</td> <td>kolom 4 baris 1</td> </tr> <tr> <td>kolom 1 baris 2</td> <td>kolom 2 baris 2</td> <td>kolom 3 baris 2</td> <td>kolom 4 baris 2</td> </tr> <tr> <td>kolom 1 baris 3</td> <td>kolom 2 baris 3</td> <td>kolom 3 baris 3</td> <td>kolom 4 baris 3</td> </tr> <tr> <td>kolom 1 baris 4</td> <td>kolom 2 baris 4</td> <td>kolom 3 baris 4</td> <td>kolom 4 baris 4</td> </tr> </tbody> </table>
| Header 1 | Header 2 | Header 3 | Header 4 |
|---|---|---|---|
| kolom 1 baris 1 | kolom 2 baris 1 | kolom 3 baris 1 | kolom 4 baris 1 |
| kolom 1 baris 2 | kolom 2 baris 2 | kolom 3 baris 2 | kolom 4 baris 2 |
| kolom 1 baris 3 | kolom 2 baris 3 | kolom 3 baris 3 | kolom 4 baris 3 |
| kolom 1 baris 4 | kolom 2 baris 4 | kolom 3 baris 4 | kolom 4 baris 4 |
Catatan:
- Jika ingin menambah atau mengurangi jumlah kolom dan baris, silahkan mengedit dengan memperhatikan kode <td> dan <tr>
- Disetiap kolom akan ada kode <td> dan </td>
- Disetiap baris akan ada kode <tr> dan </tr>
- "Tahap Pertama" cukup dilakukan sekali saja, dan "Tahap Kedua" dilakukan setiap membuat tabel
- Ada pertanyaan silahkan komentar.
AXIS BlackBerry® Paling Hemat. Mulai Dari Rp1000 per Hari
21:00
BLACKBERRY® AXIS TARIF BARU
AXIS BlackBerry® Paling Hemat. Mulai Dari Rp1000 per Hari!
Pilih paket BlackBerry® AXIS yang paling sesuai dengan kebutuhanmu.Basic | Basic+ | Fun | Pro |
| BBM Chat sepuasnya | BBM Chat sepuasnya | BBM Chat sepuasnya | BBM Chat sepuasnya |
- | 10 Alamat E-mail | BlackBerry® Mail | 10 Alamat E-mail |
- | - | Social Media | Social Media |
- | - | Browsing Unlimited | Browsing Unlimited |
- | - | - | Instant Messaging |
Klik di sini untuk melihat tarif baru untuk semua paket Blackberry.
Aktifkan paket BlackBerry® AXIS-mu, telpon *123*5# sekarang!
Atau kirim SMS ke 123 dengan format:
Harian
Harian
Basic: REG(spasi)BBBASICHARI
Basic+: REG(spasi)BBBASICPLUSHARI
Fun: REG(spasi)BBFUNHARI
Pro: REG(spasi)BBPROHARI
Mingguan
Basic: REG(spasi)BBBASICMINGGU
Basic+: REG(spasi)BBBASICPLUSMINGGU
Fun: REG(spasi)BBFUNMINGGU
Pro: REG(spasi)BBPROMINGGU
Bulanan
Basic: REG(spasi)BBBASICBULAN
Basic+: REG(spasi)BBBASICPLUSBULAN
Fun: REG(spasi)BBFUNPROMO
Pro: REG(spasi)BBPROBULAN
- Tarif sudah termasuk PPN 10%
- Tarif berlaku untuk semua pelanggan AXIS
- BBM Chat yang termasuk dalam paket BlackBerry® AXIS adalah BlackBerry® Messenger Service
- Instant Messaging yang termasuk dalam paket BlackBerry® AXIS adalah Yahoo! Messenger (Y!M), Gtalk, dan MSN
- Gratis internet dapat digunakan untuk mengakses konten streaming, dan aplikasi 3rd party
- Gratis nelpon dan SMS tidak berlaku untuk penggunaan:
- Telpon Internasional dan Premium
- SMS Internasional dan Premium
- Promo BlackBerry® Fun Bulanan dengan tarif Rp30.000:
- Berlaku untuk aktivasi mulai tanggal 22 November – 31 Desember 2012
- Akan diperpanjang secara otomatis setiap bulan sampai 31 Desember 2013 selama pulsa kamu mencukupi
- Per tanggal 1 Januari 2013, jika perpanjangan otomatis tidak berhasil, maka layanan akan dinon-aktifkan dan kamu akan dikenakan tarif normal sebesar Rp44.900/bulan untuk berlangganan BlackBerry® Fun Bulanan lagi
Thursday, 13 December 2012
2013 Beginner Run Group!
10:14
Wednesday, 5 December 2012
Santa Pursuit
07:38
Health and Performance finished off the 2012 season with the inaugural Santa Pursuit 5K put on by the Waterloo Running Series.
The event was a huge success for everybody who ran.
Click here for full results from the race.
Click here for a full race recap.
The team had a great time, and actually produced some pretty impressive results along the way. Here are our favourite pictures of some of our runners in action!
The event was a huge success for everybody who ran.
Click here for full results from the race.
Click here for a full race recap.
The team had a great time, and actually produced some pretty impressive results along the way. Here are our favourite pictures of some of our runners in action!
![]() |
| The Start |
![]() |
| Coach Sean within the 1st km |
![]() |
| Sue bringing it in with the little one! |
![]() |
| Mailman with a strong finish |
![]() |
| Mark, John and Amy with post-race food |
![]() |
| Mailman accepting his AG award |
![]() |
| This little guy is not part of our team, but I think we all can agree he should be |
![]() |
| Coach Gill leading a pack of runners away from the start |
![]() |
| Some of the team post-race |
![]() |
| Amy hammering into the finish |
![]() |
| Coach Gill with her second place overall medal |
![]() |
| Mike and Megan finishing strong |
![]() |
| Jerry with a strong finish- bonus point for keeping the beard on |
![]() |
| The H+P is always there... |
![]() |
| Lori finishing strong |
![]() |
| No pain, no gain |
![]() |
| See you next year folks!!! |
Monday, 19 November 2012
Cara Membuat Recent Comment Di blog
06:22

Recent Comment adalah untuk memudahkan melihat komentar pada postingan/artikel blog, tanpa melihat satu per satu postingan/artikel kita, dengan recent comment ini bisa memudahkan kita untuk bisa mengetahui apakah ada komentar pada postingan/artikehttp://www.blogger.com/img/blank.gifl yang sudah kita buat, untuk membuat recent comment sangat mudah, ikuti langkah-langkah berikut ini :
1. Login ke Blogger
2. Kemudian klik Tata Letak lalu Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode dibawah ini :
<div style="border: 1px solid rgb(204, 204, 204); margin: 10px 0pt 0pt; padding: 8px; overflow: auto; width: 250px; height: 300px;">
<script style="text/javascript" src="http://amen24.googlepages.com/showrecentcomments.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script>
<script src="http://tipnya.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></div>
6. Kemudian simpan selesai deh...
7. Silahkan lihat contoh Cara Membuat Recent Comment Di blog dibawah ini:
Note : Text warna Merah untuk mengatur panjang dan lebar yang anda inginkan, Angka 5 (hijau) adalah Jumlah komentar yang ingin di tampilkan, Url yang warna Biru, ganti dengan url blog kamu.
Terimakasih sudah mampir di blog ini. salam tipnya ngeblog aja
Wednesday, 14 November 2012
Cara copy artikel yang diproteksi dan Tidak Bisa Dicopy
07:02
Ketika anda menemukan artikel yang anda cari di blog atau website, dan anda perlu untuk mengcopynya namun tidak bisa karena halamannya diproteksi, misalnya artikelnya tidak bisa dihighlight (diseleksi), atau tidak bisa diklik kanan, sehingga anda tidak bisa mengcopynya.
Umumnya proteksi tersebut menggunakan javascript, jadi untuk membuka proteksi tersebut yang kita lakukan adalah mendisable / mematikan javascript pada browsernya.
Berikut ini cara mendisable / menonaktifkan / mematikan javascript untuk browser Google Chrome, Mozilla Firefox
(Setelah Javacript dimatikan, refresh kembali halaman web atau blog yang diproteksi tadi).
Disable JavaScript pada Google Chrome
• Klik pada menu setting (logo tool di sebelah kanan halaman)
• Kemudian klik Options
• Pilih Tab Content
• Lepaskan tanda Centang pada Enable JavaScript
Umumnya proteksi tersebut menggunakan javascript, jadi untuk membuka proteksi tersebut yang kita lakukan adalah mendisable / mematikan javascript pada browsernya.
Berikut ini cara mendisable / menonaktifkan / mematikan javascript untuk browser Google Chrome, Mozilla Firefox
(Setelah Javacript dimatikan, refresh kembali halaman web atau blog yang diproteksi tadi).
Disable JavaScript pada Google Chrome
• Klik pada menu setting (logo tool di sebelah kanan halaman)
• Kemudian klik Options
• Pilih menu Under the Hood
• Klik pada Content settings
• Pada JavaSript, pilih Do not allow any site to run JavaScript
Disable Javascript pada Mozilla Firefox
• Masuk ke Menu Options
• Pilih Tab Content
• Lepaskan tanda Centang pada Enable JavaScript
• Klik OK
Tuesday, 30 October 2012
H+P Spin Training Starting SOON
10:47
Health and Performance is offering a high-intensity spin training plan that will push your limits, build a solid cycling base, and ensure you are ready to hammer when the snow finally melts.
![]() |
| Coach Sean competing in Nancy, France |
This program is lead BY cyclists FOR cyclists. This is not an aerobics class. While you will burn calories, more importantly, you will walk away from this program a better cyclist.
If you are interested in registering, e-mail seandelanghe@gmail.com
DETAILS
Price:
Wednesdays and Sundays: 11 sessions ($50)
Wednesdays ONLY: 7 sessions ($40)
Sundays ONLY: 4 sessions ($20)
Training Dates:
WEDNESDAYS (7:15am)
November 7th
November 14th
November 21st
November 28th
December 5th
December 12th
December 19th
SUNDAYS (1:30pm)
November 4th
November 18th
December 2nd
December 16th
Training Location: Columbia Lake Health Club, 40 Hagey Blvd, Waterloo Ontario, N2L 6R6
Subscribe to:
Posts (Atom)

























