Cara Membuat Tag cloud, label berputar di blog
Jumat, 27 Juli 2012
4
komentar
Cara Membuat Tag cloud, label berputar Di blog
Kediri-net.blogspot.com_tips dan trik dunia blogging kali ini saya akan mencoba memberikan tips tentang cara membuat tag cloud, label berputar pada blog demonya bisa sobat lihat di sidebar blog ini. Cara membuat tag cloud, label berputar di blog sangat mudah dan gampang caranya.
Perlu di ingat disini sobat, bahwa tidak semua template mendukung penggunaan cara ini maka dari itu admin menyarankan untuk memback-up dulu templatenya agar kalau ada kesalahan bisa di restore kembali.
Baiklah, sedikit penjelasan dari saya keuntungan menggunakan cara membuat tag cloud adalah dari segi penampilan sangat enak dilihat dan biar terlihat bagus. Ini tantangan kecil bagi blogger yang seneng utak-atik tampilan blog.
Siip, langsung saja ke cara membuat tag cloud, label bergerak di blog: ikuti step by step ya..?
Sedikit kendala, biasanya ada kode yang tidak sama pada setiap template, jadi pada saat melakukan pencarian sangat saya sarankan supaya mencari kode yang sedikit mirip/ hampir mirip.
(Back-up template dulu)
Ok, pertama-tama masuk ke dashboard blogger => edit html => centang Expand Templates Widget,
Cari kode berikut ini, tekan ctrl + f atau f3 <b:section class='sidebar' id='sidebar' preferred='yes'> Kode ini pada setiap template berbeda, cari saja kode yang mirip.
Trus taruh kode berikut ini di bawah kode di atas tadi.
Priview dulu kerjaan sobat, jika berhasil silahkan klik save.
Keterangan:
Merah :Rubah dengan ukuran tag cloudnya
Biru : Rubah dengan bakground tag cloud, sobat bisa memperoleh kode warna dengan klik disiniGimana sob..? cara membuat tag cloud, label berputar gampang kan..? semoga begitu, tunggu postingan selanjutnya tentang bagaimana cara menambahkan hal unik di blog jika postingan tetang cara membuat tag cloud, label berputar pada blog ini membantu silahkan like fan page kediri-net ini.
Sumber kode html
Perlu di ingat disini sobat, bahwa tidak semua template mendukung penggunaan cara ini maka dari itu admin menyarankan untuk memback-up dulu templatenya agar kalau ada kesalahan bisa di restore kembali.
Baiklah, sedikit penjelasan dari saya keuntungan menggunakan cara membuat tag cloud adalah dari segi penampilan sangat enak dilihat dan biar terlihat bagus. Ini tantangan kecil bagi blogger yang seneng utak-atik tampilan blog.
Siip, langsung saja ke cara membuat tag cloud, label bergerak di blog: ikuti step by step ya..?
Sedikit kendala, biasanya ada kode yang tidak sama pada setiap template, jadi pada saat melakukan pencarian sangat saya sarankan supaya mencari kode yang sedikit mirip/ hampir mirip.
(Back-up template dulu)
Ok, pertama-tama masuk ke dashboard blogger => edit html => centang Expand Templates Widget,
Cari kode berikut ini, tekan ctrl + f atau f3 <b:section class='sidebar' id='sidebar' preferred='yes'> Kode ini pada setiap template berbeda, cari saja kode yang mirip.
Trus taruh kode berikut ini di bawah kode di atas tadi.
Kode tag cloud berputar:
<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Priview dulu kerjaan sobat, jika berhasil silahkan klik save.
Keterangan:
Merah :Rubah dengan ukuran tag cloudnya
Biru : Rubah dengan bakground tag cloud, sobat bisa memperoleh kode warna dengan klik disini
Sumber kode html
.jpg)
.jpg)
.jpg)