Gudang Tutorial Blog

Apabila sobat tidak suka menampilkan header yang berisi judul dan deskripsi blog.Sobat dapat menghilangkannya atau menghapusnya, kemudian di ganti dengan adanya kolom  "add gadget" untuk menampilkan widget, dengan cara mengedit html pada template, pada kode:  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='Code Cyber (Header)' type='Header'/>Ganti teks warna merah "no" dan "true" dengan "yes" dan "false"sehingga kode menjadi seperti...

Continue Reading

Daftar isi dengan efek accordion by abu rahman.contoh seperti gambar di atas.Jika sobat ingin membuatnya,caranya gampang:Letakkan script kode di editor blog di edit html seperti saat sobat post artikel<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> <script src="http://codecyber.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script> <script type="text/javascript"> var accToc=true;</script> <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>Ganti url warna merah dengan url blog sobat.Kemudian simpan.Gampang kan cara membuat daftar isi accordion pada blogSemoga...

Continue Reading

Sitemap adalah Peta website/blog. Site map dalam arti umum adalah sebuah file yang berisi daftar link yang terdapat dalam blog anda. Manfaat daftar link ini adalah memberi petunjuk/gambaran dan mengarahkan kemana robot harus melangkah dalam website/blog anda.Bentuk dari sitemap yang paling umum dikenal adalah dalam format xml file. Karena itu Sitemap merupakan bagian penting bagi sebuah dalam urusan dengan SEO.Apakah sitemap sama...

Continue Reading

Tidak terbayang andai saja blog kita hacked? dan seluruh isi blog hilang?Sayang kan blog yang sudah lama kita bangun hilang begitu saja.Tindakan pencegahan agar kita dapat meng-copy seluruh isi blog tanpa co-past satu persatu,caranya sebagai berikut:1. login ke blogger2. Pilih pengaturan3. Pilih Expor blog4. Selanjutnya klik tombol Unduh Blog,kemudian akan muncul kotak konfirmasi Download selanjutnya OK.5.proses penyimpanan file...

Continue Reading

Widget recent comment atau komentar terakhir banyak kita jumpai hanya statis atau tdk bergerak.Bagaimana kalau kita akan memberi efek bergerak ke atas atau marquee.LIVE DEMOLangsung aja ke cara:1. Login blogger2. Rancangan 3. Add gadget4. Pilih HTML/javascript5. Copast kode di bawah ini,<marquee align='left' direction='up' height='250' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'><script style=text/javascript src=http://hbhost.googlecode.com/files/recent-comments.js></script><script style=text/javascript >var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://www.mig33eagle.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>...

Continue Reading

Ingin blog anda tambah cantik?Pasang kursor animated dengan macam2 gambar,caranya:Login bloggerRancanganEdit HTMLCari kode body { Tambahkan kode cursor: url("URL GAMBAR KURSOR"),default; pada tag body, misalnya,body {cursor: url("http://cursors4.totallyfreecursors.com/thumbnails/pool8spin.gif"),default;background: #000000;}6. Save TemplateContoh gambar kursor: ...

Continue Reading

Alexa adalah satuan nilai peringkat yang menentukan peringkat blog kita dari blog lainnya,Penilaian ini ditentukan berdasarkan jumlah pengunjung blog. Penilaian juga dimulai dari angka yang besar menuju angka yang kecil.Jadi misalkan pada saat awal kita ngeblog, dimulai dari AlexaRank 20.000.000 an,  dan setelah mendapatkan trafik pengunjung, maka angkanya akan mengecil misalkan 1.000.000.Jadi blog yang mempunyai AlexaRank 100.000 lebih banyak mendapatkan pengunjung daripada...

Continue Reading

Unik jika mouse kursor di ikuti jam dan tanggal.Bila sobat blogger ingin memasangnya, simak caranya di bawah ini:1. Login blogger2. Design > add gadget > html/javascript3. Copast kode di bawah ini<style type="text/css"><!-- /*Do not Alter these. Set for alignment*/ .css1{ position:absolute;top:0px;left:0px; width:16px;height:16px; font-family:Arial,sans-serif; font-size:16px; text-align:center; font-weight:bold; } .css2{ position:absolute;top:0px;left:0px; width:10px;height:10px; font-family:Arial,sans-serif; font-size:10px; text-align:center; } //--> </style><br /><script language="JavaScript">...

Continue Reading