Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Cara Simple Membuat Kode HTML Banner

23 comments

Cara Simple Membuat Kode HTML Banner - Dalam melakukan promosi suatu produk, jasa, dan blog dapat dilakukan dengan berbagai cara mulai dari yang gratis sampai yang berbayar dan dari cara yang termudah hingga cara yang rumit dan sulit. 

Tapi pada kesempatan kali ini saya tidak akan menjelaskan bagaimana memprpomosikan suatu praduk, jasa dan blog. 

Kali ini  saya akan menjelaska cara bagaimana membuat kode HTML banner, karena banner sering kali digunakan untuk mempromosikan suatu produk, jasa, dan blog. 

Sebelumnya marilah kita simak beberapa penjelasan mengenai banner.

Apa Itu Banner ?

Banner merupaka suatu media untuk melakukan promosi yang di nilai sangat efektif dan efisien yang terdapat pada suatu blog. 

Ukuran bannerpun bermacam - macam, ada yang besar, kecil. Pemasangannya juga berbeda-beda, ada yang di pasang diatas, ditengah, disamping, dan dibawah postingan.
 
Fungsi Benner :
1. Menambah daya tarik web / blog

Banner yang kita pasang di web / blog, bisa menambah tampilan web / blog lebih menarik. 

Sehingga pengunjung betah berlama-lama di blog Sobat. Sobat bisa menempatkan banner di bagian header web/blog.

2. Sebagai cirikhas / identitas Sobat 

Dengan membuat banner, Sobat berusaha untuk menunjukkan kepada pengunjung tentang siapa Sobat dan apa yang Sobat tulis dalam blog. 

Itu artinya, Sobat menciptakan brand bagi Sobat dan web/blog Sobat.

3. Sebagai alat promosi

Banner merupakan alat promosi yang efektif. Dengan menitipkan banner Sobat di web/blog yang sudah terkenal dan banyak pengunjungnya, Sobat bisa berharap mereka akan mampir di blog Sobat dengan meng-klik banner itu.

4. Menonjolkan isi blog Sobat

Banner juga bisa digunakan untuk menonjolkan isi dari web/blog Sobat. Pengunjung bisa mengetahui atau paling tidak membayangkan isi web / blog Sobat dari baner Sobat.

Oke setelah membaca pengertian banner dan fungsi banner diatas, semoga sobat sudah sedikit mengerti. Dan marilah kita mulai saja yang menjadi topic pada artikel kali ini yaitu "cara simple membuat kode HTML banner".

Cara Membuat Kode
Pertama
Silahkan login ke blog sobat ---> entri

Kedua
Sebelum membuat banner pastikan sobat sudah siap dengan gambar banner. Banner bisa sobat buat secara offline maupun online. 

Membuat banner secara online bisa sobat lakukan di website/blog khusus pembuat banner, dan untuk membuat banner secara offline bisa sobat lakukan melalui aplikasi photoshop, coreldraw, atau aplikasi sejenisnya.

Ini sebagai contoh banner buatan saya

Setelah banner siap, silahkan sobat upload gambar tersebuat. Untuk cara upload gambar bisa sobat lakukan melalui blog yaitu dengan "insert image" yang letaknya berapa di bawah judul postingan blog, atau sobat bisa upload di situs Image Hosting. 

Setelah sobat upload silahkan copy url banner tadi.

Ketiga
Ganti menu dari Compose ke menu HTML ---> copy dan paste kode berikut ini :
<a href='http://settiablog.blogspot.com' target='_blank' title='Settia Blog'><img src='http://i.imgur.com/SVTFrf1.png' alt=Settia Blog' border='0' heght='200' width='1000'/></a>
keterangan :
  • Ganti tulisan warna BIRU dengan url/alamat tujuan. Jika banner di klik maka akan menuju ke url tersebut.
  • Ganti tulisan warna MERAH dengan judul yang sobat mau. Tulisan akan muncul jika cursor morse berada di atas banner.
  • Ganti tulisan warna HIJAU dengan alamat url banner/gambar sobat yang sudah di upload.
  • Ganti huruf warna PINK dengan ukuran banner sobat. Heght untuk panjang banner dan Widht untuk lebar banner, usahakan menulis ukuran yang sama dengan banner. 
Keempat
Klik pratinjau (untuk melihat hasil sementara) jika cocok klik Publikasikan

Kelima
SELESAI

Contoh Hasilnya :

Settia

Selamat mencoba dan semoga artikel ini dapat bermanfaat.

Cara Membuat Sitemap / Daftar Isi Otomatis Di Blogger

1 comment
Cara Membuat Sitemap / Daftar IsiOtomatis Di Blogger - Di Blogspot atau Blogger terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi. Cara membuat daftar isi atau sitemap tersebut sangat mudah atau gampang, yaitu dengan menempelkan sedikit kode javascript ke halaman (page) ataupun postingan, dan tentunya dengan memanfaatkan feed atau RSS dari blog yang bersangkutan.


APA ITU SITEMAP ?

Sitemap itu fungsinya adalah agar search engine seperti Google, Yahoo, Bing, dsb dapat mendeteksi adanya update pada situs atau blog pribadi sobat. Jika sudah terdeteksi adanya update maka Google akan segera mengindex blog.

Nah pada kesempatan kali ini setia blog ingin berbagi tentang bagaimana “CaraMembuat Sitemap / Daftar Isi Otomatis Di Blogger” yang dapat menampilkan semua artikel yang di pisahkan dengan Label yang telah Anda publiskan. Sitemap ini juga akan menampilkan tanda "New" yang terdapat pada artikel baru Anda. Dalam tutorial kali ini Blogger adalah platfrom yang kita gunakan, Blogger memberikan fasilitas untuk membuat sitemap dengan begitu mudah, begitu cepat, dan serba otomatis.

Berikut cara membuat sitemap / daftar isi otomatis di Blogspot :

1. Masuk ke akun blogger
2. Pilih menu 'Laman' atau ‘Page’
3. Buat laman atau page baru (Klik tombol 'Laman baru' atau klik tombol ‘New page’)


4. Pilih mode 'HTML'
5. Beri judul Daftar Isi atau judul Posting Sitemap (judul terserah anda)
6. Pilah dan Masukkan kode berikut ( dibagian HTML )


Kode 1


<script src="https://googledrive.com/host/0Bx_Aq1tDrH3eRjQ0Sk1VWlNsZmM" type="text/javascript"></script><script src="http://settiablog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Kode 2 (dengan scroll)

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px; width: 100%px;">
<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://settiablog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>


Keterangan :

Ganti kode ‘100px’ untuk memperlebar atau memperkecil ukuran Sitemap / Daftar isi

7. Ganti kode 'settiablog.blogspot.com' di atas dengan alamat blog anda

8. Jika sobat tidak mau sitemap sobat di komentari, silahkan klik ‘pilihan’ pada menu setelan laman kemudian pilih “jangan boleh”.


9. Lalu simpan, dan Publikasikan

Terimakasih atas kunjungan sobat, semoga artikel ini dapat bermanfaat bagi sobat sekalian. – Cara Membuat Sitemap / Daftar IsiOtomatis Di Blogger.

Cara Terbaru Backup & Mengganti Template Blog / Website

Leave a Comment

Cara Backup dan Mengganti Template Blog

Cara Backup Templete & Mengganti Templete Blog - Banyak para blogger yang kurang puas dengan tampilan templete standart dan di antaranya adalah sobat yang sedang membaca artikel ini. Ingin menjadikan tampilan blog yang lebih menarik dan keren ? 

Berikut ini adalah tutorial singkat dan mudah di pahami bagaimana mengganti templete agar tampilan blog lebih menarik dan keren.

APA ITU TEMPLETE BLOG ?

Template blog atau Template website itu adalah desain-desain halaman blog ataupun halaman website beserta seluruh komponennya baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web yang dapat membuat tampilan blog atau website menjadi lebih keren. Template bisa juga anda artikan sebagai tema blog atau tampilan blog. 

Sebagai contoh pada halaman blog ini terlihat sederhana tetapi keren.

A. Cara Backup Templete
Sebelum sobat ingin mengganti templete pastikan sobat sudah melakukan backup templete untuk berjaga - jaga apabila terjadi kesalahan, jika masih belum tahu bagaimana cara backup templete sobat bisa ikuti langkah berikut ini :

1. Pertama sobat harus log in ke blogger;
2. Setelah masuk, sobat klik pada tulisan Templete;

3. Setelah masuk ke halaman Templete, kemudian yang harus sobat lakukan adalah klik Tulisan Cadangkan/Pulihkan yang berada di sebelah kanan atas.

4. Setelah sobat klik maka akan muncul Tab baru, seperti pada gambaar di bawah ini


5. Untuk melakukan backup templete sobat hanya perlu klik tulisan "Unduh templete lengkap", maka sobat akan men-download templete tersebut.
6. Proses Backup SELESAI.

B. Cara Mengganti Templete Blog

1. Sobat ikuti langkah di atas nomer 1 - 4, hingga muncul tab cadangkan/pulihkan. seperti pada gambar dibawah ini


2. Jika sudah selanjutnya sobat klik tulisan "Browser"
3. Kemudian sobat cari templete yang sudah sobat download, biasanya file berformat .xml jika berupa zip maka sobat extract terlebih dahulu.
4. Selanjutnya sobat klik "Unggah"


5. Tunggu hingga proses SELESAI,

C. Cara Restore/Pulihkan template
Sebenarnya cara Restore/Memulihkan template tidak berbeda jauh dari cara mengganti template blog, hanya saja pebedaannya file/template blog yang di unggah merupakan hasil backup template bolg yang sobat lakukan.

Bagaimana sangat mudah bukan ??????

Sobat hanya membutuhkan beberapa menit saja untuk mencadangkan, mengganti, memulihkan template blog sobat menjadi lebih menarik dan keren.

Cara Terbaru Daftar Gmail

Leave a Comment

Cara terbaru daftar gmail - Gmail adalah layanan surel milik Google. Pengguna dapat mengakses Gmail dalam bentuk surat web HTTPS, protokol POP3 atau IMAP4. Gmail diluncurkan dengan sistem undangan dalam bentuk Beta pada 1 April 2004 dan tersedia untuk publik pada 7 Februari 2007 meski masih menyandang status Beta. Bersama seluruh produk Google Apps, layanan ini tidak lagi Beta pada 7 Juli 2009. ~ Sumber Wikipedia

Gmail memiliki beberapa filtur antara lain :
1. Gmail menyedikan kapasitas penyimpanan sebanyak lebih dari 7538 megabyte dan akan terus bertambah;
2. Gmail juga mengaplikasi teknologi pencarian Google yang memudahkan penggunanya mencari sesuatu dari email;
3. Gmail dapat mengirimkan lampiran hingga 25 MB per email.

Langkah - langkah membuat Gmail  

1. Silahkan sobat membuka situs gmail, kilk disini.  Maka muncul tampilan seperti pada gambar dibawah ini.


Cara Pengisian

Nama : Isikan nama depan dan nama belakang sobat.

Misalnya saja pada kolom nama depan anda isi Ahmad dan pada kolom nama belakang anda isi Setiawan.


Pilih nama pengguna anda : Isikan alamat e-mail sobat yang menurut sobat mudah diingat. 

Misalnya saja ahmad12,setiawanahmad817, ahmadsetiawan, atau setiawan31.


  • Sobat tidak perlu menulis kata @gmail.com dibelakangnya, karena sudah secara otomatis;
  • Sobat bebas mau memberi nama alamat email, sobat juga bisa menggabungkan dengan angka;
  • Sobat juga bisa memilih nama alamat yang sudah disediakan, sobat tidak perlu susah - susah menentukannya.
Buat sandi : Isikan sandi/kata sandi (password) yang menurut sobat sulit diketahui orang lain, dan sobat bisa menggabungkan dengan menggunaka huruf besar atau angka.

Konfirmasi sandi anda : Isikan dengan kata sandi yang sama dengan atasnya, sobat hanya perlu mengulanginya.

Tanggal lahir : Isikan dengan tanggal lahir sobat, contoh seperti gambar


Gender : Pilihlah yang sesuai dengan sobat.
Misalnya pilih wanita jika sobat wanita/perempuan atau pilih pria jika sobat pria/laki - laki.

Ponsel : Isikan sesuai dengan nomer telepon sobat yang pastinya masih aktif, atau sobat bisa mengkosongkannya.

Alamat email saat ini : Kosongkan saja jika sobat belum memiliki e-mail yang lain.

Bukti bahwa anda bukan robot :
  • Kotak dengan tulisan "Lewati Verifikasi ini (mungkin dibutuhkan verifikasi telepon)" tidak perlu sobat centang. lewati saja.
  • Pada kolom ketik teks sobat isi sesuai angka yang terdapat pada gambar di atasnya.


Lokasi : Pilihlah lokasi sesuai dimana sobat saat ini berapa/tinggal.

Centang kotak dengan tulisan saya menyetujui persyaratan layanan dan kebijakan privasi google.

Dan terakhir sobat perlu klik tulisan "langkah berikutnya".

Hasilnya akan seperti ini :

Maka akan muncul halaman seperti ini :


Nomer telepon : Isi dengan nomer sobat Kemudian pilih metode yang sobat inginkan dan klik lamjutkan
Dan mucuncul seperti gambar dibawah ini :


Cek handphone sobat.

Apakah ada pesan masuk. Jika ada masukkan kodenya dan jika selama 15 menit belum ada maka sobat klik "coba lagi"

Dan akan muncul tulisan seperti gambar dan itu berarti sobat telah berhasil membuat sebua akun gmail. Dan terakhi sobat klik "lanjutkan"


Bagaimana apakah sudah bisa membuat akun gmail ?

Jika masih bingung Sobat bisa mengajukan pertanyaan di kolom komentar di bawah ini.





Cara mudah membuat website (blog)

1 comment
      Cara mudah membuat website (blog) - Mungkin barangkali pada saat ini sobat sedang kebingungan bagaimana sih caranya membuat blog dan sedang mencara tutorial tersebut. Artikel tenrang cara mudah membuat website (blog) ini mungkin sangan tepat bagi sobat.

           Ada begitu banyak alasan sobat sehingga ingin membuat sebuah website/blog. Misalnya membuat blog untuk dijadikan sebagai website jual - beli produk tertentu, sekedar berbagi pengalaman, atau sebagai bisnis online yang dapat menguntungkan bagi sobat sekalian.

     Bagaimana apakah sobat penasaran bagaimana membuat sebuah website (blog), tapi sebelumnya marilah kita ketahui sedikit "apa itu blog". Blog singkatan dari web log merupakan sebuah catatan pribadi yang dimuat dalam sebuah postingan dan disimpan dalam sebuah halaman website online dan biasanya bersifat terbuka bagi siapa saja yang mengunjungi atau membaca isi dari blog tersebut.

Menbuat website/blog dengan blogspot
     
        Sebelum membuat blog pastikan sobat sudah mempunyai akun google. Jika sobat belum mempunyainya silahkan untuk mendaftar terlebih dahulu. Dan bagi sobat yang sudah mempunyai akun google dapat langsung ikuti langkah - langkah di bawah ini :

1. Langkah pertama
              Pada langkah pertama sobat harus membuka situs Blogger.com atau klik disini, maka sobat akan menuju ke blogger.com

2. Langkah kedua
                Kemudian sobat akan menemukan tampilan login dan masukkan akun google yang sudah sobat miliki. Oleh sebab itu pada awal sobat harus mempunyai akun gooogle.


Masukkan email sobat dan klik berikutnya. Kemudian akan muncul tampilan berikutnya, isikan kata sandi google sobat dan klik masuk.

3. Langkah Ketiga
                Kemudian muncul tampilan baru dan klik tulisan "Blog Baru", lihat gambar

4. Langkah Keempat
                Akan muncul tampilan seperti ini

Pada kolom judul : isikan judul blog yang ingin sobat pakai
Pada Kolom Alamat : isikan alamat blog sobat, lebih pendek lebih baik supaya mudah di ingat
Bagian Template : pilih template yang sobat mau
setelah semua sudah beres, klik buat blog

5. Langkah kelima
                Sobat akan masuk ke halaman dashboard blog sobat, dan itu berarti sobat telah berhasil membuat blog.


Bagaimana apakah sobat sudah mencoba, bila masih kesulitan silahkan bertanya di komentar atau via email.


Widget jumlah pengunjung blog keren

5 comments
Widget jumlah pengunjung blog keren - Pada kesempatan kali ini saya akan berbagi sedikit tutorial mengenai memberi widget pengunjung pada blogspot. Ada begitu banyak cara yang dapat kita lakukan, tapi saya akan memberikan satu cara yang mudah. Dan anda tidak perlu melakukan registrasi.

1. Silahkan kunjungi situs, disini
2. Selanjutnya Klik widget


3. Pilih salah satu widget yang menurut sobat cocok untuk blogspot sobat.


4. Doublle klik pada script dan copy


5. Login blogger sobat
6. Masuk ke Tata letak/Klik tambah widget/Pilih HTML/JavaScript

7. Copy Script pada konten dan kemudian simpan

Berikut hasilnya :



Bagaimana apakah sobat sudah mencobanya.Trimakasih atas kenjungan sobat semoga artikel ini dapat bermanfaat bagi sobat - sobat sekalian.