Cara Membuat TAG CLOUD di Blogger

TAG CLOUD......
Ada yang sudah tau....?????Pasti diantara kalin yang baca artikel ini ada yang sudah tau apa itu TAG CLOUD....
saya akan terangkan sedikit Tentang Tag Cloud
TAG CLOUD adalah Label Animasi Jadi Kita dapat mengubah Lebel kita yang kuno ;) , menjadi lebih bagus kamu bisa liat contohnya di blog saya....

Ok deh jangan banyak basa basi langsung saja ke TKP
jika kamu tertarik kamu bisa mengikuti langkah langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. KLik tab Edit HTML.
4. Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya Anda
5. Cari kode yang mirip dengan kode di bawah ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

6. Copy paste kode di bawah ini persis 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>
Distribute by <a href='http://bahauddin-amyasi.blogspot.com/'>Bahauddin Amyasi</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. Lalu tekan Simpan Template

Catatan :

sebenarnya jika kamu mengerti tentang tag HTML kamu bisa saja mengubah warna backround, warna tulisan, ukuran / Anda bisa mengubah tulisan yang di cetak tebal dengan yang anda inginkan dll....

Selamat Mencoba ;)

Cara Membuat Read More / Baca Selengkapnya

pada episode kali ini saya akan membahas tentang membuat read more baca selengkapnya di blogger, jika kamu mempunyai posting yang panjang sehingga halaman utama blog kamu penuh, dan kamu ingin yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Pengaturan lalu pilih Format
7. Pada kotak Template Posting isikan kode berikut:

<span class="fullpost">


</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML".
10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

11. dan SELESAI

Selamat Mencoba.... ;)

Cara Memasang Menu Dropdown

Udah lama gak nulis Akhirnya aku punya lagi nih salah satu trik
mau tau apa........ :t ....?
yaitu trik memasang menu dropdown... hah..??? :o belum tau....? :o
itu tu yang kayak gini

Arsip BlogText 1Text 2

nah udah tau kan....? mau tau cara masang nya.....?
ok deh langsung aja ni caranya :

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotat "Content"

<select
onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

Contohnya seperti ini :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://rassiv123.blogspot.com/2009/03/ada-yang-pingin-buat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://rassiv123.blogspot.com/2009/03/cara-memasang-kotak-pencarian-google.html"> Kotak Pencarian Google
</option>
</select>

maka hasilnya akan seperti ini

:Arsip BlogLinks 1">Text 1Links 2">Text 2

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

ganti dengan kode ini :

<select onchange="javascript:window.open(this.options[this.selectedIndex].value;">

hasilnya bisa kamu lihat sendiri

Semoga Sukses ;)

Cara Menampilkan Status Yahoo

Pada Episode Kali ini Saya akan Membahas Tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger", Apa gunanya/fungsinya bagi kita...????gini, kalau misalnya ada penandanya, seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu

Contohnya kaya Gini ni




trus jika kamu online maka iconya akan berubah seperti ini:



dan masih ada lagi yang lain......

Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo kamu masang "elemen halaman", trus "Add a Gadget --> HTML/Javascript".

gb(0, 0, 0); font-weight: bold;"><a href="ymsgr:sendIM?rassiv"> <img src="http://opi.yahoo.com/online?u=rassiv&amp;m=g&amp;t=2&amp;l=us"/>

Ganti text yang warna merah (rassiv) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.