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.

Related Posts:

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.

Related Posts:

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.

Related Posts:

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.

Related Posts:

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.

Related Posts:

Hikmah di Balik Musibah (Pasca Banned Adsense)


Saat banned adsense kemaren ane emang gak ngerasa apa-apa sob. ya gak kesel, ya gak drop. Biasa aja gitu kayak gak terjadi apa-apa. Gimana ya, kalo ente bilang hati ane uda beku ya gak tau juga sih, soalnya ane uda dua kali ngerasain kena bann ama si mbah. Tapi ya ane selalu SMILE :lol:.

Pertama saat banned massal domain co.cc kemaren. Padahal tuh website visitor pernah nyampe 1k dengan earning perbulan sejutaan dari idblognetwork. :silau:

Terus baru-baru ini ane kena bann dari G-Adsense-nya mbah google, coba ente tebak gimana ekspresi muka ane saat ane baca surat putus kontrak bisnis dengan Google.
A. :nangis:
B. :pusing:
C. :kebo:
D. :senyum:

Gak ada yang tepat nih jawabannya. hahaaa... Ekspresi wajah ane waktu itu ya yang "D". Senyum aja. Bukannya apa, ente gak tau aja tuh adsense berapa earningnya. Sebelum di banned, tuh earning adsense yang belum di bayar ada sekitar US $870-an. Ini dollar sob, bukan Rupiah. dan semua itu di dapet dari satu web aja. Sedangkan earning perbulan bisa di atas $500+.  :mataduitan:

Yahh.. bagi yang mastah-mastah yang gaji nya di atas $10.000 mungkin uda biasa, karena apa? karena mereka juga pernah ngalaminnya. tapi kalo yang masih sekelas ane pasti drop banget tuh. Syukur deh ane gak drop duluan. :semangat!:

Trus kenapa ane bisa gak sedih di putusi kontrak dengan mbah G?
1. Internet Marketing itu Bisnis, ente harus tau resiko dan untung rugi kalo kita berbisnis. Jadi kalo ente udah mengerti apa itu bisnis, seharusnya ente gak mewek saat ente jatuh/bangkrut. Termasuk saat di talak sama mbah google:ok:

2. Mewek? Nangis? Sakit hati? Dendam? Adohh... ane gak ada waktu buat yang begituan. Ente tau efek dari nyimpen perasaan sakit hati dan dendam? Pekerjaan ente jadi gak ada yang bagus karna jadi beban pikiran. Mending ente bangkit deh, rizki itu datengnya bukan dari Google, tapi dari Allah SWT. Dari pada ente mewek di kamar mending ente build web baru atau teken kontrak dengan perusahaan lain. Amazon misalnya. Kalo ane karna web ane marketnya Laptop, ya tinggal di sett aja ke Amazon.:komunis:

3. Kalo ente paham ajaran agama, ente pasti tahu kalau ada hikmah di balik setiap musibah. jadi ngapain sedih? semua udah di atur sama yang maha kuasa. :lovekiss:

Terus apa Hikmahnya??? Sabar, next article ane ceritain.

To Be Continued



Related Posts:

Dapet Petunjuk Dari Allah SWT

Bismillahirrohmannirohim 
(Dengan menyebut Nama Allah Yang Maha Pemurah lagi Maha Penyayang) 

Pascah banned adsense, ane dapet petunjuk dari Allah SWT. Tau gak, pascah banned adsense ane kemarin, ane hampir jual tuh website ane ke orang. Nyaris aja. Terus pas waktu itu hari Jum'at. Dan pas ane hadir Sholat Jum'at, mungkin Allah SWT uda ngatur ini semuanya. Allah sudah mengatur topik khotbah saat itu (Kalo sholat Jum'at kan pasti ada ceramahnya). Nah, topik penceramahannya itu berdzikir menyebut nama Allah swt saat mau melakukan hal yang positif atau hal baik. :gembira:

Kalo gak bisa berdzikir minimal membaca Bismillah. karena Rasulullah SAW pernah bersabda : “Setiap perkara yang tidak dimulai dengan bismillah (dalam riwayat lain: dengan mengingat Allah), maka amalan tersebut terputus (kurang) keberkahan-Nya.” Bahkan ayat pertama dalam kitab suci Al-qur'an sendiri adalah kalimat Bismillah itu sendiri. Itu satu petunjuk bagi kita agar sekalian perbuatan kita dimulai dengan membaca Bismillah.”:manja:

Nah, ane fikir, dengan membaca bismillah aja kita udah dapet berkah, kenapa ane gak ngasih sesuatu yang lebih untuk Allah? Dengan berdzikir tentunya. Dan selama ini ane emang orang yang selalu rajin bertasbih menyebut nama Allah setelah sholat dan sebelum berdo'a. Pas do'a ane minta petunjuk sama Allah SWT, apakah ane harus jual itu web ane??? Pulang sholat ane langsung buka laptop, tak lupa juga berdzikir sebelum menekan tombol "POWER" laptop.:kiss:

Sorenya, ane langsung dapet jawaban dari Allah, ane dapet petunjuk. Pas itu ane buka Amazon Affiliate ane, dan Voila... Allhamdulillah... Earning $42 dalam sehari, padahal biasanya $0 aja tuh. hheheee... itu ane anggap petunjuk dari Allah SWT, dan ane inget juga ucapan orang tua ane yaitu "janganlah pernah kamu menjual barang yang sudah kamu dapatkan dari hasil jerih payah kamu dan atau keluargamu sendiri" (Gak berlaku kalo ente bisnis Flipping) :lol:.

Dari situ ane merubah pikiran ane dan membuang jauh-jauh pikiran untuk menjual blog ane. Ane mulai berbisnis dengan Amazon. Dan sampe sekarang Allhamdulillah, mulai rame orang luar sono yang membeli laptop di web ane, dan hari ini ada satu juga yang membeli laptop. Selain itu ada 2 orderan laptop dan 1 orderan tablet samsung galaxy, belum shipping sih, tapi semoga aja shipping. Itu belum termasuk hitungan buat yang beli aksesoris laptop lainnya loch. :mataduitan: :ngiler:  :silau:

Itulah hikmah yang ane dapetin. Ada banyak hikmah sebenernya. Dan yang paling penting, berdzikirlah sebelum memulai sesuatu yang baik bagi kamu, keluargamu, dan kaum-mu.


Allhamdulillah, wasallam :bye:

Related Posts: