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. 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
  16. mas doyok..pengen banget dapet google sitelink dari google. ada tipsnya gag ya biar bisa dapet??

    BalasHapus
  17. @paid to
    oke semoga bermanfaat saja ya

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

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

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

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

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

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

    BalasHapus
  24. @seputar-internet
    pake aja dua css

    coba pelajari ini

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

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

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

    BalasHapus
  27. @parenting
    sipp :D
    makasih ya kunjungannya

    BalasHapus
  28. @info asik
    oke makasih banget ya dukungannya

    BalasHapus
  29. @pencari
    makasih mas akhyadi bombongannya ya

    BalasHapus
  30. @muhammad c
    oke mas makasih ya kunjungannya

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

    BalasHapus
  32. @didik
    blogmu ndak jelek cuma beratnya duhhh

    BalasHapus
  33. @tubir
    oke mas sepppp
    semoga bermanfaat yaak

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

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

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

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

    Masdoyok memang yang terlengkap hahahaha

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

    BalasHapus
  39. 8980391890543934673.0
    terima kasih Mas, langsung ke TeKaPe

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

    BalasHapus
  41. @seputar-inter
    sipp mas monggo dicoba

    BalasHapus
  42. @ureh
    wes monggo dilalap semoga manfangat yah

    BalasHapus
  43. @1669665003085389179.0
    sepp mas monggo lah dicoba

    BalasHapus
  44. @dheny
    sepp
    ya maksih sudah berkunjung

    BalasHapus
  45. @akhatam
    seep
    monggo langsung dipake wae wesss

    BalasHapus
  46. 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
  47. 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
  48. @urang
    silahkan semoga sukses wae yah urang

    BalasHapus
  49. @andy
    oke silahkan ya dicoba satu satu

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

    BalasHapus
  51. @angin
    sama sama
    terima kasih ya kunjungannya

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

    Makasih ya mas Doyok...

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

    BalasHapus
  54. 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
  55. @alex
    itu udah klengkap kan
    sampai static page juga :D

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

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

    BalasHapus
  58. @septian
    makasih juga ya kunjungannya

    BalasHapus
  59. @septian
    makasih juga ya kunjungannya

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

    BalasHapus
  61. 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
  62. @768501397396991550.0
    ternyata pertanyaannya sama, kaya punya saya di bawah :hammer:

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

    kalo aQ pake kode dibawah ini juga dah cukup :)

    blablabla blablabla2

    BalasHapus
  64. @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
  65. @3694066853695506816.0

    Eh ternyata muncul :)

    BalasHapus
  66. 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
  67. Mas Doyok Pasang Donk Link Saya Biar Tenar Juga Kayak Punya Mas,,Link Mas Sudah Dipasang Di blog saya...

    BalasHapus
  68. @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
  69. nice info mas...
    jdi fungsinya bs untuk mengurangi link keluar di postingan dg hanya menampilkan blogroll hanya di home page,,
    mantap deh....

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

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

    BalasHapus
  72. costum postny sendiri ad gk mas?

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

    BalasHapus
  74. terimakasih mas, ini yang saya cari.

    BalasHapus

Posting Komentar

Postingan Populer