Rabu, 03 November 2010

Modifikasi (Tampilan) Label ala WordPress

Tampilan label di Blogger memang sudah berubah. Kini sudah bisa berupa list (daftar) atau berupa cloud. Bisa juga ditampilkan jumlah postingannya. Tetapi bila diaplikasikan kedalam mode cloud, maka tampilannya akan menjadi tidak harmonis.

Alternatifnya, adalah menampilkan jumlah postingan dengan title (tooltip) seperti pada blog berflatform WordPress. Seperti dibawah contohnya.

Nah. Dengan title/tooltip ini juga bisa digunakan untuk mendongkrak seo. Dengan menggunakan keterangan "Lihat seluruh tulisan dalam [namalabel]" Seperti dibawah contohnya.
Apakah bisa diaplikasikan di Blogspot? Jawabannya adalah BISA! (rock) Bahkan bisa dikombinasikan dengan menampilkan jumlah postingan sekaligus nama labelnya. Seperti dalam blog ini contohnya. (Silahkan lihat label pada blog ini)
Haduh... kebanyakan intermezzonya nih... (idiot) kapan dong mulainya???

Oke. Pertama-tama...

1. Login ke Blogger, lalu klik Rancangan > Edit HTML.

2. Backup dulu template anda karena pekerjaan ini termasuk beresiko.

3. Kalau sudah dibackup, silakan klik checkbox kecil Expand Template Widget.

4. Cari kode berikut.
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
5. Lalu ubah menjadi seperti ini.
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count + &quot; posts under &quot; + data:label.name'><data:label.name/></a>
* Ket:

Yang harus diperhatikan adalah bagian expr:title='... dst. yang ditandai dengan warna kuning. Nah, disitu ada beberapa kode. Yaitu:

- expr:title = ekspresi title (abaikan saja).
- data:label.count = jumlah postingan dalam label.
- data:label.name = nama label.

Nah, untuk menambahkan teks gunakan &quot;... teks ...&quot;. Jika didepannya ada data (data:label.count atau data:label.name) maka harus ditambah tanda plus (+) sehingga menjadi + &quot;... teks ...&quot; *nb: spasi sebelum kode &quot; (yang mengapit tanda plus) harus benar dan jelas.*. Jika di belakangnya terdepat data, ya begini jadinya: &quot;... teks ...&quot; + . Jika memang teks tersebut diapit oleh data (didepan maupun dibelakang ada data) maka codenya jadi: + &quot;... teks ...&quot; +

Misal: ingin yang seperti gambar pertama diatas maka kodenya:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count + &quot; topik&quot;'><data:label.name/></a>
Atau ingin seperti gambar kedua:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='&quot;Lihat seluruh tulisan dalam &quot; + data:label.name'><data:label.name/></a>
6. Lalu cari semua kode berikut (menggunakan fitur pencarian di Browser dengan menekan Ctrl + F)
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
7. Lalu ganti semua kode diatas seperti langkah 5. (semua kode diatas harus diganti dengan kode yang sama seperti langkah 5)

8. Simpan. (klik Simpan Template)

9. Lihat hasilnya! Bagaimana? Silakan bagi pengalamannya dengan komentar di sini. (goodluck)


Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Buzz It

Artikel Menarik Lainnya



6 komentar:

zodiak mengatakan...

nice post,,sumbangannya hehhe

Harian keluarga mengatakan...

Sangat membantu bagi saya pemula

Jefry mengatakan...

dengan cara ini blogger jadi makin keren

Anonim mengatakan...

Produk dijamin asli
TILLA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
BERMINAT HUB-SMS:0896-9198-6275 ATAU KLIK WEBSET RESMI KAMI http://tilla-shop.blogspot.com/
BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

Dijual

Ready Stock !
BlackBerry 9380 Orlando - Black
Rp.900.000,-

Ready Stock !
BlackBerry Curve 8520 Gemini
Rp.500.000,-

Ready Stock !
BlackBerry Bold 9780 Onyx 2
Rp.800.000,-

Ready Stock !
Blackberry Curve 9320
Rp.700.000,-

Ready Stock !
Samsung Galaxy Tab 2 (7.0)
Rp. 1.000.000

Ready Stock !
Samsung Galaxy Nexus I9250 - Titanium Si
Rp.1.500.000,-

Ready Stock !
Samsung Galaxy Note N7000 - Pink
Rp.1.700.000

Ready Stock !
Samsung Galaxy Y S5360 GSM - Pure White
Rp.500.000,-

Ready Stock !
Nokia Lumia 800 - Matt Black
Rp.1.700.000,-

Ready Stock !
Nokia Lumia-710-white
Rp. 900.000,-

Ready Stock !
Nokia C2-06 Touch & Type - Dual GSM
Rp.450.000,-

Ready Stock !
Nokia Lumia 710 - Black
Rp. 900.000,-

Ready Stock !
Apple iPhone 4S 16GB (dari XL) - Black
Rp.1.200.000,-

Ready Stock !
Apple iPhone 4S 16GB (dari Telkomsel)
Rp.1.200.000,-

Ready Stock !
Apple iPod Touch 4 Gen 8GB
Rp.700.000

Ready Stock !
APPLE iPod Nano 8GB - Pink
Rp.500.000,-

Ready Stock !
Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
Rp 1.300.000

Ready Stock !
Acer Aspire S3-951-2364G34iss
Rp. 1.200.000,-

Ready Stock !
Acer Aspire 5951G Core i7 2630 Win 7
Rp. 2.500.000,-

Ready Stock !
Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
Rp. 2.500.000,-

Ready Stock !
Nikon D7000 kit 18-105mm
Rp.1.700.000

Ready Stock !
Nikon D90 Kit 18-105mm Vr
Rp 1.300.000

Ready Stock !
Nikon Coolpix L 120 Red
Rp. 900.000

Ready Stock !
Nikon Coolpix P 500 Black
Rp 1.000.000

Anonim mengatakan...

Produk dijamin asli
TILLA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
BERMINAT HUB-SMS:0896-9198-6275 ATAU KLIK WEBSET RESMI KAMI http://tilla-shop.blogspot.com/
BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

Dijual

Ready Stock !
BlackBerry 9380 Orlando - Black
Rp.900.000,-

Ready Stock !
BlackBerry Curve 8520 Gemini
Rp.500.000,-

Ready Stock !
BlackBerry Bold 9780 Onyx 2
Rp.800.000,-

Ready Stock !
Blackberry Curve 9320
Rp.700.000,-

Ready Stock !
Samsung Galaxy Tab 2 (7.0)
Rp. 1.000.000

Ready Stock !
Samsung Galaxy Nexus I9250 - Titanium Si
Rp.1.500.000,-

Ready Stock !
Samsung Galaxy Note N7000 - Pink
Rp.1.700.000

Ready Stock !
Samsung Galaxy Y S5360 GSM - Pure White
Rp.500.000,-

Ready Stock !
Nokia Lumia 800 - Matt Black
Rp.1.700.000,-

Ready Stock !
Nokia Lumia-710-white
Rp. 900.000,-

Ready Stock !
Nokia C2-06 Touch & Type - Dual GSM
Rp.450.000,-

Ready Stock !
Nokia Lumia 710 - Black
Rp. 900.000,-

Ready Stock !
Apple iPhone 4S 16GB (dari XL) - Black
Rp.1.200.000,-

Ready Stock !
Apple iPhone 4S 16GB (dari Telkomsel)
Rp.1.200.000,-

Ready Stock !
Apple iPod Touch 4 Gen 8GB
Rp.700.000

Ready Stock !
APPLE iPod Nano 8GB - Pink
Rp.500.000,-

Ready Stock !
Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
Rp 1.300.000

Ready Stock !
Acer Aspire S3-951-2364G34iss
Rp. 1.200.000,-

Ready Stock !
Acer Aspire 5951G Core i7 2630 Win 7
Rp. 2.500.000,-

Ready Stock !
Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
Rp. 2.500.000,-

Ready Stock !
Nikon D7000 kit 18-105mm
Rp.1.700.000

Ready Stock !
Nikon D90 Kit 18-105mm Vr
Rp 1.300.000

Ready Stock !
Nikon Coolpix L 120 Red
Rp. 900.000

Ready Stock !
Nikon Coolpix P 500 Black
Rp 1.000.000

poker mengatakan...

poker online
Agen Domino
Agen Poker
Kumpulan Poker
bandar poker
Judi Poker
Judi online terpercaya
bandar qiu

Posting Komentar

Apa pandapat anda terhadap artikel ini? Berkomentarlah tanpa rasa malu, ragu dan takut.

Komentar diluar tanggung jawab pemilik blog. Jika anda berkomentar yang berbau pornografi atau sara, maka itu risiko anda sendiri.

Jika anda mengirimkan komentar spam, maka akan saya hapus.

Jika anda tidak ingin komentar anda ditampilkan, silakan kirimkan e-mail di halaman email me.

Jika anda ingin berceloteh bebas, silakan tuju halaman ini.

Anda dapat menggunakan beberapa tag HTML seperti <b>, <i>, <u>, <a>, <strike>, <sub>, <sup>, dan lain-lain. Anda juga dapat menggunakan emoticon Plurk seperti (lmao) (taser) (haha).

Untuk link exchange bisa dilakukan dihalaman ini, sedangkan banner exchange dihalaman ini. Permintaan link exchange dan banner exchange selain dihalaman tersebut tidak akan dilayani.



Emoticon yang dapat digunakan [Tampilkan] [Sembunyikan]



:-))
:-)
:-D
(lol)
:-p
(woot)
;-)
:-o
X-(
:-(
:'-(
:-&
(K)
(angry)
(annoyed)
(wave) | (bye)
B-)
(cozy)
(sick)
(:
(goodluck)
(griltongue)
(mmm)
(hungry)
(music)
(tears)
(tongue)
(unsure)
(highfive)
(dance)
(blush)
(bigeyes)
(funkydance)
(idiot)
(lonely)
(scenic)
(hassle)
(panic)
(okok)
(yahoo)
(cry)
(doh)
(brokenheart)
(drinking)
(girlkiss)
(rofl)
(money)
(rock)
(nottalking)
(party)
(sleeping)
(thinking)
(bringit)
(worship)
(applause)
8-)
(gym)
(heart)
(devil)
(lmao)
(banana_cool)
(banana_rock)
(evilgrin)
(headspin)
(heart_beat)
(ninja)
(haha)
(evilsmirk)
(eyeroll)
(muhaha)
(taser) | (rammi)
(banana_ninja)
(beer)
(coffee)
(fish_hit)
(muscle)
(smileydance)
(fireworks)
(goal)
(bzzz)
(dance_bzz)
(Русский)
(code)
(morning)

Cara menggunakan: ketikkan emoticon yang diinginkan. Untuk yang ada pemisah berupa "|" maka itu adalah alternatif. Seperti (wave) | (bye) maka bisa (wave) bisa (bye)


Pengikut

Follow via NetworkedBlogs



Jangan lupa jadi fans Muhammad Rizki Fadillah's Blog di Facebook. Klik link di bawah ini.

http://www.facebook.com/pages/Tips-Trik-Matematika-Tutorial-Blogging-Muhammad-Rizki-Fadillahs-Blog/277782561876

Setelah mengklik link diatas, klik tombol Become A Fan untuk menjadi fans Muhammad Rizki Fadillah's Blog.