Tutorial Penampilan Widget Pada Halaman Tertentu

Sebelumnya sebenarnya sudah pernah saya posting mengenai masalah ini. Yakni cara menampilkan widget hanya tampil pada homepage, juga sebaliknya cara menampilkan widget selain di homepage. Namun, ini adalah seri lengkapnya yang telah saya rangkum dan semoga lebih memudahkan dalam Anda mencarinya.

Berikut bagian-bagian halaman blog Anda
Homepage  - Adalah halaman utama blog Anda, yakni halaman depan.
Archivepage - Adalah halaman arsip
Itempage - Adalah halaman postingan Anda
Indexpage - Adalah halaman muka, halaman label, dan halaman pencarian.
Staticpage- Fitur baru google yakni halaman yang tidak masuk pada postingan.

http://www.caprock-spur.com/askageek/media/1/20090513-mousepointer.jpg

Menampilkan Widget Hanya di Homepage 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
..........................
</b:if>

Menampilkan Widget selain di Homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>
.....................................
</b:if>

Menampilkan Widget hanya di Archivepages
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................
</b:if> 

Menampilkan Widget selain di Archivepages
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
....................................................
</b:if>

Menampilkan Widget hanya di Itempages / Postingan
<b:if cond='data:blog.pageType == &quot;item&quot;'>
............................................
</b:if>  

Menampilkan widget selain di Itempages
<b:if cond='data:blog.pageType != &quot;item&quot;'>
....................................
</b:if>

Menampilkan widget hanya di Staticpages
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
..................................
</b:if> 

Menampilkan widget selain di staticpages
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
............................
</b:if>

Menampilkan widget pada URL Postingan Tertentu
<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
.........................................
</b:if>


Menampilkan widget selain di URL postingan tertentu
<b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'>
................................................
</b:if>


Bagaimana Penggunaannya?
Berikut contoh kode widget blog saya
<b:widget id='HTML2' locked='false' title='Cari Artikel Cepat' type='HTML'>
<b:includable id='main'>
.................................................. kode pembuka
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
.............................................. kode penutup
</b:includable>
</b:widget>

Yang berwarna merah adalah penempatan kode untuk penampilan widget pada halaman tertentu saja. Semoga bermanfaat.

Jika Anda kurang jelas silahkan kunjungi link-link berikut untuk lebih detail:
- Membuat Header Berbeda Setiap Postingan
- Widget Hanya Tampil di Homepage
- Widget Hanya Tampil selain di Homepage

Semoga bermanfaat. Semoga Anda semakin 'handal' memodifikasi rumah Anda.

Komentar

  1. Nice info mas. Makasi uda berbagi.

    BalasHapus
  2. @8688747494102224123.0
    Wah.. Tumben bisa petromax. he..he..

    BalasHapus
  3. thank infonya mas... aku bookmark doloee aja.. mumpung isa OL....

    BalasHapus
  4. wah..langsung ke sasaran.. bisa langsung faham mas..dan tentunya good dan mantab...

    pencerahan yang bermanfaat untuk optimalisasi blog mas..terima kasih..kedepannya bisa untuk memperbaiki blog saya yang masih terbilang JELEK..he he he...

    BalasHapus
  5. kenapa gak sekalian dari
    (kode awal),
    <b:widget. . .

    Sampai
    </b:widget>
    (kode akhir), kalo gak dikasih kaya gitu sama aja pemborosan source

    BalasHapus
  6. Selalu ada yang baru dan menginspirasi t4 maS Doy...

    BalasHapus
  7. mas makasih atas ilmu-ilmu yang di berikan,,, karyanya selalu berinovasi,,, mantap pokoknya,,,

    BalasHapus
  8. Keren tuhn tutorialnya ^_^ Mantab!

    BalasHapus
  9. berguna banget mas kerena ini ikut mengurangi loading blog . . .

    BalasHapus
  10. thanks tutorial nya lagi mas doyok

    BalasHapus
  11. saya sudah coba Mas, bagus nih untuk widget artikel terkait... hanya tampil di itempage saja seperti punya Mas Doyok...

    saya mau tanya Mas, kalau membedakan tampilan homepage dengan itempage seperti blog Mas Doyok itu bagaimana??? yg homepage main-wrappernya lebar. tolong penjelasannya Mas, thank's...

    BalasHapus
  12. saya mau yang gini kang..

    kalo yang kaya templatenya KR itu gimana kang.. ?

    BalasHapus
  13. terima kasih Mas Doyok, saya jadi lebih paham

    BalasHapus
  14. oiya mas saya mau nanya nich, yang di maksud halaman archive iitu apa sich??

    BalasHapus
  15. makasii mas tips nya...
    brmanfaat bgt..

    BalasHapus
  16. Ok mas doyok!!Keren thax ya infonya!!Mampir dan komen di blogku dong aku da komen Dan follow ni!Mampir n komen ya Please

    BalasHapus
  17. mas doyok..pengen banget dapet google sitelink dari google. ada tipsnya gag ya biar bisa dapet??

    BalasHapus
  18. @paid to
    oke semoga bermanfaat saja ya

    BalasHapus
  19. @jopi
    itu diberi google
    tapi ntar tak kasih trik triknya :D

    BalasHapus
  20. @adib
    oke makasih ya
    segera berkunjung adib :D

    BalasHapus
  21. @2491962977881662218.0
    sama sama
    makasih banget juga utk kunjungan
    dan komennya

    BalasHapus
  22. @oke
    kang juansah
    halaman arsip blog kita
    tak kasih contoh ini
    >>
    http://www.masdoyok.co.cc/2009_12_01_archive.html

    BalasHapus
  23. @bisnis online
    oke sukur deh mas
    ikut seneng kalo post ini bermanfaat

    BalasHapus
  24. @secangkir
    maksudnya kek templetku juga ini?
    jumlah sidebarnya beda????

    BalasHapus
  25. @seputar-internet
    pake aja dua css

    coba pelajari ini

    http://www.masdoyok.co.cc/2010/01/membuat-halaman-penuh-tanpa-sidebar-di.html

    BalasHapus
  26. @sms cinta
    makasih juga kunjungan dan komentarnya yaa

    BalasHapus
  27. @aditx
    iya bisa dip[ilih pilih dan ndak semua ditumpuk di halaman tertentu

    BalasHapus
  28. @parenting
    sipp :D
    makasih ya kunjungannya

    BalasHapus
  29. @info asik
    oke makasih banget ya dukungannya

    BalasHapus
  30. @pencari
    makasih mas akhyadi bombongannya ya

    BalasHapus
  31. @muhammad c
    oke mas makasih ya kunjungannya

    BalasHapus
  32. @indam w
    ya mas
    ini lebih prosedural malahan

    BalasHapus
  33. @didik
    blogmu ndak jelek cuma beratnya duhhh

    BalasHapus
  34. @tubir
    oke mas sepppp
    semoga bermanfaat yaak

    BalasHapus
  35. Info ini bagus banged buat saya mas....
    supaya homepage-nya ga terlalu berat loadingnya....

    BalasHapus
  36. @artikel kom
    oke ms :D
    makasih ya sipp :D
    makasih selal

    BalasHapus
  37. @yusuf abdul
    oke mas
    siip monggo ndang dicoba

    BalasHapus
  38. waaaah info yang sangat berharga mas doyok...
    Aku cari2 nih semuanya. makasih bgt ya mas :)

    Masdoyok memang yang terlengkap hahahaha

    BalasHapus
  39. wah mantab mas doy, saya tahunya cuma di homepage sama postingan, ijin bookmark ya mas

    BalasHapus
  40. 8980391890543934673.0
    terima kasih Mas, langsung ke TeKaPe

    BalasHapus
  41. @8980391890543934673.0
    terima kasih Mas Doyok, saya coba dulu yaa

    BalasHapus
  42. @seputar-inter
    sipp mas monggo dicoba

    BalasHapus
  43. @ureh
    wes monggo dilalap semoga manfangat yah

    BalasHapus
  44. @1669665003085389179.0
    sepp mas monggo lah dicoba

    BalasHapus
  45. @dheny
    sepp
    ya maksih sudah berkunjung

    BalasHapus
  46. @akhatam
    seep
    monggo langsung dipake wae wesss

    BalasHapus
  47. Nah INI DIa mas DOYOK..!!
    INFORMASI PALING BERGUNA DAN MENURUT SAYA,
    INI BUKAN INFORMASI BIASA, MELAINKAN TRIK TERHEBAT YANG PERNAH SAYA SIMAK PADA ARTIKEL INI...
    Good Luck mas doyok,, sorry kalo gx bsa blogwalking.... ^_^

    BalasHapus
  48. wah lebih lengkap nih mas tutorialnya, klo aku baru praktekin yang dihomepage ama dipostingan aja. langsung dibookmark mas, buat tar klo mau utak-atik lagi. thank mas infonya

    BalasHapus
  49. @urang
    silahkan semoga sukses wae yah urang

    BalasHapus
  50. @andy
    oke silahkan ya dicoba satu satu

    BalasHapus
  51. @2012
    udh dibahas di beberapa blog juga kok ham

    BalasHapus
  52. @angin
    sama sama
    terima kasih ya kunjungannya

    BalasHapus
  53. bener bener mantab nih info buat blog kita...

    Makasih ya mas Doyok...

    BalasHapus
  54. meski telat tetep nyempetin komen, makasih tutornya mas berguna banget tuh tapi masih bingung masangnya. maklum masih newbie nih

    BalasHapus
  55. wah mantap mas doy dah ...


    da yg lainnya gk mas doy penasaran ne dah lama gk blogging bnyk perubahan dlm diri mas doy heheheh

    BalasHapus
  56. @alex
    itu udah klengkap kan
    sampai static page juga :D

    BalasHapus
  57. @arif]
    baca post psot lainnya yg tak kasih i bawah itu utk elbih detail penerapannya

    BalasHapus
  58. @arif
    baca post psot lainnya yg tak kasih i bawah itu utk elbih detail penerapannya

    BalasHapus
  59. @septian
    makasih juga ya kunjungannya

    BalasHapus
  60. @septian
    makasih juga ya kunjungannya

    BalasHapus
  61. bagus banget mas...tapi saya masih bingung jika link urlnya lebih dari satu bagaimana..?
    makasih sebelumnya...

    BalasHapus
  62. mau tanya mas, tentang Menampilkan widget pada URL Postingan Tertentu. misal widget "related post" tidak ingin ditampilkan di postingan "contact us" dan "daftar isi" caranya gimana mas?kodenya dibikin 2, atau satu kode tapi dikasih koma diantara url "contact us" dan "daftar isi"?? makasih mas :P

    BalasHapus
  63. @768501397396991550.0
    ternyata pertanyaannya sama, kaya punya saya di bawah :hammer:

    BalasHapus
  64. Makasih infonya mas.... jadi tau lebih banyak lagi :D hehehe......

    kalo aQ pake kode dibawah ini juga dah cukup :)

    blablabla blablabla2

    BalasHapus
  65. @3717699916600854353.0

    yah kodenya ga muncul :(

    kolo ini muncul gak yah :

    <b:if cond='data:blog.pageType != &quot;item&quot;'> blablabla1 <b:else /> blablabla2 </b:if>

    BalasHapus
  66. @3694066853695506816.0

    Eh ternyata muncul :)

    BalasHapus
  67. Mau tanya.
    Kalo widgetnya tidak tampil di salah satu postingan gimana?
    Contohnya http://www.masdoyok.co.cc/2010/01/kopi-tjap-cangkir-ngobrol-seputar.html

    BalasHapus
  68. Mas Doyok Pasang Donk Link Saya Biar Tenar Juga Kayak Punya Mas,,Link Mas Sudah Dipasang Di blog saya...

    BalasHapus
  69. @2637721074705045204.0
    baca bagian ini
    Menampilkan widget pada URL Postingan Tertentu

    .........................................



    Menampilkan widget selain di URL postingan tertentu

    ................................................


    Selengkapnya di www.MasDoyok.co.cc Tutorial Penampilan Widget Pada Halaman Tertentu

    BalasHapus
  70. nice info mas...
    jdi fungsinya bs untuk mengurangi link keluar di postingan dg hanya menampilkan blogroll hanya di home page,,
    mantap deh....

    BalasHapus
  71. mantap sekali informasinya terima kasih bos . jadi lebih mengerti

    BalasHapus
  72. ini dia yang aku cari . mas doyok emang mantap. jos

    BalasHapus
  73. costum postny sendiri ad gk mas?

    BalasHapus
  74. @cek infoada kang
    la itu di link2 rujukan di akhir artikel mas :D

    BalasHapus
  75. terimakasih mas, ini yang saya cari.

    BalasHapus

Posting Komentar

Postingan Populer