Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Rabu, 14 April 2010

Menaruh Widget di atas Postingan

Kategori :
Setelah saya menerangkan Cara Membuat Elemen di atas elemen post
kini saatnya saya menerangkan cara Menambah elemen di atas post. Pada waktu itu ada yang bertanya juga kepada saya cara menambah elemen di atas post gimana sih gan? sebenarnya sih mudah hanya memerlukan kode widget yang nanti akan di taruh di atas postingan dan sedikit modifikasinya. Untuk contoh dari post ini sobat bisa lihat gambar di bawah ini

Menaruh Widget
Tangan yang berwarna hijau menunjukan elemen yang telah di tambahkan sedangkan tangan yang berwarna merah menunjukan postingan, sekarang kita lihat cara pembuatannya yuk!
  1. Seperti biasa login ke blogger
  2. Masuk ke Tata Letak => Edit HTML
  3. Setelah itu siapkan kode widget yang akan di taruh
  4. setelah menyiapkannya, sekarang cari kode <div id='main-wrapper'> lalu taruh kode Widget yang sudah di siapkan tepat di bawahnya, contoh lihat ke bawah


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='height:130px; width:570px; padding-bottom:30px; background:#fff url(http://oketrik.googlecode.com/files/Logo%20oketrik.gif) left bottom no-repeat;'> <p style='font-weight:bold;font-size:15px;color:#0000ff;'>Kumpulan Trik Blog dan Free Templates</p> <p style='color:#000;padding-left:130px;'>Anda Pengunjung pertama blog ini? jangan pergi dulu, karena trik disini menarik-menarik loh, g percaya coba saja di cek dan anda juga bisa berkonsultasi tentang trik-trik yang ada di sini, jangan sungkan-sungkan untuk bertanya oke coy <img alt=':))' src='http://lh6.ggpht.com/_pt7i0nbIOCY/SzFx6fDfjqI/AAAAAAAACds/BJEO8BPwSsQ/hello_thumb.gif'/></p> </div>
    </b:if>


    di atas Postingan
    Menaruh Widget di atas Postingan
  5. kode yang berwarna merah sobat ganti dengan kode widget yang tadi sudah di siapkan
  6. setelah menaruhnya silahkan sobat simpan dan lihat hasilnya
  7. selesai deh
Bagaimana cara Menaruh Widget di atas postingan? mudah bukan? kalau begitu saya pergi dulu y, jangan pergi dulu?? memang kenapa? apa!! tidak bisa? oke deh kalau sobat mengalami kesulitan atau ada pertanyaan silahkan sobat tinggalkan pesan di kotak komentar di bawh ini atau di mana saja deh yang penting saya dapat mengetahuinya. oke sekarang saya mau pergi dulu. Terima kasih dan Happy blogging :)).
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

13 Komentar untuk Menaruh Widget di atas Postingan

Kemarin-kemarin banyak blogger yang memberi tutorial widget di bawah posting. Kali ini oke trik memberi yang baru: widget di atas posting. Subhanallah, oke..

Salam ukhuwah

mantap gan tips nya....
ane coba juga ya

good tutorials friend


http://anjrot.com/

ok deh sob blog q juga dah aq pasang, makasih yah

Berkunjung perdana sobat :) Blognya bagus, menarik lagi hehehe... Kalau berkenan berkunjung balik ya

Salam kenal.

kalo bisa ada demonya juga gan... biar lebih paham.. thnks infonya gan

gw coba dulu ya sob, btw salam kenal ya!!!
mohon tuntunannya ya..,

komplet banget tips nya disini mas
ijin pake kode nya ya mas buat ntar dipraktekin mas

trims banget..

sip pakai aja, memang saya menyediakan kodenya untuk dipakai orang ^_^

sippphhhhhhhhh....
cihuyyyyyyyyyyy
let,s duit now..........

ternyata harus edit template untuk melakukannya, cukup rumit juga..

yang detail gitu gan jelasinnya