Marhaban Yaa Ramadhan!

Cara Membuat Animasi Flash Label

Posted by klinik-tutorial | 4:40 PM | , | 19 comments »



Akhirnya setelah sekian lama tidak memposting di blog qu yang satu ini kali ini saya datang kembali untuk memberikan tutorial bagaimana cara membuat label animasi seperti label yang ada di sidebar kanan dari blog saya.

BLogger hack ini disebut "Blogumus" yang artinya adalah sebuah wp untuk wordpress merupakan sebuah tampilan flash yang menampilkan tag atau label blog kita. Roy Tanck's WP Cumulus plugin for Wordpress. dia yang mengconvertnya.

Bagaimana cara pemasangannya di blog kita?

1. Sign in Blogger

2. Layout

3. Edit HTML
Image

4. Jangan lupa berikan tanda centang pada Expand Widget Templates

5. Selanjutnya cari kode di bawah ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>

6. Copy kode di bawah ini diatasnya :



<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.oprekblogger.com'>Romzon</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. Save template dan lihat hasilnya.

Semoga membantu...

Baca Selengkapnya......

Icon-icon buat BLogger

Posted by klinik-tutorial | 11:12 AM | | 6 comments »

Ini Merupakan beberapa icon gratis yang saya dapat berikan kepada teman-teman semuanya disni semuanya dapat kalian download gratis tanpa bayar sedikit pun. Icon ini berguna untuk mempercantik tampilan dari blog kalian.

Selamat mencoba
Image

A set of sweet Irish Icons


Image
Several wild RSS feed icon sets




Image
From DefiantArt


Image
Free Vector Icon PSD Set


Image
Simplistica (has a nice calendar icon!)


Image
Stickers Icons


Image
Sketchy Paper Icons (I LOVE this set)


Image
Valentine Love


Image
Glossy Blogging Icons


Image
Function Icon Set


Image
Bottle Icon Set (cute, cute, cute!)


Image
Coquette Icon Set


Image
Vector Icon Set



Baca Selengkapnya......

Emotion Buat Friendster dan Blogger

Posted by klinik-tutorial | 8:46 AM | , | 4 comments »

Image
Akhirnya setelah sekian lama saya posting kembali di blog tutorial aku yang satu ini. pada postingan kali ini saya akan memberikan kode-kode bagaimana cara pasang yahoo emotion buat friendster dan blogger atau pun buat forum-forum yang lain.
dari pada berlama-lama langsung aja deh saya kasih kodenya..

neh kodenya...

Image










Image













Image












Image













Image












Image













Image













Image












Image













Image












Image













Image












Image























Image

















Image

















Image
















Image

















Image

















Image
















Image

















Image

















Image
















Image

















Image

















Image
















Image

















Image

















Image
















Image

















Image
















Image

















Image

















Image
















Image

















Image

















Image
















Image

















Image

















Image
















Image

















Image








Baca Selengkapnya......

Tutorial Design Grafis