Jumat, 27 April 2012

Membuat widget back to top

Artikel cara Membuat widget back to top di blog – Ketika Tampilan Halaman blog atau content sebuah artikel yang panjang, maka akan membawa pengunjung meng-scroll kursor-nya sampai bagian bawah halaman blog. Nah pada saat di bagian bawah halaman, pengunjung yang akan kembali ke bagian atas akan mengalami kesulitan atau akan menscroll ulang kursor untuk naik lagi ke bagian halaman blog bagian atas. Maka dari itu dibutuhkan sebuah alat bantu berupa widget yang ketika di klik akan otomatis menuju ke halaman blog bagian atas sehingga akan memudahkan pengunjung ketika akan kembali lagi ke halaman blog bagian atas.


Widget back to to di blog ini bisa bisa berupa gambar panah atau sesuatu yang menandakan kembali ke-atas. Pandai-pandailah memilih gambar yang cocok dengan warna blog anda sehingga selain fungsinya di-atas juga akan mempercantik blog anda.

Langkah dalam pembuatan widget back to top adalah:
  • Log in ke blogger
  • Pada halaman dashboard pilih Layout>HTML/Javascript 
  • Untuk jaga-jaga silahkan download terlabih dahulu html anda 
  • Centang Expand Widgets Templates
  • Cari kode </b:section> 
  • Pastikan kode tadi adalah kode yang terakhir dati susunan HTML anda 
  • Letakan kode dibawah tepat setelah kode </b:section>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://g.imagehost.org/0373/arrow_up_green.png'/></a>
  • simpan pekerjaan anda.
Nah di step ini anda sudah selesai membuat widget back to top pada blog.
Kalau ada masalah silakan sms saya melalui widget sms gratis yang artikelnya sudah saya buat sebelum artikel ini dibuat.

Keterangan:
Url yang ditandai merah di atas tampilan gambarnya seperti ini:
Alamat url yang ditandai merah bisa diganti dengan alamat url lain jika anda menghendaki gambar yang lain seperti di bawah ini:
  • http://g.imagehost.org/0439/arrow_1.jpg
  • http://g.imagehost.org/0497/arrow_2.jpg
  • http://g.imagehost.org/0466/arrow_3.jpg
  • http://g.imagehost.org/0130/arrow_4.jpg
  • http://g.imagehost.org/0042/arrow_5.jpg    
Dengan menambahkan fasilitas widget back to top pada blog akan membuat pengunjung blog anda akan semakin betah.

Selasa, 24 April 2012

Widget sms gratis di blog

Widget sms gratis di blog- maraknya penggunaan HP tidak terlepas dengan cara berkomunikasi yang biasa digunakan yaitu telepon dan SMS. Berbicara seputar SMS, mungkin kita sudah terbiasa kirim sms melaui HP kita, Nah sekarang bagaimana kalau kirim SMSnya melalu blog anda? Apalagi setiap orang bisa memanfaatkannya baik itu anda sendiri sebagai pemilik blog maupun pengunjung blog anda, dan yang pastinya pemakaiannya semuanya GRATIS. Bagaimana bisa? Caranya gampang kok, cara pemakaiannya pun sama seperti kita kirim sms seperti pada HP.

Disini saya akan memberikan beberapa kode HTML yang bisa anda pasang di pada blog anda. Pemasangan widget sms gratis ini penempatannya pada gadget/widget seperti halnya pemasangan banner seperti yang sudah saya jelaskan di artikel cara membuat banner blog.
Berikut adalah beberapa kode-nya:

Kode1:
<iframe name="I2" src="http://sms-online.web.id/widget"
width="90%" height="350px"> not support
</iframe>
<center>
<a href=”http://jasapembuatanblog-murah.blogspot.com”>Widget SMS Gratis</a>
</center>

*warna biru, diganti dengan nama blogspot kamu
Tampilan widget sms gratis kode 1 setelah dipasang:


Kode 2:
<!-- Start SMS gratis -->
<iframe src="http://www.freesmsvoip.com/index.php?do=widget" width="200"height="260&quot; frameborder="0" scrolling="auto"></iframe>
<!-- end SMS Gratis -->
*warna biru, silahkan sesuaikan dengan ukuran gadget anda

Tampilan widget sms gratis kode 2 seperti di-bawah ini:



Kode 3:
<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>
Nah.. kalau kode widget sms gratis di blog dengan Kode ke-3 tampilannya adalah sebagai berikut:

Sekarang cara pasangnya kode-kode widget sms gratis tadi di blog sebagai berikut:
  1. Login dulu  ke akun blogger Anda 
  2. Klik menu rancangan 
  3. Klik ‘Tambah Gadget’ (HTML/JavaScript) 
  4. Isikan salah satu kode diatas 
  5. Simpan deh…
Bagaimana cara memasang widget sms gratis di blog diatas? Sangat mudah bukan.. selamat mencoba.

Minggu, 22 April 2012

Cara membuat banner blog

Sebelum kita mulai membahas Cara membuat banner blog, perlu anda ketahui apa itu banner blogger dan apa fungsi banner dalam blog.  Banner blog adalah sarana berupa gambar, sedangkan fungsinya adalah sebagai informasi, media iklan dan promosi. Dalam dunia internet khususnya internet marketing keberadaan banner dalam sebuah blogspot atau website  sangatlah penting dan merupakan sarana yang sangat ampuh untuk promosi, publikasi, iklan dan lain-lain.



sama halnya dalam pembuatan form online blog, bentuk banner dalam sebuah blog bervariasi, baik dari segi tampilan maupun ukurannya. Dari segi tampilan ada yang bersifat diam dan ada juga yang bergerak atau biasa disebut dengan animasi banner. Sedangkan dari sisi ukurannya setidaknya ada 17 standar ukuran banner yang biasa digunakan dalam sebuah blog, maka dari itu selain cara membuat banner blog dikuasai anda juga harus mengetahui berapa besar ukuran banner yang akan dibuat. Standar ukuran banner tersebut diantaranya:

Ukuran: 468 x 60S tandard, 728 x 90 Leaderboard, 234 x 60 Half-Banner, 392 x 72 Banner w/Nav Bar, 125 x 125 Square Button, 120 x 240 Vertical Banner, 88 x 31S mall Button, 300 x 250 Medium Rectangle, 240 x 400 Vertival Rectangle, 336 x 280 Large Rectangle, 336 x 280 Large Rectangle, 250 x 250 Square Pop-Up, 180 x 150 Rectangle, 160 x 600 Wide Skycraper, 120 x 600 Skycraper, 120 x 90 Button, 1120 x 60 Button 2.

Cara membuat banner blog bisa dibuat sendiri dengan alat pengolahan gambar seperti Photoshop, sedangkan Banner animasi anda bisa manfaatkan layanan online membuat banner animasi baik yang gratis maupun yang berbayar. Nama extension file banner animasi biasanya berbentuk *.Gif. Berikut adalah beberapa contoh situs yang menyediakan layanan cara membuat banner blog berbentuk animasi:

  • http://gickr.com 
  • http://www.loogix.com
  • http://picasion.com
  • http://www.createagif.net
  • http://www.123-banner.com (flash)
  • http://bannersabc.com (flash)
  • http://www.flashbannernow.com (flash)
  • http://www.quickbanner.com (flash)
  • http://www.flash-banner-maker-online.com (flash)
Pada kesempatan ini saya  akan memberikan contoh cara membuat banner blog animasi pada situs http://picasion.com, caranya adalah: 


  1. Buatlah 3 banner yang saling berkaitan (sequence) .
  2. Masuk ke situs http://picasion.com.
  3. Masukan Gambar Banner yang sudah disiapkan tadi dengan mengklik Browse.
  4. Pilih ukuran bannernya (sesuai dengan ukuran banner yang sudah dibuat).
  5. Tentukan kecepatan animasi blog, pilih pada opsi speed.
  6. Jika sudah tinggal klik Create animation.
  7. Simpan banner animasi yang nantinya akan dimasukkan ke blogspot.
Demikian artikel kali ini seputar cara membuat banner blog, semoga bermanfaat.

Sabtu, 14 April 2012

6 cara membuat form online gratis

Membuat form online pada blogger sangat penting dilakukan khususnya bagi anda yang mempunyai blog dengan tujuan bisnis seperti toko online atau menawarkan sebuah produk. dengan menyediakan formulir online dapat memudahkan klien dalam memesan sebuah produk yang nantinya akan ter-koneksi secara otomatis ke-dalam email admin blog. selain pesanan klien masuk ke email admin, bisa juga disetting otomatis ke-dalam HP admin sehingga setiap pesanan akan lebih cepat diterima, namun fasilitas pengiriman ke-dalam HP tidak gratis alias harus mengeluarkan uang untuk mendapatkannya.
Ada beberapa situs yang memberikan fasilitas penyediaan cara membuat formulir online secara gratis untuk blog anda, cara membuatnya-pun tidaklah sulit, anda tinggal ikuti saja petunjuk yang disediakan situs tersebut sampai anda mendapatkan kode HTML yang nantinya di pasang di blog anda.

Pada kesempatan ini saya akan berbagi anda cara membuat form online dari 6 situs penyedia formulir yang bisa anda dapatkan secara gratis, diantaranya:  

membuat form online dengan google docsformulir email
  1. Google doc adalah salah satu fasilitas yang diberikan Google dengan menyediakan formulir online. Caranya anda hanya diminta Log in ke alamat docs.google.com kemudian klik New > Form Template > Forms. Kemudian anda diminta untuk membuat kolom yang diperlukan sampai anda mendapatkan kodenya, seperti pada gambar di-atas
  2. FormSmarts merupakan bentuk layanan web ter-integrasi yang memungkinkan Anda membuat bentuk, mempublikasikan secara online, dan mendapatkan hasil bentuk. Tambah formulir web untuk situs atau blog, atau membiarkan pengunjung mengakses formulir Anda dari MySpace ®, Facebook ®, dan di-mana saja Anda dapat memposting link.
  3. Kontactr adalah salah satu layanan penyedia form gratis yang dipercaya ampuh melawan spam yang dating kepada email anda. Lindungi email anda dengan menggunakan form dari Kontactr.
  4. Woofo, Menggunakan Woofo sangat gampang dipasang pada blog anda, anda dapat menyesuaikan bentu form yang dibuat sesuai dengan bentuk template blogspot anda.
  5. Zoho, memudahkan anda dalam membangun HTML form online salah satunya dengan drag-and-drop.
  6. EmailMeForm, Pembuatan formulir online dengan EmailMeForm anda akan menemukan fitur-fitur pembuatan form yang lumayan sangat lengkap dan EmailMeForm juga menyediakan sample template form yang siap pakai. Dan kesempatan ini saya akan menjelaskan secara detail pembuatan nya:
    • Masuk ke link berikut: http://www.emailmeform.com
    • Pilih Sign up for free
    • Isi data-data diri anda pada setiap kolom yang diminta oleh Emailmeform kemudian klik sign up.
    • Check email anda untuk memverifikasi/mengaktifkan akun di emailMeForm yang anda buat tadi.
    • Apabila akun pada EmailMeForm sudah aktif, anda sudah siap membuat sebuah formulir online.
    • Pada sebelah kanan monitor silakan klik Create new form.
    • Ikuti dan buat formulir sesuai dengan yang anda inginkan sampai anda mendapatkan kodenya dengan mengklik Get the HTML codes.
    • Pasang kode HTML pada widget HTML/JAVASCRIPT anda.
    • Selesai.
Demikian sekilas tentang cara membuat form online gratis yang bisa anda manfaatkan untuk blog anda.

Sabtu, 07 April 2012

Cara Membuat Email Gmail

Cara Membuat Email Gmail –  Apakah anda mau membuat blog dengan blogger atau blogspot? Pertama kali yang harus anda lakukan adalah membuat sebuah akun google melalui email Gmail. Akun Gmail ini ke-depannya bisa digunakan pada banyak aplikasi dari Google misalnya: Blogger, Google analitis, Google webmaster, Google Dokumen, fungsi sebagai email gmail itu sendiri, Google picasa, google spreadsheet keperluan bisnis, dll.
Cara membuat email ini adalah cara yang paling mendasar yang harus anda pahami selain membuat halaman blog, Penjelasan fungsi dari membuat email Gmail sudah saya jelaskan juga pada artikel saya sebelumnya yaitu: Cara membuat Blogspot dari Blogger, Jadi tunggu apalagi? Anda belum mempunyai Email, buatlah email Gmail dengan mengikuti langkah-langkah yang saya jelaskan berikut ini:
  1. Langkah pertama dalam cara membuat email Gmail adalah membuka alamat mail.google.com pada browser anda.
  2. Pada halaman registrasi log in sebelah kanan terdapat kolom Sign in dan Create an account, silahkan klik CREATE AN ACCOUNT.
  3. Anda akan masuk ke halaman pendaftaran dan isi-kan semua data lengkap anda, detail nya sebagai berikut:
  • Nama: Isi-kan nama anda anda sendiri, nama depan dan nama belakang.
  • Nama Masuk-Log yang diinginkan: isi-kan dengan sebuah kata yang menjadi alamat email anda, dan pastikan kata tersebut belum ter-pakai oleh orang lain, cek dengan mengklik cek ketersediaan.
  • Password: Ini adalah kata sandi yang hanya anda yang mengetahuinya. Pakailah kata sandi yang rumit tapi gampang diingat oleh anda sendiri.
  • Confirm your password: Untuk memastikan kata sandi yang anda masukan benar, google meminta anda untuk memasukkan kembali kata sandi yang anda tulis sebelumnya.
  • Pertanyaan Keamanan: pilih jenis pertanyaan yang disediakan Google.
  • Jawaban: Jawaban dari pertanyaan sebelumnya (pastikan jawabannya hanya anda yang bisa mengetahuinya).
  • Email Pemulihan: Isi-kan alamat email anda yang sudah ada, ini berguna jika ada masalah dengan  atau lupa sandi.
  • Lokasi: isi Lokasi anda.
  • Tanggal lahir: Isi tanggal lahir, bulan dan tahunnya.
  • Ketik kode yang ditampilkan: Anda harus mengetik kode sama persis seperti gambar di-atas, jika salah ulang sampai benar.
  • Centang kotak kecil (persyaratan Layanan) yang tersedia untuk meng konfirmasi anda menyetujui persyaratan dari google.
  • Jika data sudah di isi dengan lengkap silakan anda tekan tombol “saya menerima. Buat akun saya” untuk melanjutkan
Ada verifikasi tambahan dari google salah satunya melalui Handphone, masukan nomor handphone anda dan tunggu sampai kode verifikasi dikirim oleh google melalui SMS. apabila anda sudah menerima kode verifikasi tersebut kemudian masukan pada kolom verifikasi yang sudah disediakan.

Berhasil.., email anda sudah jadi! Ternyata tidak sulit dalam cara membuat email Gmail, lanjutkan dengan menekan tombol Continue to Gmail untuk masuk ke akun Gmail anda, dan tahap selanjutnya membuat blog.