TERSEDIA : BUKU ANALISIS - BUKU BIOGRAFI - BUKU BISNIS - BUKU CERITA - BUKU DEWASA - BUKU HUMOR - BUKU MANAJEMEN - BUKU MOTIVASI - BUKU NOVEL - BUKU PELAJARAN - BUKU PERDAGANGAN - BUKU PSIKOLOGI - BUKU RELIGI - BUKU TUTORIAL - GADGET HEWAN - GADGET PERMAINAN - GADGET JAM - GADGET KALENDER - RANGKAIAN ELEKTRONIKA - SMS GRATIS

Thursday, October 20, 2011

Menampilkan atau menghilangkan widget pada suatu halaman dan bagian tertentu

Pada kali ini saya memperkenalkan cara menampilkan atau menghilangkan widget pada suatu halaman dan bagian tertentu. Sehingga blog anda akan kelihatan berubah-ubah pada halaman atau alamat tertentu. Masih bingung dengan penjelasan saya ya? Contohnya bisa anda lihat pada blog saya ini, coba anda lihat tampilan pada halaman utama blog saya ini atau langsung saja klik disini dan kemudian anda bandingkan.
Mungkin kebanyakan orang sudah tahu cara yang satu ini, tetapi tidak ada salahnya dituliskan pada blog saya ini.

Langsung saja saya beri tahu caranya, yaitu ikuti langkah-langkah berikut ini.

1.        Pastikan anda sudah login ke blogger, jika belum maka klik saja disini.
2.        Pilih rancangan pada template blog yang anda inginkan
3.        Pilih edit HTML
4.        Beri tanda centang pada kotak disamping tulisan “Expand Template Widget”

5.        Jika sudah, maka cari kode <b:widget id=’namagadget
Namagadget adalah widget yang anda pilih atau tidak ditulis juga tidak apa-apa, tetapi akan memerlukan sedikit waktu dalam pencariannya.
6.        Lihat tulisan <b:includable id='main'> tepat dibawahnya. Jika anda sudah menemukannya maka anda bisa menampilkan atau menghilangkan widget tersebut pada suatu halaman dan bagian tertentu dengan beberapa pilihan dibawah ini dan letakkan kodenya tepat dibawah <b:includable id='main'>

a.     Home Page
Home Page merupakan halaman utama blog,
·           Menampilkan widget hanya pada Homepage
<b:if cond='data:blog.url == data:blog.homepageUrl'>
·           Menampilkan widget selain pada Homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>

b.    Archive Page
Archive page merupakan halaman arsip blog
·           Menampilkan widget hanya pada Archive Page
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
·           Menampilkan widget selain pada Archive Page
<b:if cond='data:blog.pageType != &quot;archive&quot;'>

c.     Item Page
Item page merupakan halaman artikel yang anda posting
·           Menampilkan widget hanya pada Item Page
<b:if cond='data:blog.pageType == &quot;item&quot;'>
·           Menampilkan widget selain pada Item Page
<b:if cond='data:blog.pageType != &quot;item&quot;'>

d.    Static Page
Static page meupakan halaman yang tidak termasuk ke dalam postingan blog anda, halaman ini biasanya digunakan untuk halaman About me, Contact Us atau yang lainnya.
·           Menampilkan widget hanya pada Static Page
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
·           Menampilkan widget selain pada Static Page
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

e.     URL
URL merupakan alamat halaman situs
·           Menampilkan widget hanya pada url tertentu
<b:if cond='data:blog.url == &quot;Alamat URL&quot;'>
·           Menampilkan widget selain pada url tertentu
<b:if cond='data:blog.url != &quot;Alamat URL&quot;'>
Alamat URL diganti dengan URL yang anda inginkan.
      
f.     Label Page
Label page adalah halaman ketika anda klik label pada posting
·           Menampilkan widget hanya pada Label Page
<b:if cond='data:blog.url == &quot;http:/polobye.blogspot.com/search/label/Nama Label&quot;'>
·           Menampilkan widget selain pada Label Page
<b:if cond='data:blog.url != &quot;http://polobye.blogspot.com/search/label/Nama Label&quot;'>

7.        Jika anda sudah menentukan pilihan anda diatas, jangan lupa menambahkan kode </b:if> tepat dibawah kode <b:include name='quickedit'/>

Jika anda masih bingung, berikut contohnya.
Misalkan anda ingin menampilkan suatu widget hanya pada Homepage dan dalam pencarian yang anda cari adalah kode <b:widget id='HTML01 , maka akan muncul seperti dibawah ini.

<b:widget id='HTML01' locked='false' title='contoh' 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>

Setelah itu anda tulis kode <b:if cond='data:blog.url == data:blog.homepageUrl'> tepat dibawah kode <b:includable id='main'> , kemudian jangan lupa untuk menuliskan kode penutup yaitu kode </b:if> tepat dibawah kode <b:include name='quickedit'/>

Lihat contohnya seperti dibawah ini

<b:widget id='HTML01' locked='false' title='contoh' 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>

Mudahkan ?

8.        Jika semua proses sudah selesai, langsung klik simpan dan kemudian lihat hasilnya.
9.        Selesai

Tambahan :
Anda juga bisa menuliskan dua pilihan atau lebih kedalam satu widget dan jangan lupa untuk menutup kode pilihan tersebut dengan  </b:if> sebanyak kode pilihan anda. Misalnya anda ingin menghilangkan widget hanya pada homepage dan menampilkannya pada suatu URL, maka cara penulisannya adalah sebagai berikut;

<b:widget id='HTML01' locked='false' title='contoh' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.url == &quot;Alamat URL&quot;'>

<!-- 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:if>

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

Mungkin hanya itu tambahan dari saya, mungkin ada yang masih kurang atau belum di mengerti, bisa anda langsung tanyakan pada kotak komentar dibawah ini.

Semoga bermanfaat...!

Komentar
0 Tanggapan
Tweet

0 comment:

Post a Comment

 
Obrolan