Membuat Label Menjadi Flash Animasi
Ini berawal dari saya melihat flash animasi yaitu di dalam kotak da tulisan-tulisan yang bergerak-gerak, lalu dengan sengaja saya cari cari cara membuatnya, Label yang di fitur blogger standart menjadi tidak standart.
Kalau biasanya seperti ini:
Kucing (12)
Bunga (45)
Buku (8)
Maka dengan fitur widget yang baru ini maka label akan berubah menjadi bentuk flash animasi, seperti punya saya tu! :) Tahu gak?
Caranya Gimana?
Pertama, pilih Tata Letak > Edit HTML
Kedua, centang Expand Template Widget
Ketiga, cari kode di bawah ini
Keeempat, Kalau sudah ketemu taruh script berikut ini di bawahnya.
<b:widget id='Label99' locked='false' title='Tag Cloud' 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/ruangsc/enes/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://twitter.com/kurniasepta'>@kurniasepta</a> Distributed by <a href='http://kurniasepta.blogspot.com'>Belajar Ngeblog di Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "245", "180", "7", "#333333");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
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>
Nah sekarang yang bisa kamu ubah adalah:
Pengetahuan ini saya peroleh dari tante amanda dengan rumahnya dapat kamu jumpai di sini. Ya semoga kamu juga berhasil mempraktekannya. :x
Kalau biasanya seperti ini:
Kucing (12)
Bunga (45)
Buku (8)
Maka dengan fitur widget yang baru ini maka label akan berubah menjadi bentuk flash animasi, seperti punya saya tu! :) Tahu gak?
Caranya Gimana?
Pertama, pilih Tata Letak > Edit HTML
Kedua, centang Expand Template Widget
Ketiga, cari kode di bawah ini
<b:section class='sidebar' id='sidebar' preferred='yes'>
jika tidak ketemu, cari kode di bawah ini
<b:include name='quickedit'/> /b:includable></b:widget>
jika tidak ketemu, cari kode di bawah ini
<b:include name='quickedit'/> /b:includable></b:widget>
Keeempat, Kalau sudah ketemu taruh script berikut ini di bawahnya.
<b:widget id='Label99' locked='false' title='Tag Cloud' 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/ruangsc/enes/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://twitter.com/kurniasepta'>@kurniasepta</a> Distributed by <a href='http://kurniasepta.blogspot.com'>Belajar Ngeblog di Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "245", "180", "7", "#333333");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
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>
Nah sekarang yang bisa kamu ubah adalah:
"240", "300"
240 adalah lebar flash animasi
300 adalah tinggi flash animasi
240 adalah lebar flash animasi
300 adalah tinggi flash animasi
Pengetahuan ini saya peroleh dari tante amanda dengan rumahnya dapat kamu jumpai di sini. Ya semoga kamu juga berhasil mempraktekannya. :x
Horee.... Berhasil :))
BalasHapuskok ga bs? ga ada yg brubahh,,
BalasHapusMungkin karena postingan kamu gak ada yang kamu kasih label, di coba lagi!!!
BalasHapusBERHASILLLLLLLLLLLLLLLLLL LIAT AJA DI http://insurance-vs-lawyer.blogspot.com/
BalasHapusmakasih banyak
thanks yaw wat tipsnya berguna s`kali wat gw cu!!
BalasHapus;)...................................;)
bagaimana saya mahu membuat widget di blog saya seperti saudara tampilkan di bahagian bucu bawah kiri komputer saudara.
BalasHapuska kurnia,maksih y,q berhasil,tp q ingin kk melihat blog q di bluestarsstory.blogspot.com,pliz,q mungkin msih baru membuat blog,tolong ajarin mana yg hrus dperbaiki ya?ok,thankz
BalasHapuskok udah dicoba tapi gak muncul ya??
BalasHapusgimana tuh!! kirim jawabannya di ericmusikexpresi@gmail.com yah...!!
trim's
mas,.. ana kok gagal???
BalasHapusweeee lam kenal kak
BalasHapuswww.coretankecilku.co.cc
Komentar ini telah dihapus oleh pengarang.
BalasHapusberhasil, tapi..
BalasHapusKoq warna bacgroundnya jadi putih?? gimana caranya menyesuaikan warna bacground supaya maching ama layout kita?:)
terimaksih atas tips nya semogasukses terussss
BalasHapusSaya coba dulu ach...
BalasHapusmakasih banyak ya tipsnya...^_^
BalasHapustenkyuuu kk :)
BalasHapuskak, kok ngak bisa ya...
BalasHapuslabelnya ngak muncul tu?
tolong jawab ke c1tra_sw3ety@yahoo.com
keren abizzzzz........
BalasHapuskq gk berhasil ya ?????
BalasHapustampilannya hanya polos berwarna putih aja...
kira2 ada saran gk ???
sudah saya coba di blog kelas saya ko' tampilannya polos berwarna putih aja kak,mohon sarannya ya kak??
BalasHapusmantap artikelnya...tks
BalasHapussoulvisiont.blogspot.com/
balikpapanspotcity.blogspot.com
berhasil, tetapi label saya ada yang kurang satu.
BalasHapussaya ada 3 label, tapi yang ada cuma 2.... :-/
mas..... gimana mesinuang24jamnya? sukses ga?
BalasHapusmas ko g bisa?
BalasHapusTerimakasih aku coba berhasil banyak ilmu yg di dapat dari anda di tunggu ilmu terbarunya.....
BalasHapusakuuu juga berhasiiiLLL horeeeeee!!!
BalasHapustrmakasih kaakaaaaa
ko kode yg saya cari buat animasi g ada kmn ya ksih tau dong>>>....!!!!
BalasHapusmantav! syukron y.. :)
BalasHapusMas kok gak ketemu dimana naruhnya ?? kalau ada tips yang lain kirim ke muhammadagungragung@yahoo.co,id
BalasHapusberhasiL,berhasil. horeeeeeeeeee
BalasHapustadinya bisa dan lancar, kok skrg yg terlihat hanya tulisan dan link saja. kenapa ini??
BalasHapusTukeran Link Yuk Gan Dengan Blog Saya di http://verialgratisan.blogspot.com/
BalasHapusdan
http://tabunganpastiprofit.blogspot.com/
Tukeran Link yuuuk .........
BalasHapusKeren, Blog gue jadi keren makasi tipsnya ya!!
BalasHapusudh d coba bro,
BalasHapusmantab.......
mmpir y,coba d cek
:D
kok script itu gak ada d blog aku? -.-"
BalasHapuskok d template blog saya ga da
BalasHapusudah d cari berulang" tetep aja ga ada..
www.ilhamnurjabar.co.cc
mas, cari kode yg kaya di atas... ngga ketemu-ketemu. tolong jawabannya ya. makasih infonya ;D
BalasHapusgan,saya berhasil... makasih ya...
BalasHapussaya gk ada section sidebarnya, jd gk bisa.
BalasHapusgagal ni q coba!!!:-o
BalasHapusthx y kk.. :)]
BalasHapusakhirnya bsa juga.. :)
skrang blog gw makin menarik.. :D
mantap. udah aku coba dan berhasil! good luck yaaah ;)
BalasHapuskalo ga ketemu script tuh gmn gan?
BalasHapusthank's gan atas info'y..
BalasHapushttp://ptcmake-money.blogspot.com/
kak, kode . kok gak ada ya di html ku ? mohon bantuannya :-o
BalasHapusudah dicoba.,.tp koq G da kode "section class" nya
BalasHapusmhon bantuannya ya,.
"section class" x ga ada.......
BalasHapuskode ga' ada.., help me!!
BalasHapuskok kodenya dicari ga ada, need your help kak!! maklum newbie...
BalasHapussusah sekali untuk perlajarin blog itu
BalasHapusberhasillll!!!!!!!!! utak-atik 1 jam akhirnya berhasil.., bagi yang nyari kode 'section class' gak ketemu. coba cari ini kode: "b:section-contents><b:section-contents id='sidebar-right-1" trus copy kodenya dibawahnya.,
BalasHapussemoga membaantu..:D
visit my blog:
http://shareitforfree.blogspot.com/
mas copy artikel nya ya...buat berbagi ke yang lain di blog ane..boleh ga??:)
BalasHapusklo mau liat di sini:
http://rizal-kahfi.blogspot.com
makasih banyak atas tips n trik nya..
moga bermanfaat...:D
:D mantaf gan
BalasHapusMantap.. Kurnisepta Memang OK!!
BalasHapusmantabbbbbbbb
BalasHapusKo ngak ada nemuin kode yang mas maksud...
BalasHapuspatut di coba ini :D
BalasHapusmakasi infonya :D
ayaspoehamster.blogspot.com
mantap berhasil :D
BalasHapusklo boleh tau yg dimna di contreng expand Template Widget
BalasHapusMampir juga kang ke Blogku, http://www.bagas31.com
BalasHapusberhasil hore
BalasHapusgan, kok gak ketemu ya gan...
BalasHapus:(( ~x(
Komentar ini telah dihapus oleh pengarang.
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapuscoba cari script ini, "b:include name='quickedit'/> /b:includable></b:widget". kemudian taruh dibawahnya script yang tahap 4.. lalu, setelah muncul, edit tata letaknya..
BalasHapuskunjungi juga ya blog saya catatanqasran.blogspot.com
mantep gan postingannya...
BalasHapusnewbie yang baru belajar nge blog izin pelajari
kalo ada waktu mampir ke blog ane gan
Marketmusik
maturnuwn,,,, ane sempet hampir stres gara2 ni ni... wakakakkakkakkakaka ketemunya di sini :))
BalasHapuskok saya nggak bisa ya,,,, ~x(
BalasHapusKlo di wordpress gimana Brader ?
BalasHapus:D
Succes :D thax vry much,.don't forget visit ima-rosyi.blogspot.com ;)
BalasHapusmksh tipsnya..tapi di blogq kuk tidak bisa y? mlah daftar isiq hilanh.. firdaus-ihsan.blogspot.com
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapussudah bisa tp kok tidk kluar yaa widget nya..??
BalasHapuscoba liat di http://aboutthetrain.blogspot.com/
=))
BalasHapuskok ngga muncul ??
BalasHapusgmn nih..??
coba liat di
http://aboutfighter.blogspot.com/
koq ga bisa coba liat di www.dexpitkeybix.com tlong bantuaannya bosss....
BalasHapusBisa kak, tapi ndak ada section sidebarnya. keluarnya di atas postingan.. ada tips kak?
BalasHapusaku kok ga bisaaaa :((
BalasHapusBANG,,,,, mohon bantuan kode yang abang mksud ga ada udah saya cari di situ ga ada ?
BalasHapus:) MANTAP akhirnya sukse juga............... tax bro...... blog ini memang mantap
BalasHapusthank's for share sobat.keren sekali hasilnya
BalasHapusgan, kok scrpt awal dua dua nya saya search ga ada ya? :(
BalasHapusitu gmn?
mohon di bls yaa.. thx
wahh
BalasHapuskeren gan...
nice post.
thanks atas tipsx
BalasHapusbookmark dulu.. nanti mau dicoba, makasih ya..
BalasHapuswah.... mantaph negh tag cloud nya. sob, saya pingin bikin tag cloud tp dari gambar. Bisa gak sob ? tolong bikinin tutorial nya yach. thn'x before :)
BalasHapuskok susah ya....~x(
BalasHapus:-o
BalasHapuskk Kq Kode /b:includable> atau /b:includable> Gx ada Di Blog qw YY Mohon Pencerahanya ,,,,,
BalasHapusgimana cara membuat BRANDA dan lain" pada blog maklum kami orang baru di blog
BalasHapusPEKERJA DI RUMAH DI PERLUKAN SEGERA
BalasHapusGaji Sehingga RM1300 - RM3400 Sebulan
Syarat Kelayakan:
- Asas komputer & internet
- Microsoft Office (Words & Excel)
- Boleh menulis, membaca & faham B.Inggeris
- Komputer/Laptop
- Akses ke talian internet
- 18 tahun keatas
- Boleh bekerja tanpa pengawasan
Maklumat lanjut layari:
http://www.jobdirumah.com/sayidi
SLM SEMUA@MARI SERTAI PELUANG TERHEBAT YG AKAN MENGUBAH KEHIDUPAN KITA SELAMANYA:-http://www.ecommercemastery.com/provider8/idevaffiliate.php?id=11473
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusko sama yang di bawah nya aku cari gak ketemu?
BalasHapusboleh juga neh ane coba PRAKTEKdulu...
BalasHapusYour blog posts and articles are very interesting for me become more knowledge, keep your blog so I can visit again to see your blog posts and articles later .. thanks for the info
BalasHapusMengunjungi blog yang bagus dan penuh dengan informasi menarik tentang Membuat Label Menjadi Flash Animasi adalah merupakan kebahagiaan tersendiri bagi kami... Teruslah berbagi informasi
BalasHapuskok,gak bisa mas ????
BalasHapusma'f bos,,, kenapa saya tidak bisa menerapkannya..
BalasHapusdimanakah letak kesalahannya,,,,,,
gak ketemu sob....
BalasHapusuntuk wordpress ada gx ? Saya mau nerapinnya di wp..
BalasHapusTolong buatin tutorialnya
tx infonya ya,,,,, ijin sedotzz
BalasHapusMakasih infonya sangat bermanfaat
BalasHapusAda yang bisa bantu... saya ingin mengambil text dari label nya saja tidak termasuk linknya, dan saya ingin menempatkannya disini ;
BalasHapus--$cript type="text/java$cript"--
label = "text labelnya disini";
judul = "Judul Artikel nya disini";
very nice post thanks.
BalasHapusfree software download full version, Download Free Software
Thanks infonya agan Kurnia Septa.
BalasHapusBagi yg kagak muncul tag cloud nya, ini ada cara baru. Silakan buka blog saya:
www.herypratama.com/p/share.html
Trus klik yang list yg paling bawah.
Sebelumnya mohon maaf admin kl nampilkan link, tp itu blog sy kok, skalian bantu2 tmn yg kesusahan nampilin tag cloud. tks