Saturday 29 September 2012

Cara Membuat Website Gratis 100% di Blogger.com

Kali ini saya akan share mengenai cara membuat website di Blogger. com .. Pertama anda harus login dulu menggunakan akun google... Untuk yang belum mempunyai akun google silahkan kunjungi Cara Membuat akun di google...
Kalo sudah punya akun google sekarang kita kembali ke pembahasan tentang cara membuat website gratis di Blogger.com..
1. Anda harus Login dulu disini....
2. Pada Halaman pendaftaran kita alihkan perhatiannya ke samping kanan bawah.. dan kita rubah bahasanya menjadi bahasa Indonesia...seperti pada gambar di bawah ini :
Cara Membuat Website Gratis 100% di Blogger.com

3. Masuk / Login dengan menggunakan Username/Nama Pengguna trus Masukan password email gmail anda seperti contoh gambar di bawah :

Cara Membuat Website Gratis 100% di Blogger.com

4. Isi Formulir Pendaftaran :
   - Mengisi nama Tampilan ( isi dengan nama yang akan di tampilkan )
   - Jenis Kelamin ( Pilih jenis kelamin anda , misalkan Pria/ Wanita )
   - Penerimaan Persyaratan ( Beri tanda cek list sebagai tanda setuju dengan peraturan yang telah di
     tetapkan oleh pihak Blogger...
   - Klik tanda panah yang berada dibawah seperti gambar ini :
Cara Membuat Website Gratis 100% di Blogger.com
5. Klik Tombol "Blog Baru ". seperti gambar dibawah:
Cara Membuat Website Gratis 100% di Blogger.com

6. Isi Formulir lagi :
   - Judul Blog ( isi dengan judul blog yang anda inginkan )
   - Alamat situs Blog ( isi dengan situs alamt blog yang anda inginkan )
   - Pilih Template ( tampilan blog ayng anda sukai dan ini juga bisa rubah-rubah sesuka hati kita )
   - Lanjutkan dengan mengklik tombol "Buat Blog".
Cara Membuat Website Gratis 100% di Blogger.com

  - dan Selamat  anda sekarang sudah memiliki Blog ...!
7. Untuk menghindari terjadinya spam filtrasi, sebaiknya anda langsung membuat sebuah postingan gimana aja... sesuka hati anda... dengan mengklik tombol " Mulai Mengeposkan "..

8. Isikan Judul Postingan anda sera tuliskan artikelnya...
    Kalau sudah silah kan klk Tombol "Publikasikan"

9. Silahkan Lihat BLog anda dengan mengklik tombol " Lihat Blog " dan lihat hasilnya ...

10. Woooooooooow keren sekali...

Sekian dulu yah dari saya, mungkin masih banyak kekurangan tentang panduan cara membuat Website Graits ini ,,,, saya berharap untuk di kemudian hari saya akan share lagi dan lebih berkualitas untuk anda semua.. dari itu kritik dan sarannya sangat saya harapkan.. sekian terima kasih...
Salam Blogger.......!!!!

Cara Membuat Website Gratis

Mungkin saya terlalu lancang untuk menjelaskan bagaimana cara membuat website yang gratisan alias free  tapi mungkin ini pengalaman saya untuk berbagi dan berbuat baik antar sesama.. cara ini sangatlah mudah hanya dengan beberapa langkah dan sangat cepat buat anda untuk melakukan pembuatan website secara gratis... tentu saja gratis.. karena dengan biaya nol rupiah anda sudah bisa membuat website dengan sanggup meluangkan waktunya untuk selalu  berada di depan komputer yang terkoneksi internet.. atau anda juga bisa lho lewat warnet juga. jangan lupa yah " harus konek ke internet.."
Ok... gak mau panjang lebar langsung aja kita share cara membuat website versie gratisan....!

1. Siapkan Nama Website / Topik yang Akan di bahasnya
    Penting sekali cara ni , karena dari kita ada yang cuma pengen mempunyai website tapi tidak tau topik apa dan mana yang akan di bahas, hal ini mengindari terjadinya ketika kita membuat sebuah website topiknya di anggap sampah atau ( udah Basi ) kita harus mencari topik yang paling baru, agar setiap pengunjung dai website kita tidak merasa bosan atau pun muak.. he.. Kalau isi Website kita sangat berkualitas maka pasti lah pengunjung dari website kita akan semakin banyak. "Penting itu" Catat yaaaaaaaaaaaaaah mas...!!!

2. Daftar/Buat Website di Blogger atau Wordpress
   Kenapa kita memilih daftar di Blogger atau Wordpress ? Pastinya... kita kan sedang membahas cara membuat website yang gratisan.. dari nominasi diatas itulah website yang gratisan.. tapi selain Blogger dan Wordpress masih banyak juga lho website yang gratisan kaya seperti Blogdetik,Blogsome dll.....

Naaah, sekarang kita bahas bgaimana cara membuat Website di Blogger.com atau Wordpress.com...?
Silahkan Klik link dibawah ini dari kedua pembahasan diatas... tentang cara membuat website di Blogger.com dan Wordpress.com..
1. Panduan Cara Membuat Website di Blogger.com
2. Panduan Cara Membuat Website di Wordpress.com

Baca juga yah Cara Menghasilkan Uang dari Internet..... mungkin hanya ini yang dapat saya share buat sobat...law ada yang salah mohon di beri maaf... dan jangan lupa yah kasi komentarnya.....he he.....

Salam Blogger....!!!

Sunday 23 September 2012

Cara Mudah Membuat Kotak Tukar Link di Blogspot

Sahabat semuanya,,,,anda pernah mendengar tukar link???? bagaimana cara membuat kotak tukar link atau script tukar link,,,,dalam tutorial saya kali ini akan membahas bagaimana cara membuat kotak tukar link yang didalamnya ada script tukar link, hal ini bertujuan untuk meningkatkan Pengunjung Blog.
dengan tukar link maka secara otomatis link kita ada di blog lain, dengan begitu jika ada pengunjung yang ingin mengunjungi blog kita bisa langsung dengan klik link kita tadi, namun ada beberapa pendapat jika tukar link ini bisa membuat kita di banned oleh google ( meskipun seperti itu saya juga tetap melakukannya dan alhamdulillah sampai sekrang tidak kena banned google), dalam tukar link sendiri ada aturannya dan anda jangan sampai melakukan kesalahan dalam tukar link, nanti bisa bisa di hukum oleh si mbah google yaaa......
langkah yang pertama buat dulu bannernya, jika anda belum punya banner bisa klik DI SINI Tidak lepas dari belajar menghias blog,budaya tukar link sangat dibutuhkan dalam dunia blogging/perseoan. Cara yang saya berikan ini sangat mudah sekali untuk diterapkan, baik itu bagi pemula atau yang sudah senior, yang anda lakukan sangat sederhana sekali, anda tinggal menempatkan kode yang nanti saya berikan,kedalam Add New Widget/Elemen baru pada Blog anda.

1. Copy kode berikut ini:

<textarea rows="3" cols="17" style="width: 252px; height: 83px; color: Black; background-color: white;" readonly>&lt;a href="http://joise-abu.blogspot.com/" target="_blank" title="Cara Mudah Membuat Kotak Tukar Link di Blogspot."&gt;&lt;img src="http://www.www.blogblog.com/1kt/awesomeinc/tabs_gradient_light.png" border="0" alt="1001 TEKNIK KOMPUTER."&gt;&lt;/a&gt;</textarea>



2. Pastekan kode diatas kedalam Jva Script anda

Keterangan:

  • "http://joise-abu.blogspot.com" ganti sesuai dengan alamat blog anda.
  • "http://www.fileden.com/files/2012/9/22/3350134/cooltext773838654.png" gantilah dengan URL Image yang ingin ditampilkan.
  • "1001 TEKNIK KOMPUTER" gantilah dengan Diskripsi Blog anda.
Demikian Tutorial Cara Mudah Membuat Kotak Tukar Link di Blogspot ini  saya share buat semua sahabat blogger..Terima Kasih..
Jangan Lupa Kirim komentarnya ya sob...!!!

Cara membuat Judul Blog Bergerak/Berjalan

Dalam postingan kali ini klinik-it akan membahas tentang Cara Membuat Judul Blog Bergerak.Knapa judul blognya bergerak ? tujuanya mungkin supaya Blog jadi terlihat dinamis.Judul blog kita jadinya akan terlihat berjalan pada title bar browser. Buat kamu yang ingin membuat Judul Blog Bergerak silakan ikuti tutorial Cara Membuat Judul Blog Bergerak Berikut ini.

1.LOGIN ke blogger.

2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.

3.Selanjutnya cari kode berikut ini.

<title><data:blog.pageTitle/></title>

4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5.Kamu bisa mengganti angka 100 yang berwarna biru langit tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.

5.Kalo udah selesai silakan klik SAVE TEMPLATE dan lihat hasilnya...

Terima Kasih....! "Salam Blogger".

Cara Membuat Kotak Blogroll Berjalan

Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu

Udah bagus nggak puisinya? ancur ya?  Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak


Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh :z
:r udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">
#link1 <br />

#link2 <br />
#link3 <br />
#link...
</div>


keterangan:
- Kode width:
200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >
#link1 <br />

#link2 <br />
#link3 <br />
#link...<br />
</marquee>


Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA......

Cara Membuat Scroll pada Kotak Komentar dengan Menggunakan CSS

Jika jumlah komentar pada sebuah artikel di blog sobat sudah banyak mungkin 20-50 komentar, tentunya pengunjung lain yang ingin berkomentar sedikit kerepotan karena harus scroll sampai bawah untuk menemukan kotak komentarnya. Nah solusi jitu untuk hal yang seperti ini, sobat bisa membuatkan scroll langsung pada kotak komentar agar lebih memudahkan pengunjung sekaligus membuat tampilan blog jadi lebih simple.

Berikut ini langkah-langkah cara menambahkan/membuat scroll pada kotak komentar :
1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Edit HTML, centang Expand widget template.
3. Carilah kode CSS kotak komentar dengan bantuan Ctrl+F, biasanya ditandai dengan kode #comments-block{.

4. Tambahkan kode CSS dibawah ini setelah kode tadi.

max-height:300px;border:1px solid #eee;overflow:auto;


5. Biar lebih jelas lagi saya berikan ilustrasi kode CSS pada kotak komentar blog iniSEBELUM dan SESUDAH dilakukan perubahan.

Kode CSS kotak komentar SEBELUM dirubah :

#comments-block{border:0px dotted #ccc;width:507px;margin:1.3em 0 1.5em;line-height:1.6em}


Kode CSS kotak komentar SESUDAH dirubah :

#comments-block{max-height:300px;border:1px solid #eee;overflow:auto;width:507px;margin:1.3em 0 1.5em;line-height:1.6em}


6. Ukuran tinggi kotak komentar 300px, jenis border 1px solid serta warna border #eeedapat dirubah sesuai selera anda.
7. Jika sudah selesai, SAVE template anda.

Sekarang tampilan kotak komentar jadi lebih rapi bukan ? Kalo gitu segera saja sobat membuat scroll pada kotak komentar blog anda dengan sedikit menambahkan kode CSS saja, sehingga tampilan blognya juga jadi lebih simple dan rapi serta nyaman dipandang.

Thank's....Semoga bermanfaat...