Menampilkan Widget Di Halaman Tertentu

Posted By anasku
Hai sobat blogger, bagaimanakah kabar Anda sekalian ? semoga dalam keadaan sehat dan selalu ceria. Pada tulisan kali ini, saya akan membagikan ilmu yang sudah saya pelajari kepada Anda yaitu masih tentang blogger dan topik yang saya bahas kali ini adalah seputar "Menampilkan widget pada halaman tertentu" yang sering digunakan pada template megazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post.

Nah langsung saja kita pelajari bersama-sama.

Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"

lalu cari code widgetnya seperti ini


<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>

<!-- 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'/>

</b:includable>
</b:widget>

Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

Kemudian tambah code

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

dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja

dan ditempatkan seperti dibawah ini


<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- 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'/>
</b:if>
</b:includable>
</b:widget>

Perhatikan penempatan code yang berwarna hijau !

kemudian save.

Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya

Untuk menempatkan di halaman depan/index digunakan code
<b:if cond='data:blog.pageType == data:blog.homepageUrl'>


Untuk menempatkan di halaman Archive saja
<b:if cond='data:blog.pageType == "archive"'>


Untuk menempatkan dihalaman item/posting saja digunakan code
<b:if cond='data:blog.pageType == "item"'>


Dan untuk pada halaman pages atau static page blogger digunakan
<b:if cond='data:blog.pageType == "static_page"'>

Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini
<b:if cond='data:blog.url == "URL_HERE"'>


Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

Contoh

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

Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

Sekian silahkan berkomentar jika ada pertanyaa, :D

NB : Code diatas juga dapat di aplikasikan ke fungsi-fungsi blogger lainya yang akan saya bahas di waktu selanjutnya
Artikel Terkait untuk "Menampilkan Widget Di Halaman Tertentu"


68 comments:

COMPLETE - ALL in One Blog said...

Mantap infonya...
Thanks sudah sharing...

Anasku said...

Semoga bermanfaat

tutorial blogger said...

Thanks ya gan...mantap tenan, menambah wawasan ttg blogger

Anonymous said...

thanks infonya gan kunjungi juga my blog in http://www.arnanmain.co.cc/

omjun said...

terimakasih mas... kebetulan sedg nyari ini...

icut titang said...

thank sharnya sob, jadi tambah ilmunya nieh

bloger baru said...

mas bagaimana ya cara membuat menu kaya punya mas kalau bisa tolong kirimkan caranya pada email saya mas arig.rig@mail.com thaks ya mas

nanda said...

makasih ya gan

andre said...

mantap gan
http://revolutionp.com
mampir ya

jack said...

makasih ya mas

uc1n said...

wah suip suip ni makasih gan

Rendy Febry said...

Wah hebat mas, kalau di tempat lain hanya menyediakan tips yang menggunakan css display none disini menggunakan script khusus blogger, lebih efisien dari trik css, karena html widget tidak akan dirender, langsung coba ah. Mudah-mudahan tidak error

ibnu07.co.tv said...

Thx Info Nya Gan..
Mampir Juga Ya..
Ditunggu...

Gadis ABG said...

wah.. baru tahu sekarang saya gan.. kenapa ga dari dulu yach..?? kalo gini kan blog jadi keliatan lebih atraktif dan dinamis..
Home | Tips n Trik Blog | Antena Tempel | Kirim SMS Gratis | Foto Bugil | Video Bokep

Indoblogiklan said...

Test dulu moga aja ga error...thanks bro....

informasi said...

lumayan buat tambah pengetahuan untuk pemula seperi saya....

ayyuki said...

mas, kalau untuk template klasik, gimana?

share everything said...

sipp mantap gan infonya.. thanks ..

yuliana22 said...
This comment has been removed by the author.
shupit™ said...

heheh, ,ane pusing letakin yang ijo ijo tu, ,

jally gamat said...

wes mantap juga ni,,, kita pelajari dulu deh,,,
terima kasih gan buat infonya

jally gamat said...

wah mantap juga ni infonya, terima kasih gan buat infonya,,,
salam kenal aja gan

Aneuk-Nanggroe said...

nice share gan

teukuiwan.co.cc said...

Saya mau tanya ne mas....
Kenapa blog saya begitu kita buka pas muncul tampilannya terus langsung pindah ke link situs lain....
Jadi bagaimana solusi untuk mengatasi permasalahan itu?
Terima kasih.

Anggara Sugiharto said...

Wah mantep nie mas anas...
makasih buat infonya yaa...memang jitu nie!hehe

Komik Manga Naruto, Komik One Piece said...

wah biasa ternyata mas stelah di coba,,,,
thanks yh mas,,,,

GHANDI MUHAMMAD said...

artikel yang sangat membantu

harga blackberry said...

salam kenal mas

harga blackberry said...

luar biasa postingannya mas

Perawatan Wajah said...

terima kasih atas postingannya mas

UII Fans said...

Artikel yang menarik..
Makasih infonya..
Salam...:)

Fakultas Ilmu Agama Islam, Universitas Islam Indonesia
http://fis.uii.ac.id/

Computer Maintenance said...

Hrmm that was weird, my comment got eaten. Anyway I wanted to say that it's nice to know that someone else also mentioned this as I had trouble finding the same info elsewhere. This was the first place that told me the answer. Thanks.

Tutorial Blog Pemula said...

Salam kenal Ini adalah pertama kalinya saya saya kunjungi di sini. Saya menemukan banyak informasi di blog ini Gan, terutama pembahasannya. Makasih gan ditunggu updatenya lagi.

Fadhil Maulana said...

boleh tukeran link tak mas ???

ladesman said...

koq gw ga bisa ya?
:bingung

Agung Panca said...

Thanks infonya ya.......
silahkan berkunjung ke blog saya..

Cash Dan Kredit Alat Musik said...

MAntap gan....tnks ilmunya

ALSYA collection said...

numpang promo gan....!!!

buat yang lagi nyari tutorial BLOG, GAME-GAME PC & SOFTWARE yang keren2... terlengkap n gratisan... monggo mampir.... http://alsya23.blogspot.com/

Triyono Infect said...

nggak bissa gan kode yg buat nampilin hanya di home page aja. tapi pas aku coba kode bisa tuh, tapi makasih ya udah share, btw visit my blog on http://crysislevel.blogspot.com/ matur suwun

SEObasic said...

thanks..memang enak kalo pake conditional tag. loading blog minimal sedikit lebih cepat karena mengurangi widget yang seharusnya tidak keluar pada halaman tertentu. :)) salam kenal

Pabrik Tas said...

nice share sob.. Thanks buat info nya..

btw numpang lapak yah.. Hehehehe.. Buat yang butuh tas keperluan untuk promosi, tas laptop, tas sekolah, tas ransel, tas umroh, tas Vendor, tas pinggang atau macam2 tas lainnya ke Adipura Mandiri aja yah.. kualitas di jamin okedeh.. Hehehehe.. info lebih lanjut please visit

http://www.adipuramandiri.com

Baju Korea said...

makasih atas infonya mas.thanks

tips dan trik menarik lawan jenis said...

langsung praktek gan..

laman baca said...

Blognya keren, Infonya mantap...Salam kenal ya, untuk siapa aja yg mau tuker link, dipersilakan...:)

Becks said...

salam. postingannya bagus mas, saya sedang mencari bagaimana menempatkan widget ditempat yang kita sukai. saya akan memakai trik ini di blog aku, thank,s mas atas infonya..!!!

ON THE SPOT said...

tuk menghindari tampilan home page yg berat, di tampilan halaman pun di anjurkann..

Ucheng said...

thanks sob tutorialnya ....

kunjungi juga dong ::
BUKU GRATIS

obat tradisional Anemia said...

tks gan infonya. sangat membantu. kalo pakai widget dr konten lain yg sudah disediakan kan bs juga y. smoga gk tmbh berat dlm membuka blognya.

ijobunglon said...

makasi ilmunya

info:
kalo mau pasang iklan di ijobunglon.blogspot.com aja
mumpung lagi PROMO PASANG IKLAN GRATIS 2 minggu

RAY TKJ said...

ini gan yang saya lagi cari akhirnya ketemu juga . terima kasih

fenomania said...

udah lama cari gini gan,bru nemu di sini,nanti ane coba dulu,klo ga isa ane br tanya,ok tanks

Golix said...

thanks infonya gan kunjungi juga my blog in http://www.dunia-golix.co.cc

music improvisation said...

kayak kolom tutorial??

tips ponsel said...

kalo agar sidebar berpindah dari kanan ke kiri kyak di blog kang rohman, gimana mas caranya ?

darwis said...

mantap bro kunjungi juga blog saya ya http://darwispwcollection.blogspot.com/

Download New Software, PC Games, Freeware said...

Tutorialnya sangat bermanfaat buat blogger newbi kaya' ane gan,,, thanks...

arianto said...

tutornya OK bgts...salam knal gan newbie baru ngblog 1 blan yang lalu...kalo agan jlan2 mampirya

http://pasarherbaltop.blogspot.com/
tolong blog saya di ponten...bwt perbaikan..tnk kyu..

bikinprofil said...

thanks...

Erico said...

Makasih Infonya Gan...Kunjungi Balik Gan di Tutorial Saut erico's

Blog Mantap Donk said...

mantap deh informasinya

arishuda said...

Please Join My Site
hack-pas.blogspot.com

K-A-B-I said...

suipppp..
http://bedande.blogspot.com

prananda said...

kereeeeen,,
makasih banget gan tutorialnya, ^_^

kapan-kapan visit yah gan ,
http://berau-komputer.blogspot.com/

Tips Menghadapi Ujian Nasional 2012 said...

sipp gan,saya coba dulu,ntarsaya kasih feedbacknya ya gan :)

Nashori said...

BLOG ANDA MEMANG BAGUS, KREN AND COOL , COBA KOREKSI BLOG SAYA DONG

DeeJayHan-Blog said...

Kami Segenap Anggota DeeJay Berkunjung Disini . Salam Kenal

airvan42 said...

mangstab infonya..

Yasir Utomo said...

thank u sharenya friends. :)

Post a Comment

 

Site Info

Add to Technorati Favorites
Visitor Online
Check PageRank

Followers

Recent Comments


Tutorial Jitu - Blog Info, Gadget-Widget, Blogspot tutorial, blog hack, free template, SEO And Blog tips : Admin By Luqman Khoirul Anas