Jumat, 19 Oktober 2012

Cara Membuat Gambar Berjalan di Bawah Blog

| |
0 komentar
Cara mudah membuat gambar berjalan di bawah blog adalah tutorial kali ini. Setelah membahas tentang cara membuat teks berjalan sekarang kita akan membuat gambar berjalan di bawah blog. Untuk contoh gambar-gambarnya saya sudah menyiapkan di bawah. Jika ingin lebih kreatif silahkan membuat atau mencari gambar sendiri.

Cara Membuat Gambar Berjalan di Bawah Blog:
1. Login ke Blogger -> Template -> Edit HTML
2. Cari kode ]]></b:skin>
3. Simpan kode berikut ini di atas kode ]]></b:skin>
#running_img {
position:fixed; bottom:0px; right:0px; clip:inherit; width:100%;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth); } 
4.Kemudian cari kode </body> dan pasang kode di bawah ini tepat di atas kode </body>
<div id='running_img' width='100%'><marquee onmouseover='this.stop()' onmouseout='this.start()' align='center' direction='left' scrollamount='5'><img src='URL GAMBAR'/></marquee></div>
Ganti URL GAMBAR dengan link gambar anda misalnya https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWm8GLCXfLoCzMHENb95qSc7xtvDRQcuIBQBsww6pDVEikY0fQC8u-nu3X6BehxATvmRpWcmvfMcMEmBcgG3NTXQNui4tKvB06bb3PdAvXS_y4layUNeyE7Gg_Hu891Kep_XCYt57074I/s1600/Walk1.gif
5. Simpan Template dan lihat hasilnya.

Keterangan:
  • Direction='left' adalah arah gambar berjalan ke kiri. Jika ingin gambar berjalan ke kanan, ganti left dengan right
  • Scrollamount adalah tingkat kecepatan gambar berjalan, semakin besar nilai scrollamount maka semakin laju gambar berjalan
Berikut saya sertakan contoh gambar

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv7lXDXeEIpzTJiklz6HzIQyfEOGllUDO_Ku4sWNOjMF-ZCJp2K_Oag01zArDQVpiDSGuw1Re3DITAVRYFtJOfxWctXZbl5NjDm-l6mroWj8X9fuO7bpuTruGzv4sREyvVYW5b8XcuQUI/s1600/cooltext799652167.png

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4O_e1E7DQ_CjH1Yvlji7schya1RyuJFZUII4mWsvP1fAL6jw73EvfFM_SoAzjV-8nESqUUvEE_9H1Hyo2BkKxvVkvi53hwdGaAAaiJwZWRaa14Gj2_dVRHvsPKxKr2qeBop-v93e_VH0/s1600/Run.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIN6oCKdRiCgn-puwCogARCHllw4SAKOh7WDscLwuo69sMp43unH7Dubg2viRhVCOGEv2jWBmnSNj82QSb5zZGD39DtqeAhezH7pb-RrHBXBZNgvndn1aFRbKf7mgoDFHLkMH_Oq5oI3g/s1600/Run2.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWm8GLCXfLoCzMHENb95qSc7xtvDRQcuIBQBsww6pDVEikY0fQC8u-nu3X6BehxATvmRpWcmvfMcMEmBcgG3NTXQNui4tKvB06bb3PdAvXS_y4layUNeyE7Gg_Hu891Kep_XCYt57074I/s1600/Walk1.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgWQr6fJdIP7ietf-2vOWUmFAOvdiqTVYxr5-kNNR1ZnVVa1A-yET0PpFChK3Lc42gfPWe-VQZCcsZW6XILXMXKGj_RIjLIuR59ztpUV2MOT4By7GUsUHWZN9_5hBIMpKx2EGG4aYvVHs/s1600/Walk2.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijevXJE_G-kaJzDVXB_EmcfL5YR5q9c8f-2_uX1NitDslrWdAGep3I7AL6KPtO9bkfe0XiI0-h0Uek_-UEIe8EskyerQIWbVPYItUpv9w44SbfK5u02NWKuqn5m3iZPOoNenhhGRGnsB0/s1600/Walk3.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKPCzz5URLdO8nNiwQXbTQEswvTCaEXPLMFm5Koz_dHwqVIsqBVgRfJEoTfH_BQzkqh51_VqRT9TpZhf04tacxSJaG-eYuJetmC7FIWea6uWxHnlfFUHysBhYUm2gWM8zcOvYs7GRAs-c/s1600/Fly.gif
Read More

Minggu, 14 Oktober 2012

Cara Membuat Tabel Keren Seperti Tabel Google

| |
0 komentar
Cara Membuat Tabel Seperti Tabel Google
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>
<!-- 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.
Untuk yang ingin Copas, mohon link sumbernya :D
Read More

Rabu, 10 Oktober 2012

Kami tidak dapat memverifikasi otoritas Anda untuk domain ini. Kesalahan 13

| |
0 komentar
Kami tidak dapat memverifikasi otoritas Anda untuk domain ini. Kesalahan 13
Jika anda menemukan pesan error saat custom domain Blogspot seperti di bawah ini:

Kami tidak dapat memverifikasi otoritas Anda untuk domain ini. Kesalahan 13
atau
Kami tidak dapat memverifikasi otoritas Anda untuk domain ini. Kesalahan 12
atau
kami tidak dapat memverifikasi otoritas anda untuk domain ini. kesalahan 32
atau
Kami tidak dapat menentukan www.NamaDomainAnda.com. Mungkin dibutuhkan waktu hingga 24 jam agar domain baru mulai berfungsi. Coba lagi nanti.
atau
We have not been able to verify your authority to this domain. Error 13.
atau
We have not been able to verify your authority to this domain. Error 12.

Itu adalah kesalahan verifikasi Domain pada pengaturan DNS setting di situs web tempat anda mendaftarkan domain anda.
Untuk mengatasi masalah ini silahkan baca: Custom Domain Blogspot Terbaru
Read More

Senin, 08 Oktober 2012

Cara Membuat Email Dengan Domain Sendiri Tanpa Hosting

| |
0 komentar
Memiliki email dengan domain sendiri atau email custom domain menjadi nilai plus bagi keprofesionalan blog kita, apalagi jika membangun situs e-commerce adalah hal yang wajib dilakukan untuk meningkatkan profesionalitas kepada pelanggan atau pengunjung blog kita. email custom domain yang dimaksud memiliki fitur yang sama dengan gmail gratisan milik Googgle. Hanya saja lebih istimewa karena dibelakang username terdapat nama domain kita sendiri, contohnya admin@mainbom.com atau info@mainbom.com untuk nama domain mainbom.com yang saya miliki.

Syarat mutlak untuk membuat email custom domain adalah memiliki domain berbayar atau Top Level Domain (TLD) seperti .com .net .info .web.id atau yang sejenisnya. Dan memiliki akun Google Apps. Disini saya akan menjabarkan secara terperinci tentang cara membuat email dengan nama domain sendiri atau email custom domain tanpa harus menyewa atau memiliki sebuah web hosting dengan memanfaatkan Google Apps.

Langkah-langkah membuat email custom domain:
  • Membuat akun Google Apps
  • Verifikasi Kepemilikan Domain
  • Menambahkan Pengguna di Google Apps (Opsional)
  • Mengarahkan Email ke Server Google Apps

Membuat Akun Google Apps

Untuk membuat akun Google Apps baca: Cara Membuat Akun Google Apps. Jika anda sudah memiliki akun Google Apps dan telah memverifikasi kepemilikan domain, anda akan memiliki Cpanel Google Apps dengan alamat login seperti ini: www.google.com/a/nama-domain.com
Ganti nama-domain.com dengan nama domain anda.

Menambahkan Pengguna di Google Apps

Menambah pengguna pada Google Apps boleh dilakukan boleh juga tidak. Namun jika anda ingin membuat pengguna baru, klik "Buat pengguna baru"

Email Custom Domain

Mengarahkan Email ke Server Google Apps

Untuk mengarahkan email ke server Google, anda harus menambahkan MX Record di pengaturan DNS Record pada situs web tempat anda mendaftarkan domain Seperti GoDaddy, Intuit, Name.com, Domain.com atau yang lainnya.

Cara menambahkan MX Record di pengaturan DNS:
1. Login ke situs web yang mendaftarkan nama domain Anda.
2. Cari pengaturan DNS Record (DNS Settings) dan klik edit.
3. Tambahkan lima MX Record seperti tabel berikut:

Name/Host/Alias Time to Live (TTL) Record Type Priority Value/Answer/Destination
Kosongkan atau @ 300 MX 1ASPMX.L.GOOGLE.COM
Kosongkan atau @ 300 MX 5 ALT1.ASPMX.L.GOOGLE.COM
Kosongkan atau @ 300 MX 5 ALT2.ASPMX.L.GOOGLE.COM
Kosongkan atau @ 300 MX 10 ASPMX2.GOOGLEMAIL.COM
Kosongkan atau @ 300 MX 10 ASPMX3.GOOGLEMAIL.COM
4. Simpan pengaturan

Selamat, Email dengan nama domain anda sendiri sudah jadi dan siap digunakan untuk mengirim dan menerima Email.
Untuk mengakses Cpanel Google Apps dengan URL: www.google.com/a/domainanda.com
Nb: Ganti domainanda.com dengan nama domain anda sendiri

Membuat Email Dengan Domain Sendiri

Untuk membuka Email login ke: mail.google.com atau gmail.com menggunakan Email Google Apps. Contoh admin@mainbom.com

Membuat Email Dengan Domain Sendiri

Read More

Minggu, 07 Oktober 2012

Cara Membuat Akun Google Apps Untuk Domain

| |
0 komentar
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

Cara Membuat Akun Google Apps Untuk Domain

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.

cara daftar google apps

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"

Email Google Apps

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

Cara Membuat Akun Google Apps Untuk Domain

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

Cara Membuat Akun Google Apps Untuk Domain
Cara Membuat Akun Google Apps Untuk Domain

9. Pada halaman verifikasi pilih Metode Alternatif

Cara Verifikasi Kepemilikan Domain

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.

Verifikasi Akun Google Apps Untuk Domain

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
Lanjut ke: Cara Membuat Email Dengan Domain Sendiri
Read More

Rabu, 03 Oktober 2012

Cara Ganti Domain Blogspot Ke Domain Sendiri / Custom Domain untuk Blogspot Blogger Terbaru

| |
0 komentar
Mengganti domain Blogspot ke domain sendiri atau custom nama domain pada blogspot telah mengalami perubahan, yaitu kita diharuskan untuk memverifikasi otoritas (kepemilikan) nama domain dengan menggunakan kode khusus (Token)yang diberikan oleh Blogger. Jika Anda membeli nama domain melalui Blogger, tidak ada masalah dalam pengaturan itu karena Blogger secara otomatis mengkonfigurasi CNAME. Namun jika Anda membeli nama domain secara terpisah, Anda harus secara manual mengkonfigurasinya. Pada posting kali ini saya akan menjelaskan kepada Anda bagaimana cara seting custom nama domain di Blogger.com.

Untuk custom domain pada blogspot, Anda harus mengikuti 3 langkah utama, yaitu:
1. Menambahkan custom domain di Blogger
2. Mengubah pengaturan DNS (Domain Name System)
3. Update Pengaturan Blogger

Langkah 1: Menambahkan custom domain di Blogger
1. Login ke Blogger.com
2. Pilih blog yang akan menggunakan nama domain baru
3. Pergi ke Setelan > Dasar
4. Pada bagian "Penerbitan" klik "Tambahkan domain khusus"
5. Sekarang pada bagian "Setelan lanjutan" ketik URL nama domain baru Anda menggunakan awalan "www"
6. Klik "Simpan". Kemudian blogger akan menampilkan error ini "Kami tidak dapat memverifikasi otoritas Anda untuk domain ini. Kesalahan 13." atau "We have not been able to verify your authority to this domain. Error 13. Please follow the settings instructions."

Kami tidak dapat memverifikasi otoritas Anda untuk domain ini. Kesalahan 13.

7. Perhatikan dua kode yang disorot pada gambar di atas. Itu adalah Token kepemilikan domain Anda yang nantinya akan digunakan untuk verifikasi kepemilikan domain.

Langkah 2: Mengubah pengaturan DNS (Domain Name System)
1. Login ke situs web yang mendaftarkan nama domain Anda.
2. Cari pengaturan DNS Record (DNS Settings) dan klik edit.
3. Tambahkan dua CNAME berikut:
CNAME Pertama:
Untuk Host Name, Name, Label atau Host, masukkan "www" tanpa tanda kutip dan
Untuk Address, Destination, Target atau Points, masukkan "ghs.google.com" tanpa tanda kutip.
CNAME Kedua (sebagai verifikasi kepemilikan domain):
Untuk Host Name, Name, Label atau Host, masukkan token kode 1 yg muncul pada halaman error tadi, contoh: "WPBSRNQD7FGO"
Untuk Address, Destination, Target atau Points, masukkan token kode 2, contoh: "gv-HXCJAL6AOE43C6T5LSUVVUN5TUYN5JG7674HPLWO5MKBSVHQTZXA.domainverify.googlehosted.com"
4. Sekarang tambahkan A-records. jika anda sudah memiliki A-Record, silahkan di edit saja. Jika A-Record belum ada, silahkan tambahkan 4 alamat IP yang mengarah ke Google berikut ini:
216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21
Untuk "Host Name" masukan nama domain Anda tanpa "www" atau dikosongin aja. Contohnya: example.com. Dan hasilnya seperti gambar di bawah

Cara Custom Domain Blogspot Terbaru

5. Simpan pengaturan dan tunggu beberapa menit untuk pembaharuan semua pengaturan domain Anda.

Langkah 3: Update Pengaturan Blogger
Langkah terakhir adalah setting di pengaturan blogger Anda.
1. Login ke Blogger
2. Klik Blog Anda
3. Klik Setelan => Tambahkan domain khusus


Cara Setting Domain untuk Blogger

4. Klik Alihkan ke setelan lanjutan

Custom domain blogger

5. Isi Nama domain Anda dengan awalan "www" lalu Simpan

Cara Setting Domain Blogger

6. Setelah itu klik Edit

We have not been able to verify your authority to this domain. Error 13. Please follow the settings instructions

7. Centang Alihkan domainanda.com ke www.domainanda.com dan Simpan

Cara Ganti Domain Blogspot Ke Domain Sendiri / Custom Domain untuk Blogspot Blogger Terbaru

8. Selesai. Jika masih menampilkan pesan error "Kami tidak dapat memverifikasi otoritas....", tunggu beberapa jam, kemudian ulangi lagi menambahkan nama domain Anda pada pengaturan Blogger.

Sekarang blog Anda sudah menjadi Top Level Domain. Semoga bermanfaat.
Read More

Labels

Tips n Trick (41) tutorial blog (37) Software (20) Tips Blogging (20) RF PrivateServer (17) tutorial (17) Information (14) Tips Blog (14) tips (14) Blogger (13) blog (12) Free Domain (10) Wordpress (10) Games (8) facebook (8) tools (6) tutorial facebook (6) About SEO (5) Movie (5) Skin RF Online (5) media sosial (5) Operation System (4) Webdesign (4) iklan (4) komentar (4) news (4) video (4) custom domain (3) internet tools (3) script (3) youtube (3) Google Apps (2) back to top (2) custom domain 2012 (2) domain (2) domain gratis (2) emoticon (2) facebook chat (2) hacking (2) internet (2) intuit (2) photoshop (2) science (2) time line (2) widget (2) Block Quote (1) CPM (1) Google Drive (1) Lirik Lagu (1) Popads (1) Sail Komodo 2013 (1) Winrar (1) Wisata Indonesia (1) adsense (1) alternatif adsense (1) animal (1) anti copas (1) aplikasi portable (1) backup template (1) berita nasional (1) chat (1) cinta Indonesia (1) convert (1) custom (1) data backup (1) dofollow (1) domain.com (1) event Indonesia (1) feedburner (1) feedburner. subscribe (1) form contact us (1) foto (1) gambar berjalan (1) google insight (1) google plus (1) hosting (1) hosting gratis (1) lebaran (1) marquee text (1) media player (1) musik (1) next page (1) nofollow (1) open source (1) pasang lagu (1) pesawat (1) pilkada (1) pramugari (1) search (1) seo (1) shukoi (1) simbol (1) tabel (1) tampilan blogger baru (1) teks berjalan (1) template (1) tombol like (1) top ranking 1 google (1) top ranking di halaman 1 Google (1) twitter (1) unfriend (1) upload template (1)

attribut