Tips membuat Tooltip dengan Jquery

Tooltip dengan jquery

Maksud dari tooltip itu ialah sejenis title pada link yang kita sorot baik berupa banner atau link biasa. contoh di blog ini bisa anda sorot tombol Home yang ada diatas.

[ Baca selengkapnya ]

Top Komentator Widget

Top Komentator widget ini sebenarnya udah banyak dibahas oleh blog-blog lain yang membahas seputar tutorial blog.

Tapi dikarenakan saya lihat pada blog ini belum ada panduannya jadi tidak ada salahnya juga membuat tutorial Top Komentator di blog ini juga.

Seperti biasa, caranya :

Login dulu ke account blogger kamu.

• Pilih tab Tata Letak --> Elemen Halaman.

• Tambah Gadget dalam elemen blog kamu (rekomendasi : Di bawah atau di samping gadget Posting Terbaru)

• Dalam "Tambahkan Gadget", pilih HTML/JavaScript

• Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Top Komentator)

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Frudyazhar.blogspot.com&num=15&filter=rudy" type="text/javascript"></script>

Note :

• Ganti kode yang berwarna biru dengan alamat blog kamu.

• Ganti kode yang berwarna merah dengan jumlah komentar yang ingin ditampilkan.

• Kode yang berwarna orange adalah untuk tidak menampilkan nama dari pemilik blog tersebut.

Contoh pemakaian Top Komentator ini bisa anda lihat pada blog rudyazhar disini.

Selamat mencoba...

[ Baca selengkapnya ]

Recent Comments ala Wordpress versi II

Gimana khabar anda semua, Semangat Luar Biasa untuk mempercantik blog Anda?
Kali ini saya ingin sharing ilmu untuk mempercantik blog di blogspot dengan recent comments ala wordpress Versi II, karena versi pertama udah di bahas OB pada postingan Trik Blogger | Memasang Komentar Terbaru (Recent Comments).

[ Baca selengkapnya ]

Random Post Dinamis

Dikatakan Random Post dinamis dikarenakan widget random post ini akan menampilkan seluruh postingan blog kita secara acak dengan trik slide show.
Ini akan lebih memaksimalkan semua isi postingan tertampil dengan jeda waktu yang dapat kita atur.

Dan satu lagi kelebihan random post ini tidak memakan space yang besar dan sangat simpel.

[ Baca selengkapnya ]