Selasa, 19 Januari 2010

Membuat Widget yang Hanya Muncul Pada Halaman Utama/Halaman Posting

Anda mungkin pernah melihat blog yang salah satu/beberapa widget yang hanya muncul pada halaman utama/halaman postingan saja. Sedangkan pada halaman lainnya tidak muncul. Apakah anda tertarik untuk membuat widget yang hanya muncul di halaman utama atau halaman postingan saja? Kalau ya, ikuti langkah-langkah berikut ini.

Untuk membuat widget yang hanya muncul pada halaman postingan.

1. Login ke Blogger, lalu seperti biasa, tuju Tata Letak > Edit HTML.

2. (PENTING!) Backup template anda.

3. Cari ID dari widget yang ingin supaya hanya muncul di halaman postingan saja. Cara mencarinya, cari kode seperti berikut.
itle='Mengenai Saya' type='Profile'/>
<b:widget id='HTML6' locked='false' title='Jam' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='HTML7' locked='false' title='Statistik Blog Ini' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Kotak Chatting' type='HTML'/>
Lalu cari widget yang ingin anda modifikasi. Misalnya arsip blog. Kode widget dari arsip blog adalah:
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
Dari mana tahunya kalau itu arsip blog? Lihat pada kode title='...'. Jika judul widget tersebut adalah Arsip blog, maka kodenya adalah: title='Arsip Blog'. Jika tidak diberi judul maka kodenya adalah title=''.

Nah, untuk mencari ID widget, lihat kode id='...'. Karena kodenya adalah id='BlogArchive1', maka ID dari widget tersebut adalah BlogArchive1.

4. Lalu cari kode:
]]></b:skin>
5. Diatasnya, ketikkan kode:
#BlogArchive1{display:none;}
Ket: Tulisan BlogArchive1 disesuaikan dengan ID widget yang ingin dibuat hanya muncul di halaman postingan.
6. Cari kode:
</head>
7. Diatasnya, ketikkan:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#BlogArchive1 {display:inline;}
</style>
</b:if>
Ket: Lagi-lagi tulisan BlogArchive1 diganti dengan widget yang ingin dimodifikasi.
8. Simpan.

Untuk membuat widget yang hanya muncul pada halaman utama.

1. Sama seperti diatas, login ke Blogger lalu pilih menu Tata Letak > Edit HTML.

2. Backup dulu templatenya.

3. Cari ID widget yang ingin dibuat hanya muncul pada halaman utama. Caranya sama seperti langkah diatas.

4. Sama seperti diatas, cari kode:
]]></b:skin>
5. Tetapi diatasnya, ketikkan kode berikut.
#BlogArchive1{display:inline;}
Ket: Sama seperti diatas, ganti BlogArchive1 dengan ID widget yang diinginkan.

6. Cari kode berikut:
</head>
7. Di atasnya, ketikkan kode berikut.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#BlogArchive1 {display:none;}
</style>
</b:if>
Ganti juga tulisan BlogArchive1 dengan widget yang diinginkan.

8. Terakhir, simpan.

Selamat mencoba dan semoga berhasil.


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



8 komentar:

♥ syifa ♥ aulia ♥ 'kakcipa' ♥ mengatakan...

that's very BERGUNA!

ntie mengatakan...

makasih MRF bagi2 ilmu, mudah2an tambah buaaaaanyak ilmunya...

ntie mengatakan...

makasih MRF bagi2 ilmu, mudah2an tambah buaaaaanyak ilmunya...

Qmunyti mobile by cup3zz mengatakan...

Terima kasih telah berbagi ilmu bro ....salam knal dari sahabat

Qmunyti mobile by cup3zz mengatakan...

I follow you now YOU follow me to ..i'm waiting ...thanx

Septian mengatakan...

masih bingung tapi sama conditional tag satu ini
hadeuuh...

yg penting bisa lah... thx ya tuts-nya :D

Doyok mengatakan...

Mantap Banget

Udiee Tukang Bcanda, S.Pd. mengatakan...

tidakkah blag ini memiliki buku tamu ?

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.