$type=carousel$cols=3

Menampilkan dan menyembunyikan widget diblogger

CARA MENYEMBUNYIKAN DAN MENAMPILKAN WIDGET DIBLOGGER

Menampilkan dan menyembunyikan widget diblogger

Selamat Datang di Blog Orang IT . Pada postingan kali ini akan share sedikit tutorial bagaimana cara menampilkan dan menyembunyikan widget blogger pada postingan tertentu atau hanya pada homepage , trik ini sangat berguna jika anda memiliki blog dan ingin memasang banyak widget namun terkendala masalah space lokasi apalagi jika semua widget yang dianggap penting dipasang secara bersamaan dikhawatirkan akan mengurangi kecepatan loading blog saat dimuat lagi pula pengunjung hanya mencari konten yang mereka butuhkan sementara pemilik blog memikirkan bagaimana membuat tampilan blognya tetap menarik

Hal ini juga terkadang dialami beberapa blog yang menjalankan direct ads atau advertisement ads misalnya pemasang ingin agar iklanya hanya tampil dipostingan yang sesuai dengan produk mereka demi mentargetkan konsumen kita bisa melakukanya dengan tag kondisional

Bagi anda yang sedang menata ulang desain blog dan ingin mengoptimalkan kecepatan loading template menggunakan teknik menyembunyikan menampilkan widget diartikel tertentu menjadi penting untuk diterapkan , pastikan tampilan blog anda tidak terkesan over space , tetap terlihat dinamis , mudah dinavigasi dan tetap fast loading

Mengetahui cara menyembunyikan dan menampilkan widget diblogger dalam kondisi tertentu wajib diketahui oleh pemilik blogger , pengurus bisa menentukan dengan bebas mana widget yang hanya ditampilkan dalam halaman awal dan widget yang muncul khusus pada postingan tertentu
Teknik ini sangat mudah untuk di implementasikan hanya cukup menyisipkan kode script widget diantara tag kondisional yang mengatur lokasi munculnya suatu widget , jika anda masih awam simak pembahasan ini baik-baik agar tidak terjadi error saat mencobanya

Menyembunyikan dan menampilkan widget blogger mudah

Pertama silahkan masuk ke edit html template , atau jika kode widgetnya langsung dimasukkan dalam tata letak berarti buka tataletak - widget - edit html

1. Agar widget hanya muncul dihomepage
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- ISI dari elemen atau Widget -->
</b:if>
Contoh penggunaan kode widgetnya dalam HTML editor
<b:widget id='HTML1' locked='false' title='Nama title' 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 != ""'>
<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>
Ini untuk CSS nya
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
/* -- Ini adalah CSS style -- */</style>

<script type='text/javascript' >
//Ini adalah kode JavaScript
</script>
</b:if>
2. Untuk menampilkan widget hanya dalam artikel postingan
<b:if cond='data:blog.pageType == "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
3. Untuk menyembunyikan widget diseluruh postingan
<b:if cond='data:blog.pageType != "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
4. Menampilkan widget dihalaman tertentu
<b:if cond='data:blog.url == "URL Halaman"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
5. Menyembunyikan widget dihalaman tertentu
<b:if cond='data:blog.url != "URL Halaman"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
6. Menampilkan widget hanya di halaman arsip
<b:if cond='data:blog.pageType == "archive"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
7. Menyembunyikan widget dihalaman arsip
<b:if cond='data:blog.pageType != "archive"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
8. Menampilkan widget dihalaman static yang ada id nya biasanya
<b:if cond='data:blog.pageType == "static_page"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
9. Menyembunyikan widget dihalaman static
<b:if cond='data:blog.pageType != "static_page"'>
<!-- ISI dari elemen atau Widget -->
</b:if>
10. Widget hanya muncul di search / label
<b:if cond='data:blog.searchQuery'>
ISI dari elemen atau Widget
</b:if>

atau

<b:if cond='data:blog.searchLabel'>
ISI dari elemen atau Widget
</b:if>
 11. Widget muncul hanya dihalaman error
<b:if cond='data:blog.pageType == "error_page"'>
ISI dari elemen atau Widget
</b:if>
12. Widget dengan tag kondisi benar salah
<b:if cond='data:blog.pageType == "item"'>
jika kondisi benar
<b:else/>
jika kondisi salah
</b:if>
13. Widget tidak tampil hanya pada beberapa halaman khusus

Kondisi pengingkaran merupakan kondisi dimana kode yang ada di dalamnya tidak tampil pada halaman yang tertulis pada tag kondisional, melainkan tampil pada semua halaman selain halaman yang tertulis pada tag kondisional. Untuk kondisi pengingkaran cukup ubah kode == menjadi kode !=
<b:if cond='data:blog.url != data:post.url'>
ISI dari elemen atau Widget
</b:if>
Mudah sekali kan bagaimana cara menampilkan dan menyembunyikan widget diblogger jika ada pertanyaan lain silahkan berkomentar yang relevans dibawah akan saya jawab sesuai kemampuan sukur-sukur jika ada yang mau nambah untuk melengkapi artikel saya ini

COMMENTS

BLOGGER
loading...
loading...
Nama

Android,3,Blog,381,Info,244,Islami,46,Software,75,Tutorial,121,Web,18,
ltr
item
BLOG ORANG IT: Menampilkan dan menyembunyikan widget diblogger
Menampilkan dan menyembunyikan widget diblogger
Tutorial bagaimana cara menampilkan dan menyembunyikan widget blogger pada postingan tertentu atau hanya pada homepage
https://4.bp.blogspot.com/-mTGNHC0d8r0/WkwiMYEtoFI/AAAAAAAAHOo/QrX7gJ4Zdqcw3XlT6iBD8EFDHXCsy3sFwCLcBGAs/s400/blogger-conditional-tags.png
https://4.bp.blogspot.com/-mTGNHC0d8r0/WkwiMYEtoFI/AAAAAAAAHOo/QrX7gJ4Zdqcw3XlT6iBD8EFDHXCsy3sFwCLcBGAs/s72-c/blogger-conditional-tags.png
BLOG ORANG IT
https://www.helmykkediri.com/2018/02/menampilkan-dan-menyembunyikan-widget.html
https://www.helmykkediri.com/
https://www.helmykkediri.com/
https://www.helmykkediri.com/2018/02/menampilkan-dan-menyembunyikan-widget.html
true
7204675838149040268
UTF-8
Loaded All Posts 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 PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared 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