pengunjung blog menemukan seluruh judul postingan kita dan membuat hemat ruang blog kita.
ada banyak sekali cara membuat tagscloud, berhubung blog ini di dedikasikan ke orang -orang yang masih belajar ngeblog seperti saya.
Saya akan berbagi cara membuat tagscloud yang sangat mudah sekali kalo bahasa kerennya usefull,
Seperti bahasa marketer "murah tapi bukan murahan" ini juga mudah tapi berbobot ini script bisa membuat tagscloud kita berubah-ubah warna, tempat, dan ukuran hurufnya.
Untuk cara membuatnya sebagai berikut :
Demo Download javascript: Sumber: Dime3studio
- tagscloud.js
- tagscloud.css
Seperti biasa login dulu ke blog kita, pilih Rancangan, pilih Edit HTML
1. Pasang kode di bawah ini di dalam tag <head>
Contoh:
<head>
Pasang kode disini
</head>
Kodenya:
<link type="text/css" media="screen" rel="stylesheet" href="http://dfssdf.googlecode.com/files/tags%20cloud.css" />
<script type="text/javascript" src="http://dfssdf.googlecode.com/files/tags%20cloud.js"></script>
2. Pasang kode di bawah ini dalam tag <body>
Contoh:
<body>
Pasang kode disini
</body>
Kodenya:
<ul id="dmCloud2" class="dmCloud">
<li><a href="#">PHP</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">xHtml</a></li>
<li><a href="#"> C++ </a></li>
<li><a href="#">Databases</a></li>
<li><a href="#">Marketing</a></li>
</ul>
<script type="text/javascript">
var cloud2 = new dmCloud('dmCloud2', '10,20', '#BF1717,#222,green', false, true, 5);
</script>
3. Selesai
keterangan:
- Klik kanan pada file javascript dan file css-nya lalu save kemudian upload di hostingan kalian.untuk cara upload klik disini
- Ganti URL yang berwarna merah dengan URL file css kalian.
- Ganti URL yang berwarna biru dengan URL file javascript kalian.
- Untuk tanda "#" adalah URL yang akan di pasang di tagscloud
- Untuk teks berwarna ungu adalah teks yang akan tampil di tagscloud
- kode pada body bisa di pasang pada tambah widget dan postingan
- Diharapkan kalian mengganti file URL file javascript dan css dengan hostingan kalian karena jika tidak sewaktu-waktu script bisa tida berfungsi
Semoga bermanfaat dan selamat ngeblog.....
Tidak ada komentar :
Posting Komentar