Iklan

Tutorial Membuat Label Yang Melayang Pada Blog

Posted by Sutami Suparmin Sunday, November 4, 2012 3 comments
Selamat Datang kawan-kawan pengunjung setia blog Flying without wing ^,^

Kali ini saya akan mengajarkan kalian tentang bagaimana cara membuat label yang melayang pada blog sobat.
Label atau biasa dibilang kategori bacaan pada blog memang sangatlah penting. Tapi, pada umumnya kebanyakan orang menggunakan label yang sederhana yang berbentuk tampilan Daftar dan adapun yang menggunakan tampilan cloud.
Namun, pada kesempatan kali ini saya akan mengajak kawan-kawan untuk mengubah tampilan label terdapat pada blog sobat dengan tampilan yang melayang dalam tutorial blog kali ini.
Banyak yang sangat tertarik dengan tampilan seperti ini,yaitu pada saat kita mengarahkan kursor dan tulisan label yang ada pada kotak tersebut akan berputar seakan-akan melayang.

Adapun cara-cara untuk mengubah label yang lama anda menjadi label yang melayang yaitu sebaagai
 berikut :

  1. Masuk ke pengaturan template/HTML anda,dan jangan lupa untuk mendownload atau memBackup template anda agar aman.
  2. Setelah masuk,centang tulisan EXPAND TEMPLATE WIDGED
  3. langkah yang kedua adalah cari kode yang ada seperti ini :                                                         <b:section class='sidebar' id='sidebar' preferred='yes'>
  4. Untuk mempermudah,anda bisa menekan tombol CTRL + F dan mempastekan tulisan yang ingin di cari.
  5. Nah,setelah dapat kalian bisa memasang kode yang aada dibawah ini tepat dibawah kode yang anda cari sebelumnya :                                                                                                                       <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", "300", "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>
Sekian tutorialnya,semoga dapat membantu dan jangan lupa  tinggalkan koment yah :D


9out of 10 based on 10 ratings. 9 user reviews.

Labels

Blogumulus by Roy TanckandAmanda Fazani

Feed my Fish ^.^

Yuk Gabung Disini !!

Adsense Indonesia

Site Info

Followers