Forum, Blogger, diskusi, ilmu, berbagi, blogging, sharing, ide, inspirasi Kamu Forum

Minggu, 10 Januari 2010

Membuat Widget Muncul di Bawah Postingan dan Hanya Muncul Saat Postingan Terbuka

Masya Allah! Judulnya panjang banget! Apaan tuh maksudnya?

Maksudnya, membuat widget yang muncul di bawah postingan dan hanya muncul jika postingan dibuka. Sedangkan di homepage, widget tersebut tidak akan muncul.

Seperti ini nih tampilan di homepage.


Sedangkan jika kita membuka salah satu postingan, tampilannya menjadi seperti ini.

Bagaimana? Menarik bukan? Nih, cara membuatnya.

1. Pertama-tama login ke Blogger, selanjutnya pilih menu Tata Letak > Edit HTML.

2. Backup dulu templatenya.

3. Centang checkbox Expand Template Widget.

4. Cari kode dibawah ini.
]]></b:skin>
5. Nah, lalu ketikkan kode berikut ini diatas kode ]]></b:skin>.
#postonly{
display:none;
border:1px solid #000000;
padding:5px;
margin-top:10px;}
6. Cari kode berikut ini.
</head>
7. Lalu taruh kode berikut ini diatasnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#postonly{display:block; border:1px solid #000000; padding:5px; margin-top:10px;}
</style>
</b:if>
8. Kalau sudah, cari kode berikut ini.
<p><data:post.body/></p>
9. Lalu, ketikkan kode berikut dibawah kode diatas.
<div id='postonly'>
Ketikkan kode widget/HTML yang diinginkan disini.
</div>
10. Lalu simpan.

Nah, widget tersebut tidak akan muncul di homepage. Tetapi akan muncul ketika pengunjung mengklik salah satu postingan.


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



9 komentar:

akhatam mengatakan...

Wah keren Sob...

septian mengatakan...

ohh gitu tohh baru ngerti

IT.Blog.com mengatakan...

siep dah good posting semangat terus kang

bebas mengatakan...

dicoba...

danuakbar.com mengatakan...

blogwalking merupakan sarana yang tepat untuk menjaring visitor dan merupakan ajang yang indah untuk bersilaturahmi antarsesama blogger.

denadnan mengatakan...

kreatif sob.. makasih ya dah komen tempatku juga

dukundigital mengatakan...

Layak dicoa nih tips

Rizki mengatakan...

baru nemu nih. thx infonya.. :)

Koko Bota mengatakan...

nice info mas......
perlu banyak belajar nich disini..:)

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.