Susan's Blog

Cara Mengedit dan Memasang Banner di Blogdetik

Salah satu syarat mengikuti kontes 30 Hari Nonstop Ngeblog bareng blog detik yaitu memasang banner di side bar. Nah, waktu aku mau pasang bannernya kan kurang pas tuh, untuk mengeditnya caranya seperti ini :

1.Copy kode script bannernya (Ctrl+C)

Kode Script:

2. Log in ke akun blog detik Anda → Halaman dasbor Anda

3. Paste (Ctrl+V) kode script banner tadi di kotak untuk menulis → isi kategori kontes → save draft

4. Klik Edit post

5. Klik Visual → Klik bannernya, tahan & seret ke kiri sesuaikan

6. Atau klik HTML → Ubah ukuran width dan height = 180 → save draft

7. Copy kode script nya sementara taruh di notepad/ word (Ctrl+C)

Kode Script:

8. Klik Appearance → Widget

9. Klik Tambah

10. Klik Sunting

11. Paste kode script tadi (Ctrl+V) → Selesai

12. Lihat hasilnya dengan mengklik Visit site

Ok, selamat berlomba ya...:)

Cara Membuat Akun Blogdetik

Moocen Susan | Minggu, Agustus 04, 2013 | BLOGDETIK | TUTORIAL 2 Comments so far

Sebentar lagi akan ada tantangan ngeblog selama 30 hari nonstop yang diadakan oleh blogdetik. Sehubungan dengan hal tersebut, bagi Anda yang ingin mengikuti kontes tersebut dan belum punya akun blogdetik, saya akan coba bantu buat tutorialnya berikut ini :

1. Buka http://blogdetik.com/wp-signup.php

2. Isi data yang diminta → next

3. Ketik Judul Blog Anda → SignUp

4. Buka email Anda. Cek inbox → Klik tulisan link dibawah ini untuk mengaktifkan akun blogdetik Anda

5. Buka http://blogdetik.com/
Masukan username dan password → Log in

6. Mulai menulis dengan klik halaman dasboard Anda

Selamat menulis dan berlomba ya...

Cara Memasang Banner Lomba Animasi Bergerak Tanpa Kode Script

Moocen Susan | Sabtu, Agustus 03, 2013 | TUTORIAL 16 Comments so far

Salah satu syarat mengikuti Lomba Blog adalah memasang banner penyelenggara lomba. Biasanya panitia menyediakan kode script HTML untuk memasang banner tersebut.

“Tapi, jika ada banner berbentuk animasi bergerak dan ternyata tidak ada kode scriptnya gimana dong?” (#Clingak-clinguk…help…help… xixixi…)

Tenang, jangan panic. Mau tau solusinya? Simak tutorial saya berikut ini:

1. Buka dulu web penyelenggara lomba, klik kiri tepat di bannernya → klik kanan (tahan) → Save Image As

2. Simpan di PC/komputer/ laptop Anda → ketik nama filenya → simpan

3. Log in ke www.blogger.com

4. Klik POS

5. Klik Entri baru

6. Klik icon insert image

7. Klik Pilih File → cari file banner tadi di dalam PC Anda

8. Klik File Bannernya → Open

9. Setelah terupload, klik Gambar Bannernya → Add selected

Nah, sampe disini aja sebenarnya udah bisa terpasang sih tapi di dalam postingan blog. Jika ingin memasangnya di side bar maka Anda harus mengambil langkah berikutnya:

10. Klik HTML

11. Muncul kode scriptnya kan? → blok semua kodenya (Ctrl+A) → copy kode (Ctrl+C)

12. Kembali ke dashboard blog → Klik TATA LETAK

13. Klik HTML/ Java Script

14. Paste kode tadi (Ctrl+V) ke dalam kotak tsb→simpan

15. Lihat Blog Anda

Taraaaa….jadi deh…selamat berlomba ya.. semoga berhasil! ^_^

Cara Memasang Banner GA Tanpa Kode Script

Moocen Susan | Kamis, Agustus 01, 2013 | TUTORIAL 33 Comments so far

Akhir-akhir ini banyak yang mengadakan kontes Give Away (GA) ya? Hehe, dan postingan ini saya buat untuk membantu ibu-ibu yang masih kesulitan untuk memasang Banner GA berupa gambar/ tanpa kode script HTML + diberi link yang mengarah ke penyelenggara Give Away tersebut.

Sebelumnya copy (Ctrl+C) dulu alamat link penyelenggara GA pada notepad Anda. Ok, simak caranya berikut ini :

1. Klik Gambar Banner GA-nya → klik kanan/drag → Save Image As

2. Ketik Nama File Banner tersebut → Save/simpan

3. Buka dashboard blog Anda → klik icon insert image

4. Klik Pilih File

5. Klik Gambar banner → Add Select

6. Beri tulisan di bawah gambar “Tulisan ini diikutsertakan dalam Give Away………….” → Blok kalimat tersebut → Klik icon LINK

7. Paste alamat link penyelenggara GA (Ctrl+V) → OK

Nah, jika ingin memasangnya di side bar blog, berikut ini caranya:

1. Log in ke www.blogger.com

2. Klik Tata Letak

3. Klik Tambah Gadget

4. Klik Gambar

5. Isi kolom Hubungkan dengan alamat link penyelenggara GA → Browse

6. Cari file gambar dari komputer Anda → Simpan

7. Lihat Blog

Selamat mengikuti kontes Give Away ya, semoga berhasil ^_^

Cara Membuat Buku Tamu dengan Cbox

Moocen Susan | Kamis, Agustus 01, 2013 | TUTORIAL 5 Comments so far

Berhubung postingan yang lalu tentang cara memasang buku tamu sederhana kurang menarik, jadi saya ganti dengan yang lebih oke, hehe..Baiklah, sekarang mari kita buat bersama cara memasang Cbox di blog :

1. Buka http://www.cbox.ws/

2. Klik ‘Get Your Own Free Cbox Now”

3. Isi data Anda dengan lengkap, beri tanda centang di kotak → Klik Create my Cbox

4. Setelah terdaftar, klik HOME → Isi Login Name → Password → Klik Tanda Panah (↓)

5. Klik Look & Feel → Layout Options

6. Ubah ukuran Width (lebar) dan Height (tinggi) Cbox sesuai keinginan Anda → Save → Get your new code

7. Blok dan copy kode scriptnya (Ctrl+A→Ctrl+C) ke dalam notepad/word

8. Log in ke www.blogger.com seperti biasa

9. Klik TATA LETAK

10. Klik Tambah Gadget

11. Klik HTML/ Java Script → Paste kode script tadi ke dalam kotak tsb (Ctrl+V)→ SIMPAN

12. Lihat Blog Anda

Jika Anda ingin menghemat tempat, maka Anda bisa menyembunyikan buku tamu tersebut. Lihat caranya disini.

Cara Menyembunyikan Buku Tamu di Blog

Moocen Susan | Kamis, Agustus 01, 2013 | TUTORIAL 2 Comments so far

Postingan ini adalah kelanjutan dari cara membuat buku tamu disini. Supaya tidak terlalu makan banyak tempat, maka sebaiknya buku tamu disembunyikan saja hehe..

Nah, gimana caranya tuh? Simak langkah-langkahnya berikut ini :

1. Copy kode script berikut ini : Buka dulu → Ctrl+C

Kode Script:

2. Ganti kata “MASUKKAN KODE CBOX DISINI” dengan kode script di atas, caranya paste kode tsb (tekan Ctrl+V)

3. Log in ke www.blogger.com seperti biasa