Belajar Nge-BLOG

Cara Menghilangkan Tang Obeng Blog

Cara menghilangkan tang obeng di blog. Gambar tang dan obeng berada di setiap widget blog, fungsinya adalah untuk mengedit dengan cepat. Jika kita klik pada suatu widget, maka akan terbuka halaman pengaturan widget tersebut. Untuk lebih jelasnya, coba lihat gambar dibawah ini.

Mungkin sedikit berantakan, jika melihat halaman blog dihiasi gambar tang obeng di setiap widget blog. Sehingga ada keinginan untuk menghapus atau menghilangkannya dari halaman blog. Cara menghilangkan gambar tang obeng di blog.
Ikuti langkah-langkah dibawah ini.

1. Login ke blogger.
2. Dari halaman dasbor, buka pengaturan template.
3. Selanjutnya klik edit HTML dan cari kode ]]></b:skin>
4. Dan tempatkan kode berikut ini diatasnya.
.quickedit{display:none;}
5. Terakhir klik preview, jika sudah hilang gambar tang-obeng, baru save template, selesai.

Tambahan: Cara menghilangkan tang obeng di blog

Ternyata setelah saya pelajari lagi, cara diatas hanya menyembunyikan tampilan quick edit saja. Saya coba test seo tools di http://chkme.com/ , dan hasilnya masih terdapat gambar yang tidak mempunyai  title dan deskripsi gambar. Gambarnya seperti dibawah ini.

Saya coba buka satu persatu gambar diatas, ternyata gambar tang obeng. Jadi bingung, padahal gambar sudah hilang dari blog. Akhirnya dapat juga cara menghilangkan quickedit dan juga mematikan fungsinya. Untuk lebih jelasnya ikuti langkah-langkah dibawah ini.

1. Login ke blogger. ke pengaturan template.
2. Selanjutnya klik edit HTML dan cari kode <b:include name='quickedit'/> dan ganti menjadi.
<!--b:include name='quickedit'/-->
3. Akan ada banyak kode yang sama, Ganti semuanya. Karena memang kode itu ada disetiap widget dan posting blog. 
4. Selanjutnya, coba cek di http://chkme.com/. Dari yang saya coba, gambar quick edit sudah hilang, hanya tinggal 2. Seperti gambar dibawah ini.

5. Gambar yang tertinggal itu adalah gambar quick edit di widget google friend connect dan widget atribut blogger, yang bertuliskan diberdayakan oleh blogger. Ternyata memang kedua widget tersebut, gambar quick editnya tidak bisa dihapus. 
6. Setelah melakukan cara diatas, score seo di situs chkme naik.

Dengan kedua cara diatas, maka blog akan terlihat rapi dan juga bisa menambah tingkat seo blog. Loading blog pun akan bertambah sedikit lebih cepat, karena disembunyikannya gambar tang dan obeng di blog. Semoga Bermanfaat.

Cara Memasang Animasi Bergerak Untuk Blog

   Ternyata banyak sekali blogger – blogger yang sangat menyukai animasi bergerak pada blognya.  Bisa terlihat ketika saya berkunjung ke beberapa blog teman. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang di blog mereka. Ya itu juga karena selera masing2 orang berbeda. Memang animasi pada blog sangat membantu blog agar terlihat menarik. Jadi blog akan terlihat hidup dan tidak membosankan. Sebelumnya saya pernah juga memposting tentang animasi bergerak, tapi saya rasa pada postingan sebelumnya pilihan animasi terlalu sedikit. Sehingga saya memposting kembali mengenai animasi bergerak lagi, namun dengan pilihan yang beragam dan banyak tipe agar bagi anda yang ingin memasang animasi jadi lebih banyak referensi dan pilihan.  Berikut daftar dan cara memasangnya

• Login ke dasbor blog anda
• Pilih rancangan
• Pilih Tambah Gadget
• Pilih Html/Java Script
• Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
• Pastekan kode tadi di Html/java script tadi.
• Simpan, dan selesai
  
  
  
  
  Daftar Kode Html Animasi Bergerak
  1.Spongebob
  
  
  

  
  
  <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>
  
  

  2.Naruto

  
  

  

  
  

  <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

  
  

          3.Gaara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

          4.Labu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

          5.Tengkorak

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

          6.Ekspresi Muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

           7.Zoombie

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

          8.Pigglet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

          9.MiniMouse

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

          10. Hallo

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

  

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan bottom (bawah), top (atas), left ( kiri), right (kanan),

Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..