Tuesday, April 10, 2012

Cara Membuat TOOLtips Feed Aggregator

berhubung permintaan dari pengunjung senantiasa belajar tentang cara bikin tooltips yang terdapat pada blog senantiasa belajar kali ini saya posting tentang cara buat tooltips feed aggreator sebenarnya apa itu tooltips? Tooltip atau infotip atau petunjuk umum adalah antarmuka pengguna grafis elemen. Hal ini digunakan dalam hubungannya dengan kursor , biasanya pointer . Pengguna melayang penunjuk ke item, tanpa mengklik, dan tooltip mungkin muncul-"kotak melayang-layang" kecil dengan informasi tentang item yang sedang melayang di atas link atau objek di suatu web atau blog.
Istilah tooltip awalnya berasal dari aplikasi Microsoft yang lebih tua (seperti Microsoft Word 95 ), yang memiliki toolbar mana menggerakkan mouse di atas tombol (ikon Toolbar) ini ditampilkan tooltips, deskripsi singkat mengenai fungsi dari alat ini pada toolbar. Baru-baru ini tooltips digunakan di berbagai bagian antarmuka, tidak hanya pada toolbar.
Tidak semua program menggabungkan tooltips, tetapi program yang paling modern memasukkannya sebagai bagian dari interface user-friendly. Sistem operasi juga mendukung mereka dalam cara yang berbeda. Sebagai contoh, Mac OS X akan menunjukkan teks lengkap dari nama file lama ketika Anda menempatkan kursor di atas nama file. sekarang banyak tooltips menjelajahi dunia web untuk penghematan ruang pada web anda tooltips ini bisa berguna walaupun anda hanya menyimpan judul atau link saja di blog anda dan selanjutnya kerja tooltips ini akan mendeskripsikan judul ketika kursor mengarah ke link artikel anda.(nyambung ga yua hehehe) basa basi dulu sob lumayan nanam keyword
begitu banyak tutorial tentang cara buat tooltips ini. kali ini saya akan berbagi cara buat tooltips feed aggreator. feed ini di gunakan pada web seperti alltop.com, Popurls.com dan di indonesia template premium milik zoomaggreator
dan mungkin senantiasa belajar juga hehehe
ini tampilan screen shotnya
feed senantiasa belajar
nah sebenarnya tooltips ini hanya mengkonfigurasikan feed. nah jika anda tertarik anda bisa untuk membuatnya disini beberapa tutorial untuk membuat tooltips feed
sekarang siapkan feed anda sebagai contoh anda bisa lihat di bawah ini
untuk feed blog url feednya seperti ini  
http://blogtoquick.blogspot.com/feeds/posts/default dan anda juga bisa gunakan feed dari blog atau situs website lain contoh dig http://feeds.digg.com/digg/popular.rss 
sama halnya seperti buat feed anda masuk ke akun feed anda anda lewat http://feedburner.google.com
 masukan feed anda lalu tekan next
 selanjutnya anda terus next hingga selesai sampai seperti gambar di bawah ini

nah anda ambil kode yang di garis bawah ini contohnya http://feeds.feedburner.com/blogspot/ArBaT?
nah jika anda sudah mendapatkan kodenya tinggal memasukan kode java  script ke widget anda





masukan kode dibawah ini kewidget anda 
<Script language = "JavaScript" src = "http://feeds.feedburner.com/digg/PIKS?format=sigpro&nItems=8&format=openLinks=new&displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=50&dateLocation=below" type = "text / javascript "> </ script>
keterangan
nah kode di atas adalah kode javascript-nya anda ganti kode yang berwarna merah dengan kode feed yang telah anda buat tadi
sekarang anda butuh kode CSS nya
Kembali ke Blogger Anda, dan pergi ke Desain -> Edit HTML ->
anda download kode cssnya yua seperti biasa
oh kalau mau menurut label gunakan saja feed label untuk buat feednya
nah jika kurang paham komentar saja tapi jangan spaming yua
Masukkan kode CSS yang anda download di atas kode ]]></b:skin>

4 comments:

  1. Oh yeach gan, tp scriptnya tidak berpengaruhkan sama loading di blog kita?

    ReplyDelete
  2. ada juga tapi ga begitu berat sih cobain dulu aja
    jika merasa berat coba kompres cssnya dan untuk background jangan dunakan gambar yang ukuranya besar

    ReplyDelete
  3. Udah saya coba mas.. Tapi gagal. ga tau salah dimananya??? apa scriptnya masih berfungsi mas?? makasi..

    ReplyDelete
    Replies
    1. masih sob itu script langsung dari google
      jangan lupa pasang cssnya sob

      Delete