Menampilkan widget pada Full Post URL (BloGGEr Tips)

Pujangga Blogs

28 December 2010

Menampilkan widget pada Full Post URL (BloGGEr Tips)

Jujur saja..Tulisan tentang cara menampilkan widget pada Full Post URL ini saya dapat dari Blog sahabat bernama Imtikhan.Jadi sebelumnya saya ucapkan banyak terimakasih kepada sahabat Imtikhan yang telah memberikan banyak sekali memberi masukan tentang tips dan tutorial mengenai Blogger design template.
Sedikit penjelasan mengenai menampilkan widget pada Full Post URL atau halaman selanjutnya.Jika sahabat berada padaha halaman muka (Home page) pada blog ,widget tersebut tidak akan terlihat.Namun bila sahabat membuka sebuah halaman postingan/artikel atau bisa kita sebutkan membuka halaman selanjutnya, widget tersebut akan tampil pada tempatnya sesuai dengan pengaturan kode HTML pada template blog sahabat.Berminat untuk mencoba..?Mari kita coba langkah-langkahnya dibawah ini.
  • Silahkan sahabat login pada Blogger » Rancangan » Edit HTML.
  • Backup dulu template sahabat dengan mengklik tulisan » Download Template Lengkap ,untuk menjaga apabila sahabat mengalami kegagalan pada pengeditan source code tamplate bloger ,jadi sahabat masih punya backupnya..
  • Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
  • Disini,saya akan mencoba untuk menyembunyikan sidebar widget "Label" pada halaman muka ,dan menampilkannya pada halaman lain ( selanjutnya ).
  • Contoh code HTML dibawah yang saya ambil dari template ini.
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  • Lalu kita masukin kode berikut ini dibawah kode yang ada diatas.
<b:if cond='data:blog.pageType == "item"'>
  • Setelah itu...kita masukan tag close </b:if> sebagai penutup code diatas.Pastikan tag close </b:if> masih berada dalam 1 bagian widget yang akan kita rubah.sahabat bisa meletakan tag close itu dibawah dari kode dibawah ini.
<b:include name='quickedit'/>
  • Contoh dari keseluruhan code yang ada pada blog ini sebagai berikut.
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:title'>
<h2><data:title/></h2></b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'><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><b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span></b:if></li>
</b:loop></ul><b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size-&quot; + data:label.cssSize'>
<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><b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if></span></b:loop></b:if>
<b:include name='quickedit'/>
</b:if>
</div>
</b:includable>
</b:widget>
  • Jika sudah..silahkan sahabat lihat dulu hasilnya dengan Priview.
  • dan apabila berhasil dan yakin akan diterapkan pada blog..silahkan save setingan template sahabat.
Thank's to : Imtikhan
Semoga bermanfaat.

3 comments:

day on March 3, 2011 at 11:25 PM said...

bagaimana kalau meupload sebuah file ke blog.
terima kasih

Pujangga said...

@ day:
File yang akan di upload ke blog itu berupa file apa ,mas ?

sherlina halim on September 15, 2015 at 8:25 PM said...

Pengen yang lebih seru ...
Ayo kunjungi www.asianbet77.com
Buktikan sendiri ..

Real Play = Real Money

- Bonus Promo Red Card pertandingan manapun .
- Bonus Mixparlay .
- Bonus Tangkasnet setiap hari .
- New Produk Sabung Ayam ( minimal bet sangat ringan ) .
- Referal 5 + 1 % ( seumur hidup ) .
- Cash Back up to 10 % .
- Bonus Royalty Rewards setiap bulan .

Untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : op1_asianbet77@yahoo.com
- EMAIL : melasian77cs@gmail.com
- WHATSAPP : +63 905 213 7234
- WECHAT : asianbet_77
- SMS CENTER : +63 905 209 8162
- PIN BB : 2B4BB06A / 28339A41

Salam Admin ,
asianbet77.com

Download Disini


Post a Comment

:11
smiley
:12
smiley
:13 smiley :14
smiley
:15
smiley
:16
smiley
:17
smiley
:18
smiley
:19
smiley
:20
smiley
:21
smiley
:22 smiley :23 smiley :24
smiley
:25
smiley
:26
smiley
:27
smiley
:28
smiley
:29
smiley
:30
smiley
:31
smiley
:32
smiley
:33 smiley :34
smiley
:35
smiley
:36
smiley
:34
smiley
:38
smiley
:39
smiley
:40
input code is in the right smile icon image

Silahkan tinggalkan komentar anda dan harap tidak melakukan Spam..!!

Pujangga Blogs

administratorSeandainya segala sesuatu yang telah saya berikan ini bermanfaat bagi rekan-rekan semua.Sungguh saya ucapkan banyak Doa dan terimakasih kepada Mu Allah.SWT yang telah memberikan nikmat Berbagi sesama manusia dengan niat kebaikan dan kemajuan Negeriku ini..

the existence of this blog aims to broaden the information about web design by studying the parts of the structure of the html code for the beginner. Here also you can get the latest info about the entertainment media, affiliate programs etc.

Recent post


Download Free Movie


Pujangga Blogs Head News

Mengubah ILM ads google Untuk mengganti tampilan adsense google yang menampilkan Iklan Layanan Masyarakat tersebut dengan adsense lokal. Anda harus mengupload script adsense lokal dengan extensi html kelayanan webhosting anda.
Recent comment dengan efek overlay menu Following cursorBagi anda yang mempunyai keterbatasan ruang untuk meletakan widget Recent Comments, Saya akan mencoba membantu anda untuk membuat "Widget Recent comments" dengan efek overlay.
Membuat Guestbook Overlay fading headerEfek yang akan saya bahas kali ini adalah membuat tampilan Guestbook dan status twitter melayang dan berada ditengah - tengah halaman blog. Kita akan menyediakan menu guestbook pada sisi kiri halaman.
Membuat Headline Post widget tooltipsHeadline akan menggulung ke atas dengan sentuhan fade out ,seakan konten tersebut hilang dengan perlahan dan konten yang berada di bawahnya akan naik ke atas mengganti konten sebelumnya.
Membuat Number Page Navigation jQueryUmumnya Navigasi halaman dengan angka ini sering kita jumpai pada blog berplatform Wordpress. Namun bagi anda yang menggunakan platform Blogspot tak perlu berkecil hati, karena blogspot pun bisa mengadopsi tampilan NEXT dan PREV dengan widget Page Navigation Number.
Kode adsense didalam post menu navigasiUntuk meletakan Adsense didalam postingan, anda harus meletakan kode Script ads tersebut langsung ke template HTML blogspot. Sebagai langkah awal, silahkan anda login ke blogger.com » Dasboard »Design » Edit HTML » Beri tanda ceklist pada kolom .
1 2 3 4 5 6

Enter your email address:




review www.pujangga-adhitya.blogspot.com on alexa.com

free counters
 

Followers

Live Blog Stats

Recent Comment