cbox

close
chat YM
Home » » Cara Membuat Label Berputar-putar Di Blog

Cara Membuat Label Berputar-putar Di Blog

den zuaz | 21.13 | 23comments
Salam blogging sobat-sobat ku semua, kali ini saya sedikit share tentang cara membuat label berputar-putar di blog, cara ini sudah banyak di bahas oleh master-master blog terdahulu.

Disini saya hanya mengulas ulang, siapa tahu ada sobat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin mempraktikkan di blog sobat. Dengan menggunakan cara ini tampilan widget label akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar, karena lebar dan panjangnya bisa sobat sesuaikan sendiri.
Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog.

Berikut ini langkah-langkah cara membuat label berputar-putar di blog:
1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode berikut:
  • Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>
  • Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>
5. Setelah ketemu sobat copy paste code berikut ini tepat di bawah kode yang sobat cari tadi

Klik show untuk melihat
<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", "300", "200", "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>


Keterangan: 
  • Kode berwarna kuning adalah lebar widget, bisa sobat sesuaikan sediri.
  • Kode berwarna hijau adalah tinggi widget, bisa sobat sesuaikan sendiri.

6. Klik save / simpan template

Catatan:
Apabila label belum muncul sobat setting secara manual dahulu seperti gambar di bawah ini.
Demikianlah Cara Membuat Label Berputar-putar Di Blog. Silakan mencoba dan semoga bermanfaat sobat..

Posted by : den zuaz - Author Zuaz'Z Creator™

Artikel Cara Membuat Label Berputar-putar Di Blog ini diposting oleh den zuaz . Terimakasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini. Kritik dan saran dapat Sobat sampaikan melalui kotak komentar. Apabila Sobat berminat silakan copy paste artikel ini dan mohon untuk mencantumkan sumbernya dengan menyertakan script di bawah ini:

Hormat saya: den zuaz

Bagikan artikel ini sobat :
Pemberitahuan:
Mohon maaf apabila komentar Sobat dari Facebook tidak bisa saya jawab semua, dikarenakan sulit untuk memoderasi komentar dari Facebook, bila sobat ada pertanyaan yang ingin lansung saya jawab, silakan Sobat berkomentar dari id Blogger.
Komentar Sahabat
23 Komentar Sahabat

23 comments:

Rudy Hartono mengatakan...

mantap sob, happy blogging

den zuaz mengatakan...

@_Rudy Hartono:

Terimakasih sob..

Happy blogging.. ^_^

Janaka nglayap mengatakan...

saya sudah mencoba label yg berputar, tetapi kenapa ada kesalahan : must be followed by either attribute specifications, ">" or "/>".

den zuaz mengatakan...

@_Janaka nglayap: maaf sob,, letakkan kodenya di bawah kode yang sobat cari,, bukan di atas,, silakan di coba lagi sob,, ^_^

RoPinK mengatakan...

ini yang aku cari, thanks Bob :)

den zuaz mengatakan...

@_RoPinK: Sama-sama sob,,

Selamat mencoba,, ^_^

Fatan mengatakan...
Komentar ini telah dihapus oleh pengarang.
Zahra mengatakan...

untuk ganti background nya gmn master???
Nice post master

den zuaz mengatakan...

@_Zahra: Coba ganti kode #ffffff dengan kode warna HTML yg lainya Sob,,

sastraremaja11 mengatakan...

Akhirnya ketemu juga, makasih gan :D

mansyur syamsudin mengatakan...

trims gan..sharenya bermanfaat skali..sudah ada diblog ane gan..dtnggu knjungannya diblog ane gan..http://reformasibaru.blogspot.com

Muhammad Razali mengatakan...

Assalamualaikum saya ingin minta ilmunya , sobat saya ingin tahu cara membuat seperti lembaran buku yang ada tulisannya inspirasi semangat hidup ku yang ad fhoto cwe nya

magazineticker mengatakan...

thnks gan atas info nya,,,saya coba dulu ya,,,

Redy Nirtiana Muzaffar mengatakan...

Mantap sobatt !!!! kunjungi balik ya :) http://redythehackers.blogspot.com/ kali aja sobat sobat punya hp NOKIA berbasis SYMBIAN ,tapi kalu pun tidak punya ,,tolong kunjungi yahh !!!



thnaks http://zuazz.blogspot.com

Blog 6969 mengatakan...

Gan tutorialnya mantap dan bagus, dicoba dan berhasil, arah putarnya bervariasi.
bagaimana skripnya kalo diberi bingkai serta background transparan ??? dan
bisa nggak ya kalo yang dibaca itu Judul Posting kita, karena saya coba berkreasi error terus.
saya tunggu tutorialnya.
http://blog6969blog.blogspot.com/

Faishal Hanif mengatakan...
Komentar ini telah dihapus oleh pengarang.
Faishal Hanif mengatakan...

gan sekarang edit html sudah versi baru,lalu kodenya di taruh mana ? soalnya kode b:section-contents id='sidebar-right-1'kagak ada gan.

Siti Rahmawati mengatakan...

terima kasih atas informnya,,,,,,,,bermanfaat alhamdulillah

Marlan Munaji mengatakan...

ok thx gan,, kalo untuk ganti background yang transparan gmana sob ??

Muji Utomo mengatakan...

cara mengobati kanker
denature indonesia penipuan
denature indonesia
obat herbal kanker
obat penyakit gula

Muji Utomo mengatakan...

cara mengobati kanker
obat kanker denature
denature penipu
obat herbal kanker
obat tradisional kanker

Muji Utomo mengatakan...

obat kanker payudara asli
obat denature kanker
obat kanker asli
penipuan obat kanker
obat kanker hati

Muji Utomo mengatakan...

obat kanker mata
penyakit kanker apa
obat herbal kanker payudara
denature indonesia asli
obat kanker alami

Luangkanlah Sedikit Waktu Sobat Untuk Memperindah Blog Ini Dengan Berkomentar,, (^_^)

PERINGATAN,,!!!
Bagi Sobat Yang ingin berkomentar, mohon sesuaikan dengan tema pada postingan, dan saya mohon untuk tidak mencantumkan link (URL) pada komentar karena akan saya anggap spam dan mohon maaf apabila saya hapus komentar Sobat,,!!!

Pilih Bahasa Sobat

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
Designed By: den zuaz

Baca Juga Artikel Lainya Ya

Tuker Link Banner Yook

Bagi Sahabat Blogger Yang Bersedia Untuk Bertukar Banner Dengan Blog Zuaz'Z Creator Silakan Copy Code Di Bawah Ini Untuk Dipasang Di Blog Sobat
Email: dideardana@gmail.com
Banner Zuaz'z
..::: Like this yoo :::..
..::: Award Dari Sahabat :::..

Friendship Award
Dwi Semakin Sukses

banner coa-coba
den zuaz

^_^ iklan kosong ^_^

 
Copyright © 2012. Zuaz'Z Creator™ - All Rights Reserved
..::: Template designed by den zuaz | Powered by Blogger | Thanks for visiting :::..