Tampilkan postingan dengan label tips blogging. Tampilkan semua postingan
Tampilkan postingan dengan label tips blogging. Tampilkan semua postingan

Selasa, 27 September 2011

Daftarkan Blog ke Search Engine

     Halo semuanya, Udah pada tahu kan yang namanya Search Engine ? Pasti udah pada tau, kali ini saya akan membagikan bagaimana caranya kita untuk mendaftarkan blog kita ke 3 Search Engine yang cukup terkenal di dunia. Ke 3 Search Engine itu adalah google, yahoo, dan bing. Dari statistik, saat ini Google adalah search engine yang paling banyak digunakan orang untuk mencari kata kunci atau keyword. 


1. Cara daftar ke Google...


     Bisa dibilang Google adalah rajanya Search Engine, saya sangat menyarankan sobat untuk mendaftarkan blog sobat pertama kali di Google.

     Untuk cara mendaftarnya masuk ke http://www.google.com/addurl atau klik disini. Pada halaman formulir pendaftaran, isi alamat blog kalian dan beri komentar sesuai tema blog kalian, kemudian klik tombol Add Url. 


google

2. Cara Daftar ke Yahoo....
     Untuk mendaftarkan blog kalian ke Yahoo, syaratnya kalian harus sudah mempunya account Yahoo terlebih dahulu. Kalau kalian sudah punya atau membuat account di Yahoo, silahkan menuju halaman http://siteexplorer.search.yahoo.com/submit atau langsung saja klik disini. Kemudian untuk mengisi formulir pendaftarannya, perhatikan dua kolom isian yang di sediakan oleh Yahoo. 

Kolom yang pertama kalian bisa isikan alamat Website atau Blog sobat, seperti ini contohnya : 
http://www.namablog.blogspot.com

Kolom yang kedua kalian bisa isikan alamat sitemap kalian, contoh :
http://www.namablog.blogspot.com/atom.xml

Kemudian klik Submit.

yahoo

3. Cara Daftar ke Bing... 

Search Engine bing cukup  banyak dipergunakan orang sebagai mesin pencari, jadi saya sarankan sebisa mungkin kalian daftarkan juga blog kalian ke bing.
Silahkan membuka halaman http://www.bing.com/docs/submit.aspx?FORM=WSDD2 atau langsung saja klik disini.

Kemudian pada halaman formulir, isi kode verifikasi dan kalian diminta memasukkan alamat blog kalian.

bing 

     Itu tadi adalah cara memasukkan blog anda ke beberapa Search Engine di atas. Semoga blog kalian semua segera terindeks di Google, Yahoo dan Bing. Bila ada yang masih bingung bisa langsung ditanyakan, Wassalamualaikum wr. wb.

Sabtu, 24 September 2011

Membuat Label Cloud Berputar

     Label (tag) adalah kata kunci non hierarki atau tidak bertingkat yang tugasnya adalah menunjukkan potongan-potongan informasi (seperti petunjuk internet,gambar digital,atau file komputer). Label merupakan jenis metadata yang membantu untuk menjelaskan suatu hal dan memungkinkan hal tersebut ditemukan ketika melakukan pencarian (browsing).

     Label yang akan saya terangkan kali ini adalah label yang berada di blogger. Di blogger ada 2 macam yang bisa dgunakan secara default, yaitu cloud dan daftar.  Untuk contoh tampilan label bisa di lihat di bawah ini :

             Label Cloud                                                                           Label Daftar

     Tapi kali ini saya akan memberikan sedikit variasi pada label jenis cloud. Pada variasi ini label cloud akan lebih menarik. Tampilannya bisa dilihat di bawah ini : 
     Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor. 

     Karena untuk membuat label cloud berputar memerlukan kode HTML yang cukup panjang, sebaiknya kalian membackup dulu template kalian, agar bila terjadi sesuatu hal yang tidak diinginkan bisa dengan mudah mengmbalikan ke keadaaan semula. 

Langkah-langkahnya :

  1. Login ke Blogger dengan ID kalian
  2. Klik Tata Letak
  3. Klik tab Edit HTML
  4. Backup dulu template kalian dengan mengklik Download Template Lengkap
  5. Kemudian klik button Expand Template Widget dan cari kode yg seperti ini :          <b:section class='sidebar' id='sidebarright' preferred='yes'>                                                agar lebih cepat, bisa menggunakan fasilitas ctrl+f lalu tinggal copy paste aja kode yang di atas.
  6. Copy kode berikut ini setelah kode diatas :                                                                                                                                                                                                                  <b:widget id='Label99' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
    <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
    <script type='text/javascript'>
    var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
    // uncomment next line to enable transparency
    //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
    so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
    so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
    so.addVariable(&quot;distr&quot;, &quot;true&quot;);
    so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
    so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
    so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
    so.write(&quot;flashcontent&quot;);
    </script>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>                                                                                                                                                                               
  7. Kemudian Simpan Template kalian dengan mengklik Simpan Template
  8. Kalian bisa merubah ukuran dari label sesuai dengan yang kalian inginkan dengan merubah/mengedit kode yang berwarna merah yang kita copy tadi. keterangan :                        Angka "240" adalah lebar kolom, rubah angkanya sesuai dengan lebar kolom yang diinginkan  Angka "300" adalah tinggi kolom, rubah angkanya sesuai dengan tinggi kolom yang diinginkan Sedangkan #ffffff adalah kode untuk backgroud, rubah kodenya untuk merubah warna background dari label.
  9. Jika masih tidak berfungsi coba ubah labeh daftar menjadi label cloud seperti di bawah ini :


     Itulah sedikit tutorial dari saya. Terima kasih buat roytanck, miscah dan amanda fazani yang telah menyediakan javascript untuk label cloud ini. Bila ada masalah atau atau yang masih tidak dimengerti bisa ditanyakan langsung di komentar, Wassalamualaikum wr. wb.

Rabu, 03 Agustus 2011

Memunculkan Navbar Blogger yang Hilang

     Halo semuanya, kali ini saya akan menjelaskan tentang navbar yang ada pada blogger. Sebenarnya ini hal yang sepele, tetapi bila terlewatkan bisa jadi mengakibatkan hal yang fatal. Itu terjadi karena navbar pada blogger harus ada pada blog kita. Aturan itu sudah ditentukan oleh blogger, yaitu Term Of Services (TOS). 

   TOS dari blogger sudah bisa di bilang yang paling mudah. Karena bila kita di wordpress, ada aturan-aturan bagi kita yang menimbulkan permasalahan. Salah satu contohnya adalah kita tidak boleh memasang iklan ataupun adsense pada blog tersebut kecuali kita sudah memiliki hosting sendiri. Jadi, kenapa kita tidak membiarkan saja navbarnya, toh hanya menghabiskan ruang kecil di halaman kita. 

     Tetapi hal yang disayangkan adalah Banyak sekali template yang kita download saat ini yang telah menghapus navbar blogger tersebut, karena mungkin mengganggu tampilan pada blog kita. Sebenarnya itu tidaklah dihilangkan melainkan disembunyikan. Tetapi Trik Tips Tutorial menyarankan untuk memunculkan kembali navbar blogger tersebut, yaitu dengan cara menghapus kode yang membuat navbar blogger tersebut tersembunyi dan agar tidak di banned oleh google nantinya, karena telah melanggar TOS (aturan-aturan) blogger.

caranya sangatlah mudah.

1. Setelah login ke Blogger.
2. Kemudian Tata Letak ~> Edit HTML
3. setelah itu cari kode seperti (atau kode mirip) dibawah ini tepatnya dibawah kode <b:skin><![CDATA[
#navbar-iframe{display:none;height:0;visibility:hidden;}


4. Hapus kode berwarna biru tersebut.
5. Selesai.

Langkah selanjutnya adalah menuju Tata Letak ~> elemen halaman kemudian klik edit pada kolom Navbar dan pilih navbar yang akan tampil pada halaman blog sesuai keinginan atau sesuai warna pada blog anda seperti contoh beberapa gambar navbar di bawah ini :



Dengan begitu maka navbar kita akan terlihat kembali. 
  

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best CD Rates