Cara Membuat Label/Kategori Animasi Di Blog (1)
Biasanya label pada blog, hanya tulisan kebawah saja, semakin banyak label di blog kita, maka akan banyak memakan tempat, untuk menghemat tempat di blog kita sebaiknya menggunakan label animasi ini, selain hemat tempat, label ini juga dapat mempercantik tampilan Blognya, karna tulisan lebelnya bisa bergerak/berputar ketika mouse di arahkan ke label tersebut.
Berikut cara membuatnya....
4. Kustomisasi
Anda BISA lakukan perubahan parameter plugin diatas. PERHATIKAN!
Title Labels bisa diganti judul lain – misal : De Labels WP Comulus.
Angka 240 dan 160 menunjukkan lebar dan tinggi flash di webpage
dan bisa disesuaikan dengan keinginan. Kode 45FFF3 mewakili warna
background . FA6446 mewakili warna text. Saat didekati kursor, maka
warna text menjadi hitam.
Angka 100 wakili speed pergerakan text dan bisa dikurangi dibawah
100. Angka 12 menunjukkan ukuran text.
Untuk mendapat kode warna, buka http://www.colorpicker.com/
Catatan :
Sesudah copy - paste Hasil copiannya periksalah dengan cermat, agar identik dengan ASLI. Karena berulang-ulang saya mengalami duplikasi hasil copy-an seperti ini : (tanpa saya tahu penyebabnya dan harus menghapus duplikat secara hati-hati).
<b:includable id='main'><b:includable id='main'>
<b:if cond='data:title'><b:if cond='data:title'>
seharusnya :
<b:includable id='main'>
<b:if cond='data:title'>
Selamat Mencoba........
Berikut cara membuatnya....
1. Masuk Dashboard Blogger |Desain > Edit HTML. Lebih aman klik dulu
"Backup/Restore Template"
"Backup/Restore Template"
2. Tekan CTRL-F untuk mencari snippet kode atau yang mirip ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
atau
<b:section-contents id='sidebar-right-1'>
3. COPY kode DIBAWAH kemudian PASTE kode tersebut tepat dibawah
snippet : <b:section class='sidebar' id='sidebar' preferred='yes'>
atau yang mirip dengannya.
snippet : <b:section class='sidebar' id='sidebar' preferred='yes'>
atau yang mirip dengannya.
COPY !
<!--WP Columus Label for Inspiring Quotes-->
<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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "160", "7", "45FFF3");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xFA6446");
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>
<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", "160", "7", "45FFF3");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xFA6446");
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>
4. Kustomisasi
Anda BISA lakukan perubahan parameter plugin diatas. PERHATIKAN!
Title Labels bisa diganti judul lain – misal : De Labels WP Comulus.
Angka 240 dan 160 menunjukkan lebar dan tinggi flash di webpage
dan bisa disesuaikan dengan keinginan. Kode 45FFF3 mewakili warna
background . FA6446 mewakili warna text. Saat didekati kursor, maka
warna text menjadi hitam.
Angka 100 wakili speed pergerakan text dan bisa dikurangi dibawah
100. Angka 12 menunjukkan ukuran text.
Untuk mendapat kode warna, buka http://www.colorpicker.com/
Catatan :
Sesudah copy - paste Hasil copiannya periksalah dengan cermat, agar identik dengan ASLI. Karena berulang-ulang saya mengalami duplikasi hasil copy-an seperti ini : (tanpa saya tahu penyebabnya dan harus menghapus duplikat secara hati-hati).
<b:includable id='main'><b:includable id='main'>
<b:if cond='data:title'><b:if cond='data:title'>
seharusnya :
<b:includable id='main'>
<b:if cond='data:title'>
Selamat Mencoba........
Post a Comment