Blog sedang dalam perbaikan mohon maaf jika banyak kesalahan ------> Pemesanan Hubungi langsung Owner Kami
Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image

Cara buat Blogumulus atau label berputar-putar pada blog

  • 9 Mei 2012
  • Armila ( Dins Photography )
  • Label:

  • Blogumulus / Labels berputar

    Halo..~ Sobat DSP.. Kali ini saya akan memberikan trik bagaimana cara membuat blogumulus atau label yang berputar-putar jika di sentuh oleh kursor.. pertama blogumulus ini di ciptakan oleh Roy Trank dan karenanya dan juga saudari Amanda fazani, blogerbuster yang telah memperkenalkannya kita semua dapat merasakan manfaatnya..


    Caranya sangat mudah sob.. silahkan simak panduannya :

    1. masuk ke acount bloger sobat.. inget jangan masuk ke blog orang lain..
    2. pilih edit template > pilih edit HTML > jangan lupa centang expand widget template untuk menjaga kesalahan.
    3. cari kode berikut :
    • Untuk Template lama   <b:section class="sidebar" id="sidebar" preferred="yes">
    • Untuk Template baru   <b:section-contents id="sidebar-right-1"> 
     Supaya gampang tekan CTRL + F lalu masukan kode tadi di Find bar biasanya ada paling bawah untuk template baru scroll mouse ke bawah.

    4. Selanjutnya copy kode ini dan paste di bawah kode yang anda cari tadi.

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

    5. Tulisan yang saya beri tanda hijau adalah lebar widget silahkan sesuaikan dengan sidebar anda, warna merah adalah tinggi widget, dan warna biru adalah warna background widget silahkan anda rubah sesuka anda. jika tidak di ganti maka tampilan seperti gambar di atas.
    6. Sebelum simpan pratinjau lebih dulu untuk meyakinkan jika tidak ada kesalahan.
    7. setelah yakin Simpan template.

    Selesai deh...

    • Jika anda sedang membaca artikel ini dan anda menyukai artikel ini silahkan anda copy tetapi jangan lupa mencantumkan link sumber.
    • Artikel DSP

    0 komentar:

    Posting Komentar

    Tolong bagi para sahabat harap baca dulu sebelum berkomentar :

    Blog ini tidak menggunakan verifikasi apapun, silahkan tinggalkan komentar yang sopan, tidak menjadi spamer.

    - jangan sertakan link pada komentar
    - jika ada link yang rusak / broken link di blog ini tolong beritahu saya pada komentar
    - jika artikel blog ini bermanfaat silahkan menyebarluaskan-nya dengan tekan button share
    ( google+ , facebook, digg, twitter dll ) salam hangat...
    Owner dsp : [Didin Supriatna (urang sunda+jawa)]

    Copyright (c) 2010 dins photography. Created by dsp