Trik Memproteksi Blog

To do Point Aja yah kan yang dibutuhin juga kode scriptnya aja,, he,,,

• Langkah pertama yang harus dilakukan adalah login dulu ke blogger,
• kemudian pilih Layout --> Edit HTML
• cari kode body letaknya kira-kira di tengah bagian kiri, dan biasanya setelah kode head. 

perlu diperhatikan bahwa di dalam kode html terdapat banyak tulisan "body", jangan salah memilih body ya

nah kalo sudah ketemu letakkkan script ini didalamnya

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

Example-nya seperti ini nih, tp ingat hilangin tanda bintang (*) didepan tulisan body

<*body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >

Selesai Deh,,,, Gampang kan………

“PERHATIAN”

kalo memang tidak benar-benar diperlukan, jangan menggunakan trik ini. .

Karena Kalo pake trik proteksi ini, maka untuk form-form isian seperti search engine, kotak komentar haloscan, shoutbox ogix. tidak bisa diisi,kalau udah begini kan temen-temen jadi tidak leluasa dong maennya

Membuat Avatar Komentar Pada Blogger

Kabar gembira nih bagi para pecinta Blogspot. Dalam merayakan ulang tahun Blogger (Blogspot) yang kesepuluh, Blogspot telah meluncurkan lagi fitur barunya, yaitu menambah fitur avatar pada komentar yang ditulis pada sebuah posting. Avatar itu merupakan sebuah gambar kecil yang mewakili atu menggambarkan pemiliknya (pemilik avatar itu sendiri). Dengan adanya avatar tersebut, kotak komentar pada blog kita tentu akan semakin indah . Sedangkan bagi penulis komentar, menampilkan avatar tentu kesukaan tersendiri karena bisa menunjukkan gambar milik kita pada blog orang. Tentu bisa juga jadi ajang pamer tampang melalui avatar. He3x.

Namun, masih ada kekurangan dari fitur baru ini, yaitu avatar hanya muncul jika kita berkomentar menggunakan akun Google, dan yang ditampilkan pun merupakan foto profil Blogger milik kita. Selain itu, avatar terlihat jika kita dalam keadaan login pada akun Google. Bagaimana jika Anda sendiri tidak memiliki foto profil Blogger? Anda bisa menambahkan langsung foto avatar Anda ketika mengisi komentar tersebut. Pada kotak komentar telah disediakan kolom untuk upload foto yang akan Anda jadikan avatar komentar.

Untuk mengkatifkan fitur ini, silahkan lakukan langkah-langkah berikut:

1.  Masuk ke akun Blogspot Anda.
2. Pada dasbor, klik link menu Pengaturan, kemudian pilih subtab menu Komentar. Pada bagian Tampilkan gambar profil dalam komentar silahkan klik pilihan Ya jika ingin menampilkan avatar pada komentar blog.

Sebenarnya dulu untuk menampilkan avatar pada komentar, kita bisa melakukannya dengan mengotak-atik template blog  kita. Namun, dengan adanya fitur baru ini, diharapkan bisa semakin mempermudah dalam mempercantik blog Anda.
Jangan Lupa KOMENTARNYA !!!

Membuat Link Warna - Warni

Tips kali ini saya akan menjelaskan cara membuat kita supaya teringat akan masa2 di TK. Eh salah, cara membuat link warna warni hehe… Mau tau?

Berikut Cara Membuat Link Warna Warni:
1. Login ke akun Blogger anda
2. Pilih Layout > Edit HTML
3. Cari kode <head>, lalu paste kode berikut dibawahnya:

<script src='http://tipsbloggerzacky.googlecode.com/files/rainbow.js'/>

4. Terakhir, klik Save Template.

Selamat mencoba…

Jangan lupa kasih komentar ya…

Cara Membuat Status Yahoo Messenger di Blog

Punya email Yahoo? Pasti pernah jugakan chatting menggunakan Yahoo Messenger (YM)? Bagi blogger yang juga senang chatting tentu ingin pengunjung blognya mengetahui status YM yang bersangkutan sehingga pengunjung blog tersebut bisa menyapa YM blogger melalui blog yang telah dipasangin status YM tersebut. Jika kita sedang online, maka status YM yang kita pasang pada blog akan seperti gambar berikut:

Sedangkan jika offline, maka status YM pada blog akan berubah menjadi seperti gambar berikut:

Cara membuat status Yahoo Messenger di blog cukup mudah. Berikut langkah-langkah menambahkan status YM di blog tersebut:

1. Silahkan login pada akun blogspot pembaca.
2. Pada dasbor, klik link Tata Letak, kemudian pilih submenu Elemen Halaman.
3. Klik link Tambah Gadget di salah satu bagian sidebar (pilih dimana Anda ingin menambahkan status YM tersebut).
4. Akan muncul window tambahkan gadget, kemudian pilih gadget HTML/Javascript.
5. Copy paste kode berikut ke dalam kotak HTML/Javascript tersebut:
   <a href="ymsgr:sendIM?ID-YM"><img src="http://opi.yahoo.com/online?u=ID-YM&m=g&t=1&l=us"/>
</a>
   
6. Ganti tulisan ID-YM yang berwarna merah dengan ID Yahoo Messenger Anda. Anda juga bisa memilih tipe gambar status dengan mengganti angka 1 yang berwarna biru dengan angka 2, 3, dan seterusnya. Angka-angka itu sesuai dengan tipe yang disediakan oleh Yahoo. Jadi, silahkan dicoba-coba mengganti angkanya.
7. Klik tombol Simpan.

Bagi Anda yang mempunyai web atau blog menggunakan Wordpress, juga bisa membuat status YM di Wordpress Anda. Cara membuatnya sebagai berikut:

1. Login ke dashboard Wordpress Anda.
2. Klik menu Widgets pada bagian Appearance yang ada di sebelaj kiri.
3. Tambahkan widget Text dengan mengklik link Add. 
4. Copy paste kode berikut ke dalam kotak HTML/Javascript tersebut:
   <a href="ymsgr:sendIM?ID-YM"><img src="http://opi.yahoo.com/online?u=ID-YM&m=g&t=1&l=us"/>
</a>
   
5. Ganti tulisan ID-YM yang berwarna merah dengan ID Yahoo Messenger Anda. Anda juga bisa memilih tipe gambar status dengan mengganti angka 1 yang berwarna biru dengan angka 2, 3, dan seterusnya. Angka-angka itu sesuai dengan tipe yang disediakan oleh Yahoo. Jadi, silahkan dicoba-coba mengganti angkanya.
6. Klik tombol Save Changes.
7. Jangan Lupa KOMENTARNYA !!!!

Cara Membuat Daftar Isi Blog Otomatis

Tidak hanya pada buku, tapi blog juga bisa mempunyai sebuah daftar isi. Hmm,, dengan daftar isi pengunjung blog akan mudah menemukan artikel yang akan mereka baca. Sebagai contoh, di bagian sidebar blog ini telah saya pasang daftar isinya sehingga anda bisa menjelajahi blog ini tanpa keraguan akan tersesat, hehehe… Daftar isi tersebut saya buat secara manual (klik disini untuk cara membuat daftar isi manual). Tapi untuk anda yang baru di dunia Blogger dan malas ngetik, maka di tips kali ini akan saya jelaskan cara membuat daftar isi secara otomatis. Kenapa otomatis? Karena di setiap kali kita membuat artikel maka daftar isinya akan langsung bertambah dengan sendirinya. Mau tau caranya?

Berikut Cara Membuat Daftar Isi Blog:

1. Login ke akun Blogger anda

2. Pilih Layout > Edit HTML

3. Backup dulu template anda.

4. Cari kode ]]></b:skin>, lalu paste kode berikut tepat di atasnya:

#toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;}
.toc-header-col1, .toc-header-col2,
.toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;}
.toc-header-col2 { width:75px;}
.toc-header-col3 { width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited,
.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,
.toc-header-col3 a:visited { font-size:100%; text-decoration:none;}
.toc-header-col1 a:hover,
.toc-header-col2 a:hover,
.toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}

5. Klik Save Template

6. Selanjutnya, pilih menu Page Elements

7. Tambahkan Page Elements dengan HTML/Javascript

8. Paste kode <div id="toc"></div> ke dalam kotak content, lalu klik Save

9. Pindahkan element tersebut ke atas element post

10. Tambahkan Page Elements dengan HTML/Javascript. Beri judul yang anda inginkan, lalu paste kode berikut ke dalam kotak content:

Kode untuk tampilan berbahasa Inggris:

<div id="toclink"><a href="javascript:showToc();">Daftar Isi</a><br/><br/></div><script style="text/javascript" src="http://tipsbloggerzacky.googlecode.com/files/blogtoc.js"></script><script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

Kode untuk tampilan berbahasa Indonesia:

<div id="toclink"><a href="javascript:showToc();">Daftar Isi</a><br/><br/></div><script style="text/javascript" src="http://tipsbloggerzacky.googlecode.com/files/daftarisi.js"></script><script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

Ganti tulisan NAMABLOGANDA dengan alamat blog anda.

11. Terakhir, klik Save untuk menyimpan element baru tersebut.

Selamat mencoba..

Jangan lupa kasih komentar ya…

Cara Memasang Jadwal Sholat

Khusus buat sahabat Blogger yang muslim, kali ini saya akan membagikan widget Jadwal Sholat. Selain untuk mempercantik blog anda, widget ini juga bisa membuat anda dan para pengunjung untuk sholat tepat pada waktunya :y. Jadi jangan blogging dan browsing saja kerjaannya, sholat dulu yang penting, ya nggak? Mau tau cara memasangnya?

Berikut Cara Memasang Jadwal Sholat Di Blog:
1. Buka situs IslamicFinder.org
2. Klik link Add new sevices to your site yang berada di bagian bawah halaman utama
3. Klik dropdown menu yang ada tulisan Select a Country
4. Plih Negara tempat tinggal anda. Contoh: Indonesia. Lalu klik GO
5. Pilih kota tempat tinggal anda, lalu klik tombol Generated Code dan copy kode HTML yang diberikan
Selesai untuk proses di IslamicFinder.org.
Sekarang saatnya kita pasang widget tersebut di blog. Caranya:
1. Login ke akun Blogger anda
2. Pilih Layuot > Page Elements
3. Tambahkan Page Elements dengan HTML/Javascript
4. Paste kode HTML yang anda copy tadi ke kotak content
5. Terakhir, klik Save untuk menyimpannya.
Sekarang blog anda kan sudah punya jadwal sholat, jadi seperti yang saya bilang tadi jangan blogging dan browsing saja kerjaannya, sholat dulu yang penting, ok?! :D
Selamat mencoba…
Jangan lupa kasih komentar ya…

Cara Menampilkan 10 Artikel Di Recent Posts

Widget Recent Posts bawaan Blogger hanya bisa menampilkan paling banyak 5 artikel terbaru, ya kan? Coba anda lihat pada bagian sidebar blog saya ini, disana ada widget "Posting Terbaru". Disana saya menampilkan 10 artikel. Gimana dengan yang anda punya? Masih 5 artikel paling banyak kan? Anda ingin menambahnya? Tenang, di tips kali ini saya akan menjelaskan cara membuat widget seperti yang saya punya itu. Mau?

Berikut Cara Menampilkan 10 Artikel Di Recent Posts:

1. Login ke akun Blogger anda

2. Pilih Layout > Page Elements

3. Tambahkan Page Elements dengan HTML/Javascript

4. Paste kode berikut ke dalam kotak content:

<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script>

<script>
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>

<script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
<div class="clear"></div><p style="text-align:right; font-size:9px;">Brought to you by: <a href="http://tips-blogger-zacky.blogspot.com" title="Blogger Tips - Blogger Template - SEO">Tips Blogger Zacky</a></p>

Ganti NAMABLOGANDA dengan alamat blog anda.

5. Terakhir, klik Save.

Note:
- Anda bisa menampilkan lebih dari 10 artikel dengan mengganti nilai var postshow=10; dengan nilai yang lebih tinggi. Di tips ini saya menjelaskan cara untuk 10 artikel karena menurut saya jumlah paling banyak dan baik untuk artikel terbaru adalah 10.

- Anda juga bisa menggunakan widget ini untuk Recent Comments / Komentar terbaru. Caranya, cari kode berikut:

<script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

Ganti tulisan posts dengan comments.

Selamat mencoba...

Jangan lupa kasih komentar ya...

Memasang Pelacak IP Address

Bagi sobat yang suka akan aksesori blog, ada lagi nih blog toolsekaligus sebagai aksesori blog. Tool ini berfungsi untuk melacak alamat IP (Internet Protocol) sang pengunjung blog kita. Selain IP address, tool ini juga bisa melacak browser serta Operating system yang dipakai oleh pengunjung.

Untuk mendapatkan tool ini, sobat bisa mendapatkannya di banyak situs pada internet. Agar tidak usah bingung mencari, saya ambil contoh salah satunya adalah http://www.ipnow.org. Salah satu contoh tampilan yang di miliki situs ini adalah sebagai berikut :

           

Tertarik memasang ini? Silahkan ikuti langkah-langkah berikut ini :

1. Silahkan buka situs http://www.ipnow.org


2. Di bawah tulisan Custom Image ada beberapa tampilan yang bisa di pilih. Ambil contoh : klik yang Custom Graphical Info Image


3. Pilih warna backround serta warna text yang di inginkan oleh sobat


4. Klik tombol Create My Image


5. Tunggu beberapa saat sampai proses selesai


6. Copy kode yang di bawah tulisan Linked Image, paste pada notepad untuk keperluan nanti di masukan ke blog


7. Silahkan tutup situs tersebut

Untuk cara memasukan kode yang di copy tadi, silahkan ikuti petunjuknya !

Untuk template klasik :

1. Sign in di blogger


2. Klik menu Template


3. Klik menu Edit HTML


4. Copy seluruh kode template sobat, lalu paste pada notepad, silahkan save dulu untuk backup data


5. Copy kode yang ada di notepad tadi lalu paste pada tempat yang sobat inginkan


6. Klik tombol Pratinjau untuk melihat perubahan


7. Jika sudah OK, klik tombol Simpan Perubahan Template


8. Selesai.

Untuk template baru :

1. Sign in di blogger


2. Klik menu Layout


3. Klik menu Elemen halaman


4. Klik tulisan Tambah sebuah Halaman Elemen


5. Klik tulisan TAMBAHKAN KE BLOG di bawah tulisan HTML/javascript



6. Copy kode yang ada pada notepad, kemudian paste pada kolom yang tersedia


7. Klik tombol SIMPAN PERUBAHAN


8. Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN


9. Selesai.

Situs lain yang menyediakan layanan seperti ini bisa sobat kunjungi :

1. http://www.danasoft.com


2. http://www.ip2phrase.com

Mau lihat contoh blog yang memakai fasilitas ini? Silahkan klik di sini !

Selamat mencoba deh !

Membuat Kotak Komentar dibawah Posting

Pada blogspot, fasilitas kotak komentar pada awalnya hanya bisa dimunculkan memalui halaman atau jendela baru, bukan pada halaman posting yang ingin dikomentari tersebut, sehingga terkadang membuat pengunjung menjadi repot karena harus membuka halaman baru jika ingin memberikan komentar. Sebenarnya pada saat itu, kotak komentar bisa dimunculkan langsung dibawah posting, namun untuk melakukannya kita perlu sedikit merombak struktur HTML template kita. Namun, sejak beberapa waktu yang lalu, blogspot telah memberikan fasilitas membuat kotak komentar dibawah posting tanpa harus mengotak-atik struktur template kita. Hal ini tentu sangat bagus sekali terutama bagi kita yang telah mengganti template blogspot dan ingin melengkapi fiturnya sehingga terkesan tidak tanggung-tanggung. Tetapi, untuk saat ini, fasilitas tersebut masih dalam tahap pengonsepan dari blogspot, sehingga untuk mengaktifkan fasilitas tersebut, kita melakukannya melalui halaman Draft.
Untuk itu, kita akan masuk ke halaman http://draft.blogger.com, bukan lagi http://blogger.com. Berikut langkah-langkah setting kotak komentar dibawah posting:

1. Silahkan klik link akun draft diatas untuk masuk ke dasbor pembaca.Klik link menu Pengaturan, kemudian pilih sub menu Komentar.
2. Pada bagian "Penempatan Formulir Komentar", pilih opsi "Disemat di bawah entri".
3. Klik tombol SIMPAN SETELAN, kemudian lihat hasilnya.

Jika telah berhasil, maka kita akan melihat kotak penulisan komentar muncul langsung dibawah posting. Namun, berdasarkan pengalaman saya ketika mencoba menempatkan kotak komentar dibawah post tersebut, langkah-langkah diatas terkadang tidak berhasil. Ini mungkin disebabkan template yang sudah dimodifikasi dari yang default. Untuk template yang baru atau belum dilakukan modifikasi template blogspot yang dipakai, kemungkinan besar akan berhasil. Maka saya akan memberikan langkah tambahan agar pekerjaan kita memunculkan kotak komentar dibawah posting tersebut bisa berhasil.

1. Pada dasbor pembaca, klik link menu Tata Letak, kemudian pilih sub menu Edit HTML. Beri tanda centang pada kotak kecil yang ada tulisan Expand Template Widget agar struktur kompleks template kita bisa terlihat.
2. Lakukan terlebih dahulu backup template dengan mengklik link Download Template Lengkap, agar jika terjadi kesalahan dalam melakukan perubahan, bisa mengembalikannya pada keadaan semula.
3. Cari bagian dibawah ini:
   
   <p class='comment-footer'>
   <b:if cond='data:post.allowComments'>
   <a expr:href='data:post.addCommentUrl'
   expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
   </b:if>
   </p>
4. Ganti struktur diatas dengan struktur berikut. Setelah itu klik tombol SIMPAN TEMPLATE.
   
   <p class='comment-footer'>
   <b:if cond='data:post.embedCommentForm'>
   <b:include data='post' name='comment-form'/>
   <b:else/>
   <b:if cond='data:post.allowComments'>
   <a expr:href='data:post.addCommentUrl'
   expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
   </b:if>
   </b:if>
   </p>

Semoga langkah-langkah diatas sudah bisa membantu pembaca dalam memunculkan kotak komentar tepat dibawah posting.\

Jangan Lupa KOMENTARNYA !!!!

Cara Membuat Navigasi Breadcrumb di Blogspot

Seberapa penting Navigasi Breadcrumb di Blog? Jawabannya cukup penting, karena dengan adanya navigasi ini, mempermudah user ataupun spider dalam menelusuri blog kita (tidak tersesat).

Konon pula katanya, dengan menambahkan fasilitas navigasi breadcrumb ini pada blog, mampu meningkatkan nilai SERP (Search engine results page) dari blog kita.

Langkah-langkahnya adalah sebagai berikut:

1. Login ke Dasboard - Design blog anda;

2. Klik menu Design - Edit HTML;

3. Pada menu edit HTML klik Expand Widget Templates;

4. Cari kode <b:if cond='data:post.title'>

5, Letakkan kode berikut di bawah point 4;

<!-- Navigasi Breadcrumb Start -->
<b:if cond='data:blog.pageType == "item"'>
<a href='http://nama-blog-anda.blogspot.com/'>Home</a> &#187;
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>
<!-- Navigasi Breadcrumb Stop -->

6. SAVE

Jika tidak ada kesalahan dalam penempatan script, maka akan terlihat tampilan berbeda (navigasi breadcrumb) di atas judul artikel, seperti berikut ini:

Selamat mencoba dan semoga bermanfaat :)
Jangan lupa FOLLOWnya dan KOMENTARNYA !!!!!

Meletakkan Widget Di Bawah Header

Pada umumnya pada template blogger tidak bisa untuk menyimpan widget atau elemen langsung di bawah header, dan jika ada itu sudah hasil editan dari owner template tersebut. Biasanya template hanya bisa menyimpan di atas elemen post tapi tentu saja lebar dari elemen tersebut hanya selebar elemen post. Lalu timbul pertanyaan, apakah bisa kita meletakkan widget tepat di bawah header dan ukurannya sama dengan header tersebut? Jawaban dari pertanyaan itu ada di tip kali ini. Mau tau?

Berikut Cara Meletakkan Widget Di Bawah Header:

1. Login ke akun Blogger anda
2. Pilih Layout > Edit HTML
3. Untuk jaga2, bacup dulu template nya
3. Udahkan? Sekarang cari kode berikut:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

4. Ganti kode tersebut dengan kode berikut:

<b:section class='header' id='header' preferred='yes'>

5. Klik Save Template
6. Sekarang pindah ke tab Page Elements
7. Lihat pada bagian Header nya, sudah ada tulisan add gadget kan? Nha, kalau mau menambahkan elemen tinggal klik aja tulisan itu.

Gimana? Mudahkan?
Selamat mencoba…

Cara Melakukan Backup Website atau Blog

Melakukan backup website, termasuk pula blog, sangat penting kita lakukan. Banyak alasan kenapa kita wajib melakukan backup website, baik database website maupun keseluruhan file website tersebut. Salah satunya adalah sebagai antisipasi jika terjadi kerusakan pada website kita. Hal ini sudah sangat sering saya alami. Bahkan, beberapa waktu lalu, salah satu website yang saya buat diserang oleh hacker. Akibatnya, database dan tampilan website menjadi rusak.

Untungnya website tersebut saya hostingkan pada hosting berbayar karena memang milik salah satu klien yang memesan website pada saya. Salah satu layanan dari provider hosting tersebut adalah mereka melakukan backup website yang ber-hosting ditempatnya secara berkala. Akhirnya, meskipun dengan manual recovery, website tersebut dapat dikembalikan seperti semula. Hal itu tentu menjadi contoh kelebihan hosting berbayar dibandingkan dengan hosting gratis.

Namun, bagaimana pula dengan kita yang masih menggunakan layanan hosting gratis atau blog gratis? Tentu fasilitas backup website yang dilakukan oleh provider hosting gratis tersebut tidak ada. Artinya, kita harus melakukan backup website secara manual. Namun, sebenarnya backup website tidaklah sulit. Berikut beberapa cara sederhana yang mungkin bisa pembaca gunakan:
UNTUK BLOGSPOT:
A. Backup Posting (tulisan) + Komentar:

1. Login pada akun blogspot Anda. Pada dasbor, klik link menu Pengaturan.  
2. Kemudian klik subtab Dasar.  
3. Pada bagian Alat Blog, klik link "Ekspor Blog". Selanjutnya akan muncul bagian "Ekspor blog Anda". Silahkan klik tombol "Unduh Blog" untuk men-download backup-an posting dan komentar blogspot Anda.
4. Jika Anda ingin mengembalikan atau meng-upload posting dan komentar yang di-backup tadi, caranya adalah dengan mengklik link "Impor Blog" yang ada pada langkah 3 di atas.

B. Backup Template

1. Login pada akun blogspot Anda. Pada dasbor, klik link menu Tata Letak
2. Kemudian piilih subtab Edit HTML.
3. Pada bagian Backup/Restore Template, klik link Download Template Lengkap untuk mem-backup template blogger Anda.
4. Jika Anda ingin mengembalikan template tadi, silahkan klik tombol Browse dan pilih backup template yang Anda download seperti pada langkah 3, kemudian klik tombol Unggah.

UNTUK WORSPRESS CMS:
A. Backup Posting (tulisan) + Komentar:

1. Login ke akun Wordpress Anda. Kemudian klik menu Export yang ada pada bagian Tools.
2. Selanjutnya klik tombol Download Export File. Yang bisa kita backup adalah posts (artikel yang kita tulis, pages, comment, custom fields, categories, dan tags.
3. Jika ingin mengembalikan (restore) data tersebut, silahkan klik tombol Import yang juga ada pada bagian Tools. 
4. Selanjutnya pilih "Wordpress" untuk meng-upload data backup-an yang kita simpan dari langkah 2 tadi. Salah satu yang menarik adalah bahwa kita juga bisa meng-import konten (posting dan komentar) dari provider lain seperti Blogspot (Blogger). Artinya, backup-an yang Anda peroleh dari langkah 3 bagian A pada Blogspot di atas juga bisa Anda import ke dalam Wordpress CMS Anda.

B. Backup File Wordpress CMS:
Untuk contoh bagaimana cara backup file website Wordpress CMS, kita akan gunakan Wordpress CMS yang disimpan di hosting gratis Www.000webhost.Com. Untuk itu, ada baiknya pembaca membaca terlebih dahulu artikel mengenai layanan hosting gratis di Www.000webhost.Com. Klik di sini.

1. Login pada akun hosting Anda. Dalam hal ini kita contohkan pada Www.000webhost.Com.
2. Setelah masuk ke halaman control panel, klik menu Backups yang ada pada bagian Files.
   
   
3. Selanjutnya klik tombol Generate New Fresh Backup. Setelah itu Anda akan diminta untuk menunggu sampai proses backup selesai (sekitar 5 menit).
   
   
4. Jika backup selesai, pada tabel yang ada di bagian "Files on Remote Backup Server" akan terlihat hasil backup file website Wordpress Anda.
5. Anda juga akan melihat muncul tombol baru bernama "Make Backups Available for Download". Jika Anda ingin men-download hasil backup-an tersebut ke komputer Anda, klik terlebih dahulu tombol tersebut agar backup-an website Anda bisa di-download. Jika berhasil, maka pada tabel yang ada di bagian "Backups Available for Download" akan terlihat backup-an file website Anda. Silahkan klik nama file tersebut untuk men-download-nya.
   
   
   
   
   
6. File yang Anda download tersebut bisa Anda upload lagi jika Anda ingin memindahkan file website dari komputer ke hosting online.

C. Backup Database Website:
Pada bagian A, Anda hanya akan mem-backup post, pages, comment, custom fields, categories, dan tags. Namun, langkah paling aman untuk melindungi website Wordpress Anda adalah dengan mem-backup databasenya karena database ini wajib diperlukan untuk menjalankan website Wordpress CMS Anda. terutama jika satu waktu website Anda rusak secara keseluruhan (seperti kasus hacking yang saya alami).

1. Masuk ke akun hosting Anda.
2. Klik menu phpMyAdmin.
3. Jika sudah masuk ke dalam halaman phpMyAdmin, pilih database website yang ingin Anda backup. Selanjutnya klik menu Export yang ada di bagian atas.
4. Pada bagian "Export", pilih "SQL", pada bagian "Structure" silahkan centang semua pilihan.
5. Centang bagian "Save as file", kemudian klik tombol Go.
   
6. Jika Anda ingin menyimpan database tersebut ka dalam localhost, silahkan pilih menu Import pada halaman phpMyAdmin di localhost Anda. Jangan Lupa KOMENTARNYA !!!!

Cara Membuat Tulisan Berjalan pada Website/Blogger

Website yang animatif bisa membuat orang menjadi tertarik untuk membukanya. Konten yang animatif biasanya mampu menarik perhatian pengunjung untuk sekedar melihat atau membacanya. Dengan demikian informasi yang kita tulis bisa tersampaikan. Biasanya website animatif dibuat dengan memasukkan flash ke dalam website atau gambar-gambar animasi seperti .gif.

Ada cara lain supaya website kita menjadi lebih animatif, yaitu dengan membuat tulisan berjalan atau bergerak pada halaman website. Tulisan berjalan tersebut biasa disebut sebagai text marquee.

Marquee sebenarnya sebuah tag HTML yang digunakan untuk membuat konten (isi) website menjadi bergerak. Kali ini kita hanya akan belajar membuat teks berjalan saja. Secara sederhana, tag marquee tersebut ditulis dalam bentuk:

<marquee>TEXT HERE</marquee>

Secara otomatis, tulisan “TEXT HERE” yang dibungkus oleh tag marquee tersebut akan bergerak pada website kita.
Agar tulisan berjalan yang kita buat tersebut lebih menarik, kita bisa lakukan pengaturan terhadap beberapa atribut tag marquee. Atribut-atribut yang dimaksud diantaranya:

1. Behavior , yaitu atribut untuk mengatur perilaku tulisan. Nilainya adalah:
   
   • Scroll : teks/tulisan akan berjalan berulang kali. Makdusnya adalah setelah berjalan 1 kali, maka akan muncul kembali untuk berjalan lagi.
   • Slide : teks/tulisan akan berjalan hanya 1 kali. Setelah itu berhenti.
   • Alternate : teks/tulisan akan berjalan bolak balik, setelah dari kiri ke kanan kemudian berbalik dari kanan ke kiri (atau sebaliknya).
   Contoh :
   <marquee behavior="alternate">TEXT HERE</marquee>
   Maka hasilnya menjadi:
   TEXT HERE
   
2. Direction, merupakan atribut yang mengatur arah gerak tulisan. Nilainya adalah:
   
   • Right: agar tulisan berjalan ke kanan
   • Left: agar tulisan berjalan ke kiri
   • Down: agar tulisan berjalan ke bawah
   • Up: agar tulisan berjalan ke atas.
   Contoh:
   <marquee behavior="scroll" direction="right">TEXT HERE</marquee>
   Maka hasilnya menjadi:
   TEXT HERE
   
3. Scrollamount, merupakan atribut yang mengatur kecepatan tulisan berjalan. Nilanya berupa angka. Semakin besar angkanya, maka kecepatannya akan semakin besar pula.
   Contoh :
   <marquee behavior="alternate" direction="right" scrollamount="30">TEXT HERE</marquee>
   Maka hasilnya menjadi:
   TEXT HERE
   
4. Onmouseover, merupakan atribut yang mengatur perilaku tulisan jika mouse diletakkan di atasnya. Misalnya kita ingin tulisan akan berhenti jika muse diletakkan diatasnya, maka bentuknya adalah :
   onmouseover="this.stop()"
   Contoh:
   <marquee behavior="alternate" direction="right" scrollamount="30" Onmouseover="this.stop()">TEXT HERE</marquee>
   Maka hasilnya menjadi:
   TEXT HERE
   
5. Onmouseout, merupakan atribut yang mengatur perilaku tulisan jika mouse tidak diletakkan di atasnya. Misalnya kita ingin membuat tulisan yang berhenti pada contoh di atas menjadi bergerak kembali, maka bentuknya adalah:
   onmouseout="this.start()"
   Contoh:
   <marquee behavior="alternate" direction="right" scrollamount="30" Onmouseover="this.stop()" onmouseout="this.start()">TEXT HERE</marquee>
   Maka hasilnya menjadi:
   TEXT HERE
   

Selain atribut-atribut utama di atas, sebenarnya masih banyak lagi atribut untuk marquee. Pembaca mungkin bisa melihatnya dengan menggunakan Macromedia Dreamweaver. Atribut-atribut untuk tag marquee lainnya bisa berupa atribut tag HTML biasa, sepertu style, width, height, align, dan lain sebagainya.
Contoh:
<marquee behavior="alternate" direction="right" scrollamount="30" bgcolor="#0000FF" width="50%">TEXT HERE</marquee>
Maka hasilnya menjadi:
TEXT HERE

Membuat Threaded Comment pada Blogspot Menggunakan Intense Debate

Beberapa waktu yang lalu saya pernah membahas mengenai cara membuat Threaded Commend pada Wordpress CMS dengan memanfaatkan Plugin WP Thread Comment. Keuntungannya bisa pembaca lihat pada postingan tersebut. Kita juga bisa membuat sistem komentasi dengan threaded comment tersebut pada Blogspot dengan menggunakan jasa layanan orang ketiga.Orang ketiga tersebut adalah Intense Debate. Caranya cukup mudah. Berikut langkah-langkah membuat threaded comment pada Blogspot menggunakan Intense Debate:

1. Langkah pertama yang harus Anda lakukan adalah mendaftar pada situs resmi Intense Debate agar bisa menggunakan layananny. Klik disini untuk mendaftar.
2. Setelah login pada akun Anda di Intense Debate, coba lihat bagian Manage Blogs/sites yang ada disamping kanan. Klik link Install Intense Debate.
   
   
   
3. Anda akan diminta memasukkan alamat URL blog Anda. Setelah itu klik tombol Next Step.
   
   
   
4. Selanjutnya Anda akan masuk pada tahap instalasi threaded comment dari Intense Debate. Di sana akan ada beberapa pilihan dan panduan dalam proses instalasi.
   
   
   • Pada bagian "How would you like to install IntenseDebate?", silahkan pilih Template  agar kita mengganti sistem komentasi utama Blogspot dengan Threaded Comment dari Intense Debate.
   • Pada bagian "Which blog posts should have IntenseDebate comments enabled?", silahkan pilih Only in new post agar sistem komentasi threaded comment hanya berlaku untuk posting-posting selanjutnya. Jika Anda menghendaki posting yang lama juga menggunakan Threaded Comment, maka pilih On all blog posts. Namun, jika Anda memilih opsi tersebut, komentar-komentar sebelumnya akan disembunyikan.
   • Pada bagian 3, klik link Open blogger.com. Anda akan melihat akun Blogspot Anda terbuka pada iframe di halaman instalasi Intense Debate Tersebut.
     
     
     
5. Langkah selanjutnya adalah mengdownload Template Blog Anda yang akan dimodifikasi. Kita melakukannya tetap melalui iframe yang ada pada halaman instalasi Intense Debate tersebut. Klik link Tata Letak pada Blog yang ingin Anda buatkan Threaded Comment-nya.
   
   
   
6. Kemudian pilih subtab Edit HTML.
7. Pada bagian Backup/Restore Template, klik link Download Template Lengkap. Simpan template tersebut pada hardisk Anda.
8. Sekarang lihat kembali bagian sebelah kiri dari Instalasi Intense Debate tersebut. Dibagian bawah Anda akan diminta untuk mengupload kembali template yang Anda download pada langkah 7 untuk dimodifikasi. Klik tombol Browse. Pilih template yang Anda simpan pada langkah 7 tadi. Kemudian klik tombol Upload File.
   
   
   
9. Langkah selanjutnya adalah mengcopy template modifikasi pada Blog Anda. Lihat kembali bagian sebelah kiri pada halaman instalasi Intense Debate tepatnya pada step No. 3. Pada bagian itu terdapat kode template hasil modifikasi yang telah memiliki sistem komentasi dari Intense Debate. Copy seluruh kode template yang ada pada kotak kecil tersebut.
   
   
   
10. Sekarang buka akun Blogspot Anda pada window atau tab browser yang lain. Klik link Tata Letak dari blog yang dimodifikasi tersebut. Kemudian pilih subtab Edit HTML. Paste kode template yang Anda copy pada langkah 9 ke dalam kotak Edit Template yang Anda buka tersebut. Kemudian klik Save Template.
    
    
    

Cara Membuat Template Blogger Hasil Buatan Sendiri

Punya blog dengan template yang menarik pasti idaman banyak orang. Apalagi kalau buatan sendiri, pasti ada rasa puas yang muncul. Selama ini, tidak semua orang bisa merancang template blog karena kurang paham dengan PHP atau XML. Ahirnya mendownload template gratis atau bayar dari internet menjadi pilihan. Konsekuensianya, kita "terpaksa" menyertakan link si desainer template pada blog kita dan siap-siap menemukan orang yang memakai template yang sama dengan kita. Tapi itu dulu (sebelum jewaratan ^_^). Sekarang Blogspot semakin memanjakan penggunanya. Kita bisa membuat template blogspot dengan lebih mudah. Cuma perlu klik sini klik sana. Benar-benar prinsip WYSIWYG (What You See Is What You Get). Tidak perlu lagi berurusan dengan bahasa XML. Gak percaya? Mari kita lihat sama-sama :

1. Silahkan login ke dasbor blogspot Anda.
2. Klik link menu Tata Letak. Di bagian bawah tab Tata Letak tersebut, bertambah sebuah subtab menu baru yang bernama Percancang Template.
   
   
   
   Melalui menu tersebutlah kita meracancang template blogger buatan sendiri. Silahkan klik menu tersebut. Kita akan diarahkan pada halaman "Blogger Template Designer".
3. Di sana terdapat beberapa menu pembuatan template, yaitu Template, Background, Layout, dan Advanced. Mari kita otak-atik satu persatu.
4. Menu Template : pada menu ini, kita bisa memilih jenis template yang telah disediakan oleh Blogspot. Ini hanya sebagai template dasar saja. Istilahnya template master. Silahkan pilih salah satu, misalnya jenis "Simple". Di sana juga terdapat beberapa sub pilihan template dari jenis "Simple". Anda boleh memilih salah satunya.
   
   
5. Menu Background : pada menu ini, kita memilih gambar-gambar yang telah tersedia untuk dijadikan sebagai background template blog rancangan kita. Menariknya, Blogspot telah menyediakan banyak gambar yang bisa kita gunakan. Jenis-jenisnya juga sangat banyak. Suatu saat, kita mungkin akan bisa memakai gambar milik kita sendiri.
   
   
   Anda juga bisa memilih warna utama template blog rancangan kita dengan mengklik pilihan pada "Main color theme".
   
   
6. Menu Layout : menu ini cukup penting. Melalui menu ini kita mendesain layout blog hasil rancangan kita. Pada menu ini terdapat 3 sub menu:
   
   • Body layout : mengatur jumlah kolom, jumlah sidebar, dan penempatan sidebar pada template rancangan.
     
     
   • Footer layout : hampir sama dengan "body layout", hanya saja sub menu ini dikhususkan untuk mengatur jumlah kolom pada footer.
     
     
   •  Adjust width : berguna untuk mengatur lebar template yang ingin kita rancang, baik lebar keseluruhan (entire blog), maupun lebar tiap sidebar blog kita (left sidebar atau right sidebar).
     
     
7. Menu Advanced : menu ini bertujuan untuk mengatur bentuk tulisan dan pewarnaan tulisan dari template yang kita rancang. Misalnya jenis font judul blog, warnannya, ukuran fontnya, dan sebagainya.
   
   

Jika Anda merasa sudah puas dengan rancangan Anda, silahkan klik tombol APPLY TO BLOG yang ada di sudut kanan atas. Kemudian silahkan lihat hasilnya.

Bagi yang ingin tantangan di dunia pemrograman web, fitur yang satu ini mungkin dianggap bisa membuat orang menjadi malas belajar bahasa pemrograman website. Tapi bagi yang ingin kemudahan, fitur ini menjadi kabar gembira. Itu adalah pilihan Anda masing-masing

Cara Membuat Search Engine

Untuk membuat sebuah Search Engine pada sebuah blog, sebenarnya mudah karena sobat hanya membuatkan sedikit kode HTML, scriptnya seperti ini :

<form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get">
<input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>

Yang perlu sobat perhatikan adalah tulisan yang saya cetak merah yaitu http://AlamatBlogAnda.blogspot.com/search, tulisan AlamatBlogAnda harus sobat ganti tentunya dengan alamat blog sobat yang ingin di pasangi seacrh engine, misalkan apabila di pasang untuk blog ini maka tulisan tersebut di ganti dengan http://kolom-tutorial.blogspot.com/search. Selain itu, ada juga yang bisa sobat ubah yaitu di bagian kode --> value="Search". Tulisan Search ini adalah tulisan yang akan muncul pada tombol search engine, apabila sobat ingin mengubahnya, silahkan ubah dengan keinginan, contoh : tulisan tersebut ingin di ubah menjadi Cari atau Go.

Sebagai contoh hasil dari search engine dari script diatas adalah seperti ini :

Atau seperti ini :

Atau juga seperti ini :

Silahkan coba fungsinya, apakah berfungsi dengan baik atau tidak?

Untuk cara pemasangan sama seperti kode HTML lainya, untuk template klasik silahkan sobat cari sendiri karena masing-masing template mempunyai kode yang berbeda-beda. Untuk yang template baru, sobat bisa memasukannya melalui Elemen Halaman kemudian pilih yang HTML/Javascript.

Saya rasa pembahsanya sudah cukup.

Bagi yang ingin melihat-lihat template, template yang satu ini boleh juga untuk di pertimbangkan, silahkan klik di sini !

Selamat mmencoba !

Cara Membuat Link Download

Setelah beberapa kali mendapat pertanyaan tentang bagaimana cara membuat link download, akhirnya aku posting artikel ini.
Ok langsung aja, caranya sebenarnya sangat mudah, pertama taruh/upload file yang akan di download di webhosting, misalnya geocities, trus kamu buat script seperti ini:

<a href="http://www.geocities.com/kendhin_x/file.zip">download</a>

text yang dicetak tebal adalah alamat file tempat kamu menyimpannya, ganti text tersebut dengan alamat tempat file kamu.

Cara Mengganti Link Read More Dengan Gambar

Selamat malam semuanya! Anda sudah tahu cara membuat read more kan? Kalau belum silahkan baca dulu disini. Jika kita membuat read more, di akhir abstraksi artikel kan ada link bertuliskan read more atau baca selengkapnya. Coba anda lihat pada link read more blog saya ini, disana tidak ada tulisan read more, tapi sebuah gambar / tombol . Nha di tips kali ini saya akan menjelaskan cara mengganti tulisan link read more anda dengan gambar seperti yang saya punya ini. Mau?

Berikut Cara Mengganti Link Read More Dengan Gambar:

1. Login ke akun Blogger anda

2. Pilih Layout > Edit HTML, lalu centang Expand Widget Template

3. Cari kode link read more anda, seperti ini:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More...</a>
</b:if>

4. Jika sudah, ganti tulisan Read More... dengan kode berikut:

<img border="0" src="URL-GAMBAR-READMORE-ANDA">

Ganti URL-GAMBAR-READMORE-ANDA dengan url gambar anda, contoh:

<img border="0" src="http://i46.tinypic.com/aewkte.gif">

Anda bisa men-dowloand beberapa tombol read more disini. Password: tips-blogger-zacky.blogspot.com

5. Terakhir, klik Save Template.

Selamat mencoba...
Jangan lupa kasih komentar ya...

Cara Memasang Video Di Artikel

Kali ini saya akan menjelaskan cara memasang video di artikel. Dengan memasang video, kita bisa menyampaikan materi yang mungkin tidak bisa dijelaskan hanya dengan tulisan artikel, tidak bisa dijelaskan dengan kata2, hehe.. romantis banget nih.. Selain itu, dengan video tersebut artikel kita bisa menjadi lebih indah dan menarik perhatian para pengunjung blog. Tapi, ada tapinya nih.. Jangan pasang video yang berbau porno aksi ya.. (meskipun asyik, hehe..), ntar malah kena marah Satpol PP, hehe... Penasaran gimana caranya?

Berikut Cara Memasang Video Di Artikel:

1. Daftarkan diri anda ke situs Youtube.com, lalu klik link Sign Up

2. Isi data yang diperlukan, centang kotak disamping tulisan Sign me up for the "Broadcast Yourself" email - I agree to the terms of use and privacy policy. Lalu klik tombol Sign Up

3. Setelah itu anda akan diminta mengkonfirmasi email yang anda daftarkan tadi. Cek email anda dan konfirmasikan segera

4. Jika sudah, login ke akun Youtube anda

5. Klik link Upload Video

6. Isi form yang disediakan, lalu klik Continue Uploading

7. Klik tombol Browse untuk memilih video yang akan anda upload

8. Beri tanda tik / cek pada radio button. Pilih Public supaya video bisa dilihat oleh semua orang, Private supaya video hanya bisa dilihat oleh orang yang anda tentukan

9. Jika sudah, klik tombol upload untuk mulai mengupload video anda

10. Setelah video anda terupload, copy kode HTML yang diberikan.

Selesai untuk proses upload video...

Sekarang cara untuk menampilkannya di artikel.. Caranya,, paste kode HTML yang telah anda copy tadi ke tab Edit HTML tempat membuat artikel, jangan pada tab Compose. Jika sudah, ya tinggal klik Publish Post.

Gimana? Mudahkan?

Jangan lupa kasih komentar ya...

Cara Membuat Cursor Animasi

Untuk memasang sebuah cursor animasi di blog, langkah pertama yang harus kita lakukan adalah menyiapkan cursor yang akan dipakai. Cari aja di mbah google, atau kalau mau cepat klik aja disini. Setelah anda sampai di situs tersebut, pilih dan kemudian simpan file cursor anda (biasanya berekstensi .ani). Jika sudah, upload file cursor itu ke sebuah image hosting, misalnya Photobucket.com. Setelah meng-upload, simpan url cursor tersebut.

Sekarang kita, beralih ke pemasangan di blog.

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML

3. Cari kode yang hampir sama dengan kode berikut:

body {
font: 100% Arial, Helvetica;
background: #f3f6f7;
color: #333;
}

4. Udah ketemu kan? Selanjutnya paste kode berikut di bawah kode body { :
cursor: url("URL-CURSOR-ANDA");

5. Terakhir, klik Save Template.

Selamat mencoba...

Jangan lupa kasih komentar ya...