Minggu, 07 April 2013

Cara Menambahkan Efek Rainbow Link di Blog

Apa kabar sobat blogger semua? Semoga semuanya kabarnya baik, ya. ~(^o^)~ Setelah sebelumnya Suzy post soal Cara Mendaftarkan Blog ke Google Webmaster, yang akan dibahas kali ini adalah... Cara Menambahkan Efek Rainbow Link di Blog.

Rainbow link itu apa sih?

Rainbow link adalah semacam efek yang akan membuat setiap link di blog kita, setiap dilewati oleh mouse, akan berwarna-warni seperti pelangi. Cara pemasangannya tidak sulit dan dampaknya pun postif bagi blog, yaitu bisa membuat tampilan blog kita menjadi warna-warni dan tidak membosankan. Contohnya bisa dilihat di blog ini. Setiap mouse melewati link yang ada di sini, otomatis linknya akan menjadi berwarna-warni, bukan? Apabila belum melihat, bisa ditest nanti.

Kodenya mana? Dan cara pemasangannya bagaimana?

Kodenya berupa kode HTML/Javascript. Yak, langsung saja, ini kodenya:



Cara pemasangannya yaitu sebagai berikut:


  1. Login ke akun Blogger milikmu
  2. Masuklah ke menu Tata Letak
  3. Pilih Add Gadget
  4. Lalu pilih gadget HTML/Javascript
  5. Masukkan kode yang ada di atas (judul biarkan kosong)
  6. Save dan lihat hasilnya.

Tidak terlalu sulit bukan? Nah, selamat mencoba dan semoga berhasil!

Cara Mendaftarkan Blog ke Google Webmaster

google webmaster tools
Sore! Setelah pagi (atau siang) hari tadi Suzy memposting soal Kumpulan Efek-Efek Untuk Blog, kali ini Suzy akan menposting, sesuai judulnya, Cara Mendaftarkan Blog ke Google Webmaster.

Sudah familiar dengan nama Google Webmaster? Kalau blogger newbie - dalam artian yang sesungguhnya, yang benar-benar baru memulai blogging, mungkin belum tahu. Google Webmaster sendiri adalah alat yang berguna untuk:


  • Increase traffic to your site
  • Get data of crawling, indexing, and search traffic
  • Receive notifications about problems on your site.

Jadi kalau diterjemahkan, kira-kira gunanya adalah untuk meningkatkan traffic ke blog kita, mendapatkan data untuk rayapan, indeks, dan traffic pencarian, serta untuk memberikan notifikasi soal masalah di blog kita... sebenarnya sih nggak persis begitu, tapi pokoknya kurang lebih begitu.

Cara mendaftarkan situsmu ke Google Webmaster adalah:

  • Pertama-tama kunjungi situs ini: https://www.google.com/webmasters/
  • Klik tombol "Masuklah ke Layanan Alat Webmaster"
  • Anda akan masuk ke halaman baru. Setelah itu, klik tombol "Tambahkan Situs" atau "Add Site".
  • Setelah itu anda akan diperlihatkan sebuah kotak dialog, isikan URL blog anda di sini.
  • Lalu, anda bisa memilih metode verifikasi yang diinginkan. Ada metode yang disarankan dan metode alternatif. Pilih metode alterntif.
  • Di metode alternatif, pilih metode "Tag HTML". Anda akan diminta untuk menyalin tag HTML yang sudah tersedia ke situs Anda. Bagaimana caranya? Lihat di bawah.

Masuk ke menu Template, lalu klik Edit HTML. Cari kode di bawah ini:



Anda bisa menggunakan kombinasi tombol Ctrl+F untuk memudahkan pencarian. Setelah kodenya ketemu, pastekan kode tadi di bawah tag <head>, sehingga hasilnya akan jadi seperti ini:



Jika sudah selesai, klik "Save Template" atau "Simpan Template". Setelah tag meta tersimpan, kembali ke situs Google Webmaster tadi, dan klik "Verify" atau "Verifikasi".

Setelah itu blog Anda sudah resmi terdaftar di Google Webmaster.

Ingat! Walaupun situs Anda sudah terverifikasi, jangan hapus tag meta itu dari template blog Anda. Hal ini juga sudah diperingatkan oleh Google Webmaster.

Sekian tutorial kali ini, selamat mencoba dan semoga berhasil ^_^
Sabtu, 06 April 2013

Kumpulan Efek-Efek untuk Blog

Siang! :D Nah, kali ini, sesuai judulnya, Suzy akan membahas tentang kumpulan efek-efek untuk blog.

Saat blogwalking, pasti kalian sering melihat efek-efek yang bermacam-macam di blog tersebut. Ambil saja contoh efek bunga berguguran. Sudah banyak blogger yang menerapkan cara ini, iya kan? Penasaran ingin menambahkan efek juga di blog? Kalau begitu simak saja artikel ini :D

(Sumber: blog Christian Tatelu.)

Kumpulan efek-efek ringan untuk blog:


1. Efek salju berjatuhan
<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

2. Efek hati bertaburan
<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

3. Efek bintang bertaburan
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

4. Efek kembang api
<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

5. Efek Gelembung
<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

5. Efek Kupu-Kupu Terbang
<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>


Cara pemasangan efek ringan untuk blog:

1. Login ke akun Blogger
2. Masuk ke menu Template
3. Klik tombol Edit HTML
4. Pastekan kode efek yang diinginkan di atas kode </body>
5. Save dan lihat hasilnya.

Lalu yang selanjutnya adalah efek menengah-berat untuk blog. Cara pemasangannya:

1 Login ke akun Blogger
2. Masuk ke menu Tata Letak
3. Klik tombol Add Gadget
4. Pilih gadget HTML/Javascript
5. Pastekan kode efek yang diinginkan
6. Save dan lihat hasilnya.

1.Meteor Jatuh
<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 2. Banjir
<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 3. Bunga Mekar
<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

4.  Bom Atom
<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

5. Ufo
<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

6. Graffity
<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

7. Shaver
<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

8. Gun
<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

9.Bloody gun
<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

10. Paint ball
<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

11. Chainsaw
<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

12. Dinosaur
<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

13. Lebah
<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

14. Lalat
<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

15. Semut
<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

16. Siput
<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

17. Cacing
<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

18. Mold
<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

19. Bayi merangkak
<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

20. Telur mata sapi
<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

21. Kopi tumpah
<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

22. Terbakar
<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

23. Tomat
<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

24. Creampie
<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

25. Murka
<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

26. Sapi Jorok
<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

27. Anjing Jorok 
<script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

28. Kencing Sembarangan
<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

Cara Memasang Template di Blogger

Bagi para blogger, kata "template" pasti sudah tidak asing lagi bukan? Yup, template adalah tampilan blog kita. Bagi blogger di platform Blogspot, mungkin bisa dengan mudah mengedit template blognya, tapi kalau blogger di platform WordPress, hanya bisa menggunakan template yang tersedia saja. Jadi, Suzy hanya akan membahas soal cara memasang template di Blogger.

Template yang bagus sudah ketemu, tampilannya rapi dan enak dipandang, tapi kalau misalnya kita tidak tahu cara memasangnya, apa gunanya? Nah, jadi lebih baik kita langsung saja ke topik utamanya. Suzy juga serahkan screenshot step-by-step supaya nggak bingung.

Pertama, login ke Blogger. Lalu, anda akan secara otomatis masuk ke homepage Blogger.

tampilan menu homepage blogger
Maaf karena beberapa bagian harus Suzy blur, tapi itu privacy! :D

Kedua, masuklah ke menu Template. Template yang sekarang Anda gunakan akan muncul, dan juga pilihan untuk mengedit HTML.

tampilan menu template di blogger
Tampilan menu Template

Nah, sekarang ada dua pilihan untuk Anda. Apakah Anda akan memasang template dengan mengedit HTML, atau dengan upload file? Itu tergantung dengan format template yang Anda miliki. Lebih jelasnya, silakan lihat dibawah.

Cara Pasang Template dengan Format Kode HTML

Menurut Suzy, cara ini rumit. Karena kita harus menghapus semua kode HTML yang sudah ada, dan sebagai peringatan, satu template saja bisa memuat kode HTML sampai ratusan (atau ribuan?) baris kode HTML yang harus dihapus. Tapi, kalau template yang Anda miliki masih dalam format kode HTML, mau tidak mau Anda harus menggunakan cara yang satu ini.

Pertama, di menu Template tadi, klik tombol "Edit HTML" yang ada di sebelah tombol "Sesuaikan". Lalu, sebelum Anda mulai mengedit, pertama-tama centang dulu kotak Expand Template Widget. Seperti di bawah ini:

kotak edit HTML
Kotak Edit HTML

Kedua, hapus semua kode yang sudah ada di dalam kotak Edit HTML itu, lalu ganti dengan kode HTML template yang Anda miliki. Klik "Simpan Template" dan lihat hasilnya.

Salah satu situs penyedia kode HTML untuk template Blogger adalah Free Code Source. (Silakan kunjungi link tersebut jika Anda masih berminat mencari template yang lain. :D

Cara Pasang Template dengan Format File

Cara ini cenderung lebih mudah, tapi mencari filenya itu yang susah. Nah, untuk tutorial ini, Suzy anggap semuanya sudah mempunyai template dengan format file yang dimaksud. (karena Suzy juga tidak tahu dimana sumber template-template dalam format file yang terpercaya, bagi sobat blogger yang tahu bisa membagikan ilmunya di kolom komentar).

Pertama, masih dalam menu Template tadi, klik menu Cadangkan/Pulihkan di sebelah kanan atas.

menu cadangkan/pulihkan
Menu Cadangkan/Pulihkan (yang diberi gambar kotak berwarna merah)

Kedua, Anda akan diperlihatkan sebuah kotak dialog seperti ini:

kotak dialog pengunggahan file template di menu cadangkan/pulihkan
Kotak dialog

Ketiga, klik tombol "Choose File" yang sudah kuberi gambar kotak berwarna merah. Lalu, pilih file template yang sudah Anda simpan di komputer/laptop Anda. Oh ya, apabila format filenya masih berupa .zip, jangan lupa untuk mengekstraknya dengan program WinZip atau program lainnya sebelum meng-upload filenya. Karena format template yang bisa diunggah hanya file dengan format .xml.

Setelah file template itu terpilih, klik tombol "Unggah", dan lihat hasilnya.

Cara Mem-Backup Template

Saat mengedit template, kita tidak pernah tahu apabila hasilnya tidak sesuai perkiraan. Bisa jadi terjadi hal-hal yang tidak diinginkan saat kita mengedit template. Untuk mengantisipasinya, kita bisa mengunduh template blog kita yang belum diedit. Caranya sebagai berikut:

Pertama. klik tombol "Cadangkan/Pulihkan."

Kedua, klik tombol "Unduh template lengkap".

Ketiga, simpan file template itu ke komputer/laptop Anda.

Dengan cara ini, apabila template Anda rusak atau terjadi hal-hal yang tidak diinginkan, Anda bisa langsung meng-upload template Anda yang lama.

Apabila Anda sudah mengerti tentang cara pemasangan template, maka Anda juga sudah bisa mulai mengoptimisasi SEO dengan cara memasang template yang SEO friendly.

Akhir kata, jika Anda menyukai artikel ini dan ingin menyebarluaskannya kepada orang lain, tolong sertakan link sumbernya. Sekian dan terima kasih ~(^o^)~

Kriteria Template yang Baik

Malam ~(^o^)~ Sekarang Suzy mau membahas soal Kriteria Template yang Baik. Mungkin ada template yang tertata rapi, indah, dan enak dipandang. Tapi, kalau template itu tidak memenuhi kriteria template yang baik di mata mesin pencari, maka upaya agar blog cepat terindex mungkin akan menjadi agak sulit. Jadi, yuk kita pelajari kriteria apa saja yang harus dipenuhi template blog kita agar cepat diindex mesin pencari.

Nah, kriteria-kriteria tersebut meliputi:
  • Bagian yang paling ditekankan diberi tag H1. Pada homepage judul blog harus diberi tag h1. Pada halaman artikel judul artikel yang diberi tag h1.
  • Mempunyai breadcrumbs.
  • Loading harus cepat.
  • Komentar harus dipertahankan menjadi nofollow.
  • Artikel di sisi kiri dan sidebar di sisi kanan. (ada beberapa template yang menyajikannya secara terbalik)
  • Title tag pada halaman artikel harus menampilkan judul artikel terlebih dahulu.
  • Menggunakan microdata dan mciroformat tagging sesuai aturan.
Apabila template blog Anda sudah SEO friendly, maka ada baiknya Anda mengoptimasi SEO dengan melakukan hal-hal berikut:
  • Usahakan membuat artikel yang berkualitas
  • Cetak tebal kata-kata penting jika diperlukan.
  • Setiap memasang gambar, gunakanlah ALT Tag.
  • Pasang meta deskripsi saat memasang artikel baru.
  • Jangan lupa cari backlink dan promosikan blog di social network dan forum online ~(^o^)~

Selamat mencoba dan semoga berhasil! (=^.^=)

Kumpulan Template Blogger SEO Friendly

Mempunyai pagerank tinggi, blognya ada di halaman pertama Google, dan mempunyai pengunjung yang mencapai angka ribuan di blognya adalah impian setiap blogger. Supaya blognya dapat memenuhi ketiga kriteria itu, maka diperlukan teknik SEO. Salah satunya dengan menggunakan template blogger SEO friendly.

Template yang digunakan blogku sekarang ini juga termasuk template yang SEO friendly. Lebih spesifiknya lagi, template dengan cardboard style. Template ini merupakan kesukaanku karena tampilannya rapi tapi tetap feminim. Selain template dengan cardboard style, ada juga beberapa template yang lain. Penasaran? Cekidot! :D

Template Cardboard Style

Template cardboard style ini mempunyai banyak kelebihan. Diantaranya:
  • Script yang dijabarkan dalam HTML blog
  • Sudah dilengkapi dengan breadcrumbs
  • Title tag sudah SEO friendly
  • Size HTML file-nya kecil
  • Melampirkan rich snippet code
  • File gambar background dihost ke blogger.com dan ukurannya kecil
  • Sudah memiliki widget artikel terkait / related post.
Banyak bukan kelebihannya? Selain itu, template ini juga terdiri dari dua desain. Yaitu desain maskulin dan desain feminin. Tentu saja, desain maskulin diperuntukkan bagi blogger laki-laki dan desain feminin diperuntukkan bagi blogger perempuan. Jangan sampai terbalik ya. He he he...

Tampilannya bisa dilihat di bawah ini.

template seo friendly cardboard style feminine design
Template Cardboard Style dengan desain Feminine

Template di atas itu adalah template yang dipakai di blog Suzy's Notebook ini. Tidak perlu pakai link test demo, karena tinggal buka homepage blog ini, jadi, deh.

Untuk download template di atas, silakan buka link ini. (via MediaFire)

Lalu, yang selanjutnya adalah template cardboard style dengan desain maskulin. Keunggulannya masih sama dengan template feminin, hanya berbeda warna saja. Tampilannya bisa lihat di bawah:

template seo friendly cardboard style masculine design
Template cardboard style desain maskulin

Untuk melihat blog demo, buka link ini.

Untuk mengunduh, buka link ini.

Nanti, isi postnya bisa diedit sendiri. Itu kan hanya tampilan default saja.

Template Simple Slider

Template ini tersedia dalam 5 warna, yaitu Black, Blue, Green, Gray, dan Yellow. Template ini juga dilengkapi dengan slider. Tampilannya bisa lihat di bawah:

template simple slider 5 colors
Template simple slider, tersedia 5 warna

Untuk link unduhan, bisa dilihat di bawah:

Kode Warna HTML

Sudah pernah melihat kode warna HTML? Kode warna HTML itu seperti #FE8080, #FFFFFF, dan kawan-kawannya itu. Beberapa layanan pembuat logo atau website biasanya melayani kustomisasi warna dalam bentuk kode warna HTML. Jadi, kita harus mengetahui kodenya dulu, baru kita bisa mengetikkan kodenya ke dalamnya.

Karena sudah pasti ribet kalau dijabarin satu persatu, lebih baik Suzy kasih satu model kode warna lengkap yang kalau diklik bisa langsung banyak warnanya.

Yak, langsung saja, ini kode warnanya:




Cara kedua, dengan menggunakan HTML color code generator online. Ada dua situs penyedia HTML code generator yang Suzy tahu. Monggo dibuka situsnya. :D #mendadakjadiorangjawa
  1. http://colorschemedesigner.com/
  2. http://html-color-codes.info/

Kalau ingin membagikan informasi ini kepada orang lain, tolong sertakan link sumbernya ya! Thanks, and good luck! :D

Cara Pasang Widget I Love Indonesia

Sebagai seorang blogger, baik pemula maupun profesional, pasti sudah familiar dengan kata-kata "widget". Baik blogger yang ada di platform WordPress maupun Blogger, para blogger juga biasanya menambahkan widget untuk membuat blognya tampak menarik. Entah memasang widget gambar animasi (seperti animasi hewan peliharaan) sampai widget TV online.

Perkembangan teknologi memang tidak bisa dipungkiri. Untuk membuat blog kita tampak berbeda dari yang lainnya, maka kita juga harus kreatif. Entah dengan memodifikasi template supaya terlihat berbeda dari yang lain, menambahkan segala jenis efek dan elemen untuk blog, dll dst etc. Nah, yang dibahas sekarang cuma satu kok, yaitu widget I Love Indonesia.

Aku juga sudah memasang widget ini di blogku. Widgetnya ada di sebelah kanan atas, berwarna merah putih. Pemasangan widget ini bisa untuk menunjukkan rasa support kita terhadap ibu pertiwi (caelah bahasanya). Para blogger lain juga sudah banyak yang memasang widget ini, Kalau mau ikutan juga, silakan ikuti cara berikut. :D

1. Login ke akun Blogger kamu.
2. Pilih menu Tata Letak.
3. Pilih lagi menu Add Gadget.
4. Lalu klik tombol HTML/Javascript.
5. Pastekan kode yang ada di bawah ini.


6. Klik save dan lihat hasilnya. Taraaa... Widget I Love Indonesia sudah ada di bagian kanan atas layar.

Mudah bukan? Selamat mencoba!
.

About This Blog

Hai! Apa kabar? #SKSDModeOn. :D Yak, lebih baik langsung ke intinya saja. Intinya sebenarnya sama sekali tidak berinti, yaitu hanya penjelasan singkat (yah, mungkin cukup panjang) tentang blog ini.

My name is Suzy and of course it is not my real name. Aku juga nggak niru-niru namanya Suzy (member Miss A). I'm Indonesian, dan nggak mau disamain sama Suzy dari Miss A. (selain karena mukanya juga beda jauh, Suzy yang di Korea berkulit putih dan aku berkulit sawo matang khas orang Indonesia). Blog ini kubuat, tujuan awalnya sebagai media untuk "menyetorkan" cerita sehari-hari dan supaya orang lain juga bisa membacanya. Ini blog keduaku di platform Blogger. Blog pertamaku yang rencananya udah mau aku discontinue adalah Sylvette's Journal. Yang udah pernah baca blogku yang itu, tolong beralih ke blog yang ini aja ya. :D

Template blog ini bukan punyaku, aku mendapatkannya dari internet.

Dan jangan lupa, blog ini dibuat sejak tanggal 6 April 2013. Awas copas!

Rencananya sih, isi blog ini sarat akan informasi, dari yang penting seperti informasi di sekitar kita, panduan blogging, SEO, dll, sampai yang nggak penting seperti cerita sehari-hari. Ya, gapapa tho, orang namanya aja Suzy's Notebook, iya kan? :D

Bagi yang mau tukar link silakan, ini kode link banner.


suzy's notebook banner



Kalau yang mau cari link download cursornya juga silakan, ini linknya beserta panduan cara pemasangannya di Blogger. Kalau di WordPress nggak ada.


Salam blogger! :D