Cara Menempatkan Widget di Halaman Tertentu

0 komentar Jumat, 13 Januari 2012
Pada kesempatan kali ini Trik Bloger akan men-share tentang bagaimana cara menampilkan widget di halaman posting saja dan bagaimana cara menampilkan widget di homepage saja atau lebih tepatnya menampilkan widget di halaman tertentu saja untuk blog yg masih berplatform blogspot, alias blog gratisan wkwkwkwkwk...

Mengapa harus di tampilkan di homepage atau di halaman posting saja.? Selain untuk merapihkan letak-letak widget kita agar enak di lihat oleh pengunjung, trik ini juga termasuk salah satu trik menjadikan blog SEO Friendly yg mana widget yg tidak perlu di tampilkan pada halaman posting kita tempatkan pada homepage blog kita, atau di halaman lain yg kita inginkan seperti widget penggemar, shoutbox dll. Untuk melakukannya silahkan ikuti petunjuk dari Trik Bloger dg baik dan jangan ngelamun hokey...

Login ke dashboard blogger. pilih Template
Klik Gambar Untuk Memperjelas



Pilih Rancangan »» edit HTML
Klik Gambar Untuk Memperjelas

Beri tanda centang pada tulisan Expand Template Widget

Lalu cari kode widget yg akan di tampilkan pada halaman tertentu.
Caranya cari nama judul pada widget tersebut menggunakan tombol F3 / ctrl + F
untuk mempermudah pencarian kode widget, sebaiknya widget yg akan di edit di beri judul dulu.
Untuk contohnya Trik Bloger akan mengedit dan menampilkan widget iklan Adsense hanya pada halaman posting saja dengan judul widget bernama iklan adsense.contohnya

<b:widget id='HTML1' locked='false' title='iklan adsense' 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>
Kode di atas akan menampilkan widget di semua halaman. Nah. . . .Karna Trik Bloger ingin menampilkan widget tersebut di halaman posting saja maka harus di tambahi kode berikut »»  
<b:if cond='data:blog.pageType == &quot;item&quot;'>
................,.........................................,...............................
</b:if>
Dan nantinya akan menjadi seperti ini.
<b:widget id='HTML1' locked='false' title='iklan adsense' type='HTML'> <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&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:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Dari kode diatas yg sudah di edit, hanya akan muncul di halaman posting saja dan tidak akan muncul di homepage, Do you understand.?? hehe

Nah untuk menampilkan widget pada halaman-halaman yg di inginkan, misal pada homepage saja, pada staticpage saja, pada halaman archive saja dan pada halaman index saja berikut kode-kode yg bisa anda pakai, tinggal ganti kode yg berwarna biru dg salah satu kode di bawah ini. 

Menampilkan widget hanya pada halaman depan saja (homepage).
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

 Menampilkan di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if> 

 Menampilkan widget hanya pada halaman Archive saja.
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if> 

Menampilkan widget di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>

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

Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if>

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

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

Menampilkan widget hanya pada postingan tertentu saja.
<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
</b:if>

Menampilkan widget selain di postingan tertentu.
<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if>
Bagaimana sudah paham atau belum tutor dari Trik Bloger diatas? Jika belum paham tentang menempatkan widget di halaman tertentu saja bisa anda tanyakan pada admin lewat kolom komentar di bawah postingan. Salam Bloger.
Read On

Membuat Scroll Pada Widget Label Blog

0 komentar Kamis, 12 Januari 2012
Membuat scroll Pada Label, Blog Archive atau widget, Blogroll atau Daftar Blog Daftar Link neh Buat sobat" yang pengen ngirit tempat.... hehehehehehe...

Nih ane baru dapat Tutorial tips dan Trik Cara Memberi Scroll pada Label Blog. tips ini ane dapet dari sobat blogger ane... n ternyata juga blogger blitar juga... hehehehe.....

ok langsung aja ya sob.... bagi sobat" yang berminat memberi scroll pada label Blog nya...

1. login blog
2. Rancangan >> edit HTML >> centang 'Expand Template Widget'
3. Cari kode dibawah ini ( NB: Harus ada widget labelnya terlebih dahulu )
4. Tekan Ctrl + F untuk memudahkan mencari
5. Cari kode seperti dibawah ini :

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:300px;'>

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div> </div> </div>
kalau sudah ketemu tinggal tambahkan saja kode yang warna merah itu untuk fungsi scrollnya. Angka 300px adalah tinggi kotak scroll. bisa sobat ganti sesuai selera sobat...


Gak ada kode yang seperti  <div class="widget-content"> ????
Tenang gak usah khawatir, mungkin pada template sobat yang ada hanya kode




yah kalau adanya kode di atas ini maka taruh
<div style='overflow:auto; width:ancho; height:300px;'>
diatas kode tersebut jangan lupa diahiri dengan penutup  </div>


Jika langkah - langkah diatas dilakukan dengan benar maka widget label anda akan seperti widget label di blog ini Blog Sample 

Terimakasih telah berkunjung di Trick Bloger semoga tutor diatas dapat bermanfaat. jika ada pertanyaan silahkan tinggalkan pertanyaan anda pada kolom komentar yang sudah tersedia.
Read On
Langganan: Postingan (Atom)