tes pake signature untuk buku

tes posting pake signature, contoh untuk buku Let's Go dengan Blogger Elexmedia.

Bikin Label Animasi dengan Blogomous

Tulisan ini untuk melengkapi buku "Let's Go dengan Blogger" penerbit Elexmedia, jadi silahkan saja donlot kode di bawah untuk nampilin animasi label di blogspot.
-----
Label dalam Blogger dikenal juga sebagai kategori yang berfungsi untuk lebih mengkhususkan tema-tema tulisan dalam blog kita. Fasilitas label ini secara default memang sudah tersedia. Tetapi boleh dong, kamu merasa nggak puas dengan tampilan label yang standar, kamu bisa mengubahnya menjadi animasi yang berputar-putar. Nah untuk mengubahnya, beginilah caranya (eits..jangan lupa untuk membackup template terlebih dahulu) :
1. Buka Edit HTML, dan jangan lupa centang Expand Widget Templatenya
2. Cari kode berikut

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

Ingat, setiap template memiliki posisi yang berbeda, dan hanya blogger theme gaul saja yang dapat menggunakan model label seperti ini. Jadi kalo kamu pake blogger klasik jelas gak bisa lah.
Tip: Untuk mempermudah pencarianmu, kamu dapat Search kode di atas dengan tekan tombol keyboard Ctrl + F, lalu ketikkan b:section class=”sidebar” id=”sidebar”

3. Setelah itu, copy-kan kode berikut tepat di bawahnya. Eh nggak bisa copy paste ya ( ya iya lah ini khan buku, kalau gitu donlot aja dari http://asdani.blogspot.com deh)

<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></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>

4. Simpan dan karena ini label, kamu harus membuat label atau tag dulu di setiap posting yang telah kamu lakukan. Caranya klik menu Posting, lalu pilih tab Edit Post
5. Kemudian postingan kamu yang telah lalu tampil. Untuk memberi label, kamu perlu tahu kira-kira kategori apa yang cocok untuk tulisan kamu, misalnya kalo tulisan kamu bertema fotografi, ketik aja “photography”, kalo tentang blog tulis aja “blogger” dan sebagainya. Kamu harus memberi tanda centang di depan postingan, lalu pilih tombol drop down Label Action, dan klik New Label. Dan ketikkan label yang ada di benak kamu tadi.
Beberapa saat kemudian kotak dialog untuk mengisi label akan tampil, ketikkan tema label. Lalu klik tombol OK.
Sekarang coba dilihat deh, blog kamu dengan klik link View. Oh iya, jangan dikira kamu susah mindahin kode label ke lokasi lain. Karena sebenarnya hal itu sangat mudah kamu lakuin. Ingat label khan juga widget, biarpun kamu masukin secara manual. Jadi kamu dapat memindahkan dengan cara yang biasanya, yaitu pilih, klik dan drag atau geser ke lokasi yang kamu inginkan. Eits tentunya kamu harus masuk dulu ke menu Layout > Page Elements.
Sekarang jangan lupa di Save, dan lihat hasilnya. Label akan ditambilkan secara animasi yang berputar-putar halus, jadi akan cukup menarik dipandang.