cbox

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

Cara Membuat Label Berputar-putar Di Blog

den zuaz | 21.13 | 20comments
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
20 Komentar Sahabat

20 comments:

Anonim mengatakan...

mantap sob, happy blogging

den zuaz mengatakan...

@_Rudy Hartono:

Terimakasih sob..

Happy blogging.. ^_^

Janaka 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,, ^_^

Unknown 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,,

Anonim mengatakan...

Akhirnya ketemu juga, makasih gan :D

Unknown 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

Anonim 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/

Unknown mengatakan...
Komentar ini telah dihapus oleh pengarang.
Unknown 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.

Unknown mengatakan...

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

Unknown mengatakan...

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

proladies mengatakan...


jual obat aborsi di malaysia
jual obat aborsi di hongkong
jual obat aborsi di singapura
jual obat aborsi di medan
jual obat aborsi di banda aceh
jual obat aborsi di lampung
jual obat aborsi di pekanbaru
jual obat aborsi di padang
jual obat aborsi di palembang
jual obat aborsi di jambi
jual obat aborsi di samarinda
jual obat aborsi di balikpapan
jual obat aborsi di pontianak
jual obat aborsi di banjarmasin
jual obat aborsi di bontang
jual obat aborsi di tarakan
jual obat aborsi di palangkaraya
jual obat aborsi di banjarbaru
jual obat aborsi di singkawang
jual obat aborsi di makassar
jual obat aborsi di manado
jual obat aborsi di palu
jual obat aborsi di kendari
jual obat aborsi di palopo
jual obat aborsi di tomohon
jual obat aborsi di gorontalo
jual obat aborsi di toli-toli
jual obat aborsi di denpasar
jual obat aborsi di ubud
jual obat aborsi di kutai
jual obat aborsi di bedugul
jual obat aborsi di singaraja
jual obat aborsi di kupang
jual obat aborsi di lombok
jual obat aborsi di mataram
jual obat aborsi di sumbawa
jual obat aborsi di jayapura
jual obat aborsi di sorong

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 :::..