Sabtu, 07 Desember 2013
Editing Template Dengan Memanfaatkan Inspect Elements Google Chrome
Nah, untuk mengatasi masalah tersebut kamu bisa memanfaatkan browser Google Chrome. Dengan browser ini kita bisa mengetahui letak, warna, margin, padding, dll. dari elemen yang kita periksa. Dengan informasi mengenai elemen-elemen tersebut akan memudahkan kita dalam melakukan perubahan-perubahan tata letak sesuai dengan yang kita inginkan.
Misalnya kita akan memeriksa gambar yang terletak di samping judul, kita dapat melakukan langkah-langkah berikut:
- Klik kanan mouse kamu sehingga muncul kotak dialog seperti nampak pada gambar berikut:
- Kemudian klik pada bagian Periksa elemen (Inspect elements), sehingga muncul kotak dialog seperti gambar berikut:
Dengan melihat kotak dialog ini kamu dapat mengetahui posisi class gambar, sumber gambar, margin dan padding untuk gambar tersebut, sehingga akan memudahkan kamu jika ingin melakukan pengeditan.
Selain untuk memeriksa elemen yang dipilih seperti pada contoh di atas, inspect elements ini juga dapat dilakukan di sembarang tempat. Caranya mirip seperti langkah pertama tadi, kemudian setelah muncul kotak dialog kamu klik salah satu elemen yang kamu inginkan, misalnya elemen post, maka elemen yang kamu pilih akan diblok sehingga kamu bisa mengetahui keberadaan elemen tersebut pada blog kamu, seperti nampak pada gambar berikut:

Kamupun dapat mengetahui lebih lanjut mengenai margin dan padding elemen dengan mengklik pada bagian Metrics, seperti nampak pada gambar di atas.
Nah, cukup mudah kan? Memang setiap browser memiliki kelebihan dan kekurangan. Jika pada Firefox dan Flock dapat ditambahkan Add-ons kedalamnya tetapi tidak bisa melakukan Inspect elements, sedangkan pada Google Chrome tidak bisa ditambahkan Add-ons tetapi bisa melakukan Inspect elements. Namun ada kesamaan dari ketiga browser ini yaitu sama-sama bisa melakukan Periksa sumber halaman (Inspect page source), yang kegunaannya untuk memeriksa sumber halaman yang terindeks dari blog kita.
Ok coy, selamat mencoba....
Jumat, 08 November 2013
Cara Membuat Contact Us di Docs Google
![]() |
ScreenShot |
- Masuk Account Blogger dengan ID kawan
- Pada Dasbor lihat kanan atas disamping Foto Profil kawan pilih Akun
![]() |
Gambar 1 |
- Selanjutnya pilih Produk
![]() |
Gambar 2 |
- Terus pilih Documents
![]() |
Gambar 3 |
- Pilih Create - Form [perhatikan Gambar 4]
![]() |
Gambar 4 |
- Selanjutnya kawan akan disuguhi contoh Contacts Us yang bisa kawan cansel atau pilih salah satu contoh yang ada lalu OK
- Pada Untitled form kawan isi dengan Nama / Judul misalnya Contacts Us, Hubungi kami atau apa saja yang ingin kawan buat
- Pada Form Description isi seperlunya misalnya Description Blog kawan
![]() |
Gambar 5 |
- Pada Question Title Isi dengan Nama, URL Blog atau Email
- Pada Help Text isinya supaya sesuai dengan Question Title misalnya Nama Lengkap kawan
- Pada Question Type - Multiple choice pilih Text
- Pada Required question isi tanda centang
- Selanjutnya pilih Done [perhatikan Gambar 5]
![]() |
Gambar 6 |
- Untuk setting / edit pilih pencil yang letaknya di pojok kanan atas [Nomor 3]
- Untuk menambah Kolom kawan pilih Duplicats atau Add item [perhatikan Gambar 6]
![]() |
Gambar 7 |
- Kalau semuanya sudah lengkap diperlukan Form untuk membuat isi pesan, caranya hampir sama dengan yang tadi cuma pada Question Type - Multiple choice pilih Paragraph Text
- Pada Confirmation message artinya pesan sudah terkirim, disini kawan bisa isi misalnya Pesan kawan sudah Terkirim, Terima kasih.....
- Sedangkan dibawahnya silahkan disesuaikan dengan kebutuhan kawan dengan memberikan tanda centang disampingnya
- Terakhir pilih Send Form [perhatikan Gambar 7]
![]() |
Gambar 8 |
- Dengan demikian Form Contacts Us kawan sudah selesai tinggal mengambil script / kode iframenya dengan memilih Embed
- Kalau kawan ingin melihat hasilnya pilih View live form letaknya ditengah atas
- Sebelum kawan mengambil kode iframenya sebaiknya ukuran [lebar dan tingginya] disesuaikan dengan Blog kawan [perhatikan Gambar 8 kanan]
Cara Pemasangan di Blog
Bisa di Gadget yang tak perlu saya jelasin atau pada Editor Post pilih HTML
Selamat Mencoba
Rabu, 30 Oktober 2013
Google Google Sedang Menyiapkan Senjata Baru Melawan Facebook Nie…
Pada mengamati perubahan di front page-nya Google.com tidak? Kalau di Google.co.id memang kadang tampak kadang tidak, tapi kalau anda ke google.com pasti dech kerasa ada yang beda. Sekarang latar belakang di bagian atas links fitur-fiturnya Google jadi berwarna hitam.Disetiap link hasil pencariannya Google juga menyiapkan ikon kecil mirip ikonnya Google Buzz, tapi apa itu bener Google Buzz? Ternyata bukan saudara-saudara. Itu adalah layanan baru yang sedang dalam masa persiapan; namanya Google+.
Inilah Google+ yang sedang dipersiapkan Google untuk mengalahkan dominasi Facebook di social media. Sepertinya lumayan tangguh. Sebelumnya Google sudah berusaha juga bertarung dengan Facebook, semisal dengan layanan Orkut dan Google Buzz, tapi Facebook sudah kadung meraja.
Bagaimana? Apa perkiraan anda tentang Google+ ini? Akankah dia berhasil? Atau hanya akan menjadi produk gagal yang tidak laku?
Jumat, 25 Oktober 2013
Cara Ping Blog ke Search Engine Mesin Pencari Google

- ping secara Manual
- ping secara Otomatis
- Ping secara Manual
- klik blogsearch.google.com
- isi URL yang aka di ping
- Klik Submit Blog
- Ping secara Otomatis
- Klik dulu googleping.com
- masukkan identitas blog sobat
Name Blog : Nama Blog
Blog Home Page : URL Blog
RSS URL : Bisa di kosongi
Email : Email Sobat - Klik Chek All
- Isi Captcha dan klik "Send Pings"