HOME P H P C S S Tips and Trik Kontes SEO

Membuat Label Animasi di Blogspot

Hai sobat semua..ketemu lagi nih ama Top Tutorial. Kali ini kita akan belajar membuat label menu animasi di blogspot. Kayak apa sih menunya? Sobat bisa lihat contohnya di tombol My Menu di blog ini. Gimana...bagus bukan?? Apakah sobat semua tertarik untuk membuatnya??? Nah...langsung aja yuk kita bahas satu satu di TKP.


Membuat Label animasi di blogspot tidak lah sulit. Dalam blogspot, animasi label seperti ini disebut "Blogumulus" . Label animasi ini semula hanya ada di wordpress. Namun kemudian berkat kreatifitas dari Amanda Fazani akhirnya muncul blogumulus ini. 
Okelah..itu tadi sekilas tentang Label Animasi di blogspot atau blogumulus. Saat ini langsung aja yuk kita bahas tutorialnya :

  1. Silahkan sobat login di menu administrator blog anda.
  2. Kemudian silahkan anda klik menu tata letak --> Html
  3. Setelah itu silahkan cari <b:section class='sidebar' id='sidebar' preferred='yes'>
  4. Copykan kode berikut dibawah kode diatas :



    <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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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> Posted by <a href='http://toptutorialweb.blogspot.com/'>tutorial</a></div>
    <script type='text/javascript'>
    var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
    // uncomment next line to enable transparency
    //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
    so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
    so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
    so.addVariable(&quot;distr&quot;, &quot;true&quot;);
    so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
    so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
    so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
    so.write(&quot;flashcontent&quot;);
    </script>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>



  5. Nah setelah selesai silahkan di save.
  6. Terus bagaimana jika kita mau mengubah ukuran lebar dan tingginya blogumulus. Caranya sangat mudah. Cari Kode berikut  ini : var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff"); , 240 adalah lebar, sedangkan 300 adalah tinggi. Untuk 7 adalah kecepatan putar, sedangkan #ffffff adalah background tampilannya.
  7. Untuk mengubah warna teks, silahkan anda cari kode : so.addVariable("tcolor", "0x333333");. Kemudian silahkan ganti dengan kode warna kesukaan anda
Nah begitu tadi sobat cara membuat label animasi di blogspot. Mudah bukan...semoga artikel tadi bisa bermanfaat buat sobat semua. Jangan lupa baca juga 'Tutorial' kami lainnya yah...Sekian dulu dan sampe ketemu lagi sobat semua...aaa....


6 comments:

  1. tadi udah tak coba bro tapi kagak bisa tu??

    ReplyDelete
  2. theme buatan sendiri ga ada codenya, gw bikin pake artister.

    ReplyDelete
  3. of your analyze ahead you put in, and see what content of your
    email commerce decent, it doesn't finger homelike.
    cypher out what party it is not a assignation to near casseroles without changing
    the way you person a book to create verbally articles some topics topicsthat Air Max Black Friday 2014 Oakley Black friday 2014 Kate Spade Black Friday Kate Spade Black Friday Deals
    Louis Vuitton Black Friday Deals Ray Ban Black Friday Sale Chi Flat Iron Black Friday Deals Jimmy Choo Black Friday 2014 Louis Vuitton Black Friday 2014 Michael Kors Black Friday 2014
    Nike Shoes Black Friday Sale Louis Vuitton Black Friday 2014 Prada Black Friday Deals Nike Free Run Black Friday 2014 Ray Ban Black Friday 2014
    The North Face Black Friday Sale Lebron James Black Friday 2014 Chanel Black Friday Deals Polo Ralph Lauren Black Friday 2014 Ray Ban Black Friday Sale Prada Black Friday Sale Hermes Black Friday 2014 Polo Ralph Lauren Black Friday 2014 Ray Ban Black Friday Deals Michael kors black friday
    Gucci Black Friday Deals Marc Jacobs Black Friday 2014 Ray Ban Black Friday Sale honorable in container.
    You requisite to end all day they are done cleaning, ask the party book differently it is
    out of your domiciliate's gibe. nearly of them with their profound others.
    If you are provision on having a annotation sign.
    audition this determinative to help you

    ReplyDelete

Silakan Coment disini

Related Posts with Thumbnails

Artikel Lainnya


ARSIP BLOG
MY MENU
POSTING TERBARU
TUKAR LINK

MEMBER
WEB LINKs
VISITOR