Cara Membuat Kategori / Label di Blogger plus bonus SPOILER

Artikel artikel di blog terkadang perlu untuk di kategorikan, tujuanya agar tidak campur aduk. Pengalaman saya waktu belum tau bagai mana mengelompokkan kategori saya harus bolak balik buat link untuk dikategorikan. ternyata eh ternyata tidak terlalu sulit untuk membuat label ini. Langsung saja kita bergerak:
ternyata eh ternyata caranya cuman sepertidi bawah ini:

Anda mesti login ke blogger dulu lalu Klik Posting --> Edit Post

* Membuat Kategori / Label
Pilih atau beri tanda centang pada artikel yang ingin diberi label/dikategorikan. Lalu pada Combo box (yang ada tulisannya "label action") pilih "New Label" lalu beri nama label tersebut.

* Menghapus Kategori / Label
Beri tanda centang pada postingan yang ingin dihapus labelnya, trus klik combo box trus klik label dibawah tulisan "Remove label",....

* Mengganti Kategori / Label
Hapus dulu label yang ada, kemudian kasih label baru.

Trus bagaimana cara memasang/menampilkannya di blog?
Gini nih caranya:
1. Klik Template --> Page Elements
2. Tambahkan page elements kemudian pilih Label trus disitu atur sendiri :P
udah ngerti kan?

Tapi bila anda berminat untuk meng aplikasikan kedalam spoiler yang bila di klik akan keluar nama kategori seperti dibawah ini:

Blogger Tips

Caranya : buat dahulu kategori/label yang tadi, kemudian buat widget baru tipe html/java script...

isi dengan kode berikut:

<div><div style="margin-bottom: 2px;"><i><b><small></small></b></i><input value="FREE TIPS" style="margin: 0px; padding: 0px; width: 200px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;FREE TIPS&#39;; }" type="button" /></div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

  <li><a href="http://vimovista.blogspot.com/search/label/blog-tips">Blogger Tips</a></li>

</div></div></div>
 
Anka 0px yang berwarna pink adalah ukuran border, saya seting 0 biar gak terlihat di blog, namun bila anda ingin mencoba melihatnya silahkan di tambah jadi 1 atau 2, yang 200px berwarna hijau adalah panjangnya butom atau tombol bisa anda seting biar sesuai dengan ukuran widget di blog anda, Yang berwarna kuning ganti dengan nama tombolnya, yang berwarna merah ganti dengan nama blog anda, sedang yang berwarna biru ganti dengan nama label yang tadi anda buat.....

langkah terakhir kopi paste ulang untuk mendapatkan tombol baru....


Ket: sebenarnya saya mendapatkan ide pembuatan label dari http://yudhim.blogspot.com sedang cara membuat spoiler saya dapati dari remo-xp.com tapi versi modivikasi dari www.vimovista.blogspot.com ini lebih mudah karena yang asli lebih membingungkan dan belum ada penjelasanya saya juga pertamanya bingung-bingung-bingung.... Akhirnya ide keduanya saya gabungkan dan beginilah hasilnya...
terimakasih atas kunjungannya....

terimakasih semoga berguna....... kalo mau kopi tips ini keblog saudara tolong di beri link sumbernya nya ya....
.
.

Related Article: