Membuat widget hanya tampil dihalaman tertentu

Tips dan trik kali ini saya akan bagikan artikel tentang cara membuat widget hanya tampilan dihalaman tertentu di blog. Ada 4 cara yang akan...

Tips dan trik kali ini saya akan bagikan artikel tentang cara membuat widget hanya tampilan dihalaman tertentu di blog. Ada 4 cara yang akan saya bagikan, pertama membuat widget hanya tampil dihalaman awal blog saja. Kedua, membuat widget hanya tampil dihalaman posting.

Ketiga, menampilkan widget dihalaman awal blog dan juga dihalaman Label Blog. Dan yang keempat adalah Menampilkan widget hanya tampil pada halaman URL yang ditentukan. Sebenarnya 4 cara tersebut menggunakan cara yang sama, hanya saja kode yang digunakan yang berbeda. Berikut caranya:
Membuat widget hanya tampil dihalaman tertentu
Disini widget yang akan dijadikan contoh adalah widget Follow by email.

Pertama: Membuat widget hanya tampil/terlihat dihalaman awal blog saja

  1. Silakan login ke blogger, dan pilih pengaturan Template.
  2. Klik edit HTML dan cari kode follow by email(gunakan Ctrl+f untuk memudahkan pencarian).
  3. <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
  4. Setelah ketemu Tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dan juga kode </b:if> Contohnya:
  5. <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
    <b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
    <div class='widget-content'>
    ...................dan kode2 panjang lainnya..........
    <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
    </span></b:if>
    </b:includable>
    </b:widget>
  6. Dan kode2 panjang lainnya itu maksudnya agar lebih pendek saja tampilannya di artikel ini. Kode aslinya lebih panjang. Setelah itu save template. Selesai.

Kedua: Nah sekarang kebalikannya, membuat widget hanya tampil dihalaman posting atau artikel blog saja. Sedangkan dihalaman awal homepage blog widget tersebut akan hilang.

  1. Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
  2. <b:if cond='data:blog.pageType == "item"'>
  3. Save template, selesai.

Ketiga: Menampilkan widget dihalaman awal blog dan juga dihalaman Label Blog.

  1. Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
  2. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3. Save template, selesai.

Keempat: Menampilkan widget hanya tampil pada halaman URL yang ditentukan

  1. Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
  2. <b:if cond='data:blog.url == "Ganti dengan URL Halaman disini"'>
  3. Save template, selesai.
Silakan dicoba keempat cara diatas, dan silakan baca juga artikel saya sebelumnya tentang cara menghilangkan widget dihomepage fungsinya sama dengan cara kedua seperti artikel diatas, hanya caranya saja yang berbeda. Dan juga artikel tentang membuat background berbeda dihalaman berbeda diblog. Atau Menghilangkan sidebar pada halaman tertentu. Semoga artikel diatas bisa bermanfaat untuk anda.

COMMENTS

Nama

Android Desain Blog Game Header HTML dan CSS Internet Kotak Komentar Menu Desain Microsoft Excel Microsoft Word Post Seo Sidebar Software Tips dan Trik Tutorial Blog Widget
false
ltr
item
Xiruz: Membuat widget hanya tampil dihalaman tertentu
Membuat widget hanya tampil dihalaman tertentu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizeuNVJd9GixhbbSSnbK5ns5qg2wymtwEl5apPDnwnkZF_MdZJRLvVcloiIBtZ8AQ0td-ZCzH6hn5C6l6OYG1VkSkNYh7a9IKhvGWOsKVCvV_VNEpfcPc3GApyM9ke6hawyK9Cs-OHp0Rr/s283/widget%2520hilang.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizeuNVJd9GixhbbSSnbK5ns5qg2wymtwEl5apPDnwnkZF_MdZJRLvVcloiIBtZ8AQ0td-ZCzH6hn5C6l6OYG1VkSkNYh7a9IKhvGWOsKVCvV_VNEpfcPc3GApyM9ke6hawyK9Cs-OHp0Rr/s72-c/widget%2520hilang.png
Xiruz
https://xiruz-vip5.blogspot.com/2014/01/membuat-widget-hanya-tampil-dihalaman.html
https://xiruz-vip5.blogspot.com/
http://xiruz-vip5.blogspot.com/
http://xiruz-vip5.blogspot.com/2014/01/membuat-widget-hanya-tampil-dihalaman.html
true
2851028177564598499
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy