Cara Membuat Label Animasi Pada Blog

Nah kali ini Bli YUZA akan ngasi info cara gimana membuat label Animasi pada blog 
Biasanya label pada blog, hanya tulisan kebawah saja, semakin banyak label di blog kita, maka akan banyak memakan tempat, untuk menghemat tempat di blog kita sebaiknya menggunakan label animasi ini, selain hemat tempat, label ini juga dapat mempercantik tampilan Blognya, karna tulisan lebelnya bisa bergerak/berputar ketika mouse di arahkan ke label tersebut.

Label ini karya RoyTrank & Amanda Fazani

Cara Pembuatanya :

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. KLik tab Edit HTML.
4. Klik tulisan Download Template Lengkap (ini untuk memback-up bila terjadi kesalahan). agar templatenya aman.
5. Cari kode yang mirip dengan kode di bawah ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>

6. Copy kode di bawah ini kemudian taruh kode tersebut (paste) dibawah kode di atas.


<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://tutorial-triktips.blogspot.com/'>Tutorial-TrikTips</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>


7. Klik tombol SIMPAN TEMPLATE

Note :
Agar tampilan label animasi ini serasi dengan templet blog anda, sesuaikan kode-kode berikut dengan templet yang dipakai. Misal:

Merubah lebar, tinggi dan warna background.
Variable untuk lebar dan tinggi ada pada baris script berikut,

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

240 menunjukkan lebar widget.
300 menunjukkan tinggi widget.
#ffffff menjukkan warna background.
100 menunjukkan kecepatan putaran.

Merubah warna text.
Variable untuk lebar dan tinggi ada pada baris script berikut,

so.addVariable("tcolor", "0x333333");

"tcolor" adalah flash variable, jadi pastikan hanya mengganti angkanya saja.

Merubah ukuran font.
Variable untuk lebar dan tinggi ada pada baris script berikut,
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>");
12 menujukan ukuran font yang digunakan.

Comments

Post a Comment

Popular posts from this blog

Cara Mengunci Keyboard Tanpa Software

Image
Halo sobat,,kali ini saya akan ber bagi info tentang Cara Mengunci Keyboard Lapto p,. S ebelum kita membahas tentang cara mengunci dan membuka kunci pad keyboard mungkin sebaiknya kita ulas dulu apa yang di maksud dengan keyboard Laptop/Notebook atau kumputer mini. Keyboard merupakan perangkat input yang digunakan dengan komputer laptop. Seperti Keyboard untuk komputer desktop atau mesin ketik, keyboard kumpulan tombol-tombol  yang digunakan untuk mengetik simbol individu. Sebuah laptop standar keyboard yang mengambil tata letak datar melekat pada bagian bawah monitor, dan dapat menampilkan susunan yang berbeda dari tombol dan simbol. Keyboard laptop yang paling menyingkat beberapa simbol menjadi tombol yang lebih sedikit untuk mengakomodasi untuk ruang kurang.
Read more

CARA MENGATASI MEMORI TIDAK BISA MENYIMPAN DAN TERBACA

Image
Kartu memori pada handphone merupakan kebutuhan yang sangat penting, apalagi internal memory yang disediakan oleh handphone yang kita pakai relative kecil ukurannya. Tentunya kebutuhan akan memori eksternal memang sangat erat dengan banyaknya file yang kita simpan pada handphone kita. Kita akan merasa lebih nyaman bila menggunakan tambahan memori eksternal pada ponsel kita karena akan mempermudah kita kaitannya dengan kapasitas penyimpanan file yang kita inginkan. Memori eksternal seperti microSD biasanya juga memiliki problem saat menancap pada ponsel kita. Tentunya masalah tersebut akan membuat kita tidak nyaman karena kita tidak bisa membuka file yang ada didalam kartu memori tersebut. Kerusakan pada memori bisa saja karena virus atau masalah sistem didalamnya, namun bisa juga karena masalah hardwarenya atau perangkat fisik dari memori tersebut. Hal yang paling fatal ketika memori tersebut mengalami kerusakan secara fisik, hal tersebut akan sangat sulit untuk kita...
Read more

Cara Mudah Menjadi Teknisi Komputer

Image
Jadi Seorang Teknisi Komputer , Bagi saya sih itu hal yang keren. Bagaimana rasanya umur masih belasan tahun bisa menservice komputer, yang katanya komputer itu barang canggih, #it's Amazing. Kata Teknisi Juga bukan selalu harus menjadi orang teknik yang harus berkotor kotoran, cewek juga bisa jadi teknisi komputer kok, karena teknisi bukan selalu harus bongkar komputer, anda bisa install system aja sudah bisa dibilang teknisi komputer kok. Dulu waktu Bli YUZA kecil,ketika saya melihat orang yang bisa betulin komputer, ane berucap "G.I.L.A" pinter amat itu orang barang yang dikatakan canggih bisa dibetulkan dulu saya mengira install ulang system atau install software itu kita harus bongkar komputer itu dan memasang chip dll (Gaya bahasa anak kecil yang terdengar sedikit aneh haha). Hal itu yang saya pelajari selama ini, sampai akhirnya saya memutuskan untuk sekolah kejuruan di jurusan komputer "TEKNIK KOMPUTER", yang  dari Freelance servi...
Read more