Custom Domain Google Apps Solusi Hemat Bloger

Description: Custom Domain Google Apps Solusi Hemat Bloger Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Custom Domain Google Apps Solusi Hemat Bloger

Google Appliance as shown at RSA Expo 2008 in San Francisco. It was only a computer case with no parts inside.-Daniel A (Photo credit: Wikipedia)

Custom Domain Google Apps Solusi Hemat Bloger. Google Apps adalah sebuah program gratis oleh Google yang sangat berguna untuk memenuhi kebutuhan bisnis online bagi pemilik blog atau situs web seperti membuat email gratis dan direct domain. Di bawah ini akan dijelaskan tentang cara membuat akun Google Apps untuk Domain anda.

Cara membuat akun Google Apps:
1. Silahkan menuju halaman pendaftaran Google Apps
2. Ketik nama domain anda kemudian klik Kirim
3. Masukkan Username dan Password untuk login ke Google Apps. Username nantinya akan menjadi alamat email dan akun administrator yang memiliki kuasa penuh untuk mengatur semua pengguna pada akun Google App anda.
4. Silahkan lengkapi data-data yang diperlukan. Jangan lupa menambahkan alamat email alternatif yang akan berguna jika suatu saat anda lupa password Google Apps.

5. Centang "Aktifkan layanan gratis baru bagi para pengguna saya secara otomatis ketika layanan tersebut tersedia"

6. Klik "Saya setuju buat akun"

7. Di bawah ini adalah tampilan saat pertama kali Akun Google Apps anda di aktifkan. Klik "Pakai Ekspres" untuk melanjutkan

8. Selanjutnya anda akan diarahkan pada halaman verifikasi kepemilikan domain.

9. Pada halaman verifikasi pilih Metode Alternatif

10. Centang "Tag HTML" dan Salin meta tag yang ada
11. Masuk ke Blogger > Template > Edit HTML > Cari kode body dan paste kode meta tag yang muncul tadi tepat diatas kode body lalu klik "Simpan template"
12. Kembali ke halaman verifikasi lalu klik VERIFIKASI
13. Klik "Lanjutkan" untuk masuk ke akun Googgle Apps anda yang baru.

Sampai disini Akun Google Apps anda sudah jadi. Untuk login ke cpanel Google Apps, ganti DomainAnda.com dengan nama domain anda pada link di bawah ini:

https://www.google.com/a/DomainAnda.com

Related articles

• Google Maps App is Lost in China, Loses Half Market Share in Q3 [CHART]
• Research:Wikipedia Editor Survey August 2012/Questions/id
• Google feels Apple is reluctant to allow Google Maps for iOS
• Google search app updated

Rating: 4.5 Reviewer: Mr. Sumawan

Trik SEO | Tombol Next Page

Description: Trik SEO | Tombol Next Page Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Tombol Next Page

Lovely Cari (Photo credit: trixieskips)

Trik SEO | Tombol Next Page. Sebagian template pada blog tidak memiliki tombol next page, yang mana tombol ini berfungsi buat mengarahkan para pengunjung untuk melihat halaman demi halaman yang berada pada blog kita berdasarkan angka yang tertera dalam tombol tersebut. Untuk anda yang belum memiliki tombol next page di blognya silahkan menyimak tutorial ini, sedangkan anda yang sudah memiliki tombol next page tersebut, abaikan saja tutorial ini. (hehehehe..)
Hasil dari tombol next page akan terlihat seperti gambar di bawah ini.

Cara Membuat Tombol Next Page:
1. Login ke Dasbor Anda ---> Edit HTML
2. Centang Expand Template Widget
3. Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.
4. Cari kode: ]]></b:skin>
5. Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>

.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc; margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#E56400;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none; background-color:#E56400;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333;}

6. Kemudian cari kode </body>
7. Copy kode yang ada dibawah ini kemudian paste di atas </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>

8. Save Template Anda, selesai.

Silahkan anda mencobanya, semoga bermanfaat.

Rating: 4.5 Reviewer: Mr. Sumawan

Trik SEO | Tabel Keren Untuk Blogger - Pretty Table

Description: Trik SEO | Tabel Keren Untuk Blogger - Pretty Table Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Tabel Keren Untuk Blogger - Pretty Table

Trik SEO | Tabel Keren Untuk Blogger - Pretty Table. Cara 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.

HTML Table Sample with collapse, border-width, etc tags/parameters/properties, rendered by Trident (/Internet Explorer) engine (/web-browser). (Photo credit: Wikipedia)

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 Mainbom.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: #5C6785;
}
.nice-table th {
    background-color: #5C6785;
    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 Mainbom.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" width="100%" ><tbody>
<tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr>
<tr> <td>kolom 1 baris 1</td> <td>kolom 2 baris 1</td> <td>kolom 3 baris 1</td> </tr>
<tr> <td>kolom 1 baris 2</td> <td>kolom 2 baris 2</td> <td>kolom 3 baris 2</td> </tr>
<tr> <td>kolom 1 baris 3</td> <td>kolom 2 baris 3</td> <td>kolom 3 baris 3</td> </tr>
<tr> <td>kolom 1 baris 4</td> <td>kolom 2 baris 4</td> <td>kolom 3 baris 4</td> </tr>
</tbody> </table>

Ini adalah contoh tabel dengan 3 kolom dan 4 baris

Header 1	Header 2	Header 3
kolom 1 baris 1	kolom 2 baris 1	kolom 3 baris 1
kolom 1 baris 2	kolom 2 baris 2	kolom 3 baris 2
kolom 1 baris 3	kolom 2 baris 3	kolom 3 baris 3
kolom 1 baris 4	kolom 2 baris 4	kolom 3 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.

Rating: 4.5 Reviewer: Mr. Sumawan