Cara Menampilkan Atau Menyembunyikan Widget Pada Halaman Blog Tertentu

Dalam artikel ini aku akan membagikan cara menampilkan atau menyembuyikan widget pada halaman blog tertentu. Kami menyebutkan sebuah plugin berjulukan Widget Logic yang sanggup sahabat gunakan untuk menampilkan widget pada halaman tertentu dengan memanfaatkan tag kondisional. Tapi tidak semua orang sanggup mengerti tag kondisional itu. Pada artikel ini, kami akan memperlihatkan cara gampang menampilkan atau menyembunyikan widget pada halaman Blog tertentu. Langsung saja kita ke tutorialnya sobat.

Cara Menampilkan atau Menyembunyikan Widget pada Halaman Blog Tertentu

Cara Menampilkan atau Menyembunyikan Widget pada Halaman Blog Tertentu

Langkah-langkah Menampilkan Widget Pada Halaman Tertentu

Langkah 1. Mencari ID Widget dan Judul Widget
Sebelum memperlihatkan conditional tags, anda harus mengetahui ID widget yang hendak ditampilkan pada halaman tertentu. Cara mencarinya sangat mudah:

a. Ada dua cara untuk mengakses editor widget (sebenarnya ada 3, yaitu melalui edit HTML, tapi cara ini akan lebih rumit:

• Jika anda dalam kondisi login Blogger, anda sanggup eksklusif mengakses "quickedit" eksklusif dari halaman blog, quickedit ialah tool untuk mengedit widget secara langsung, letaknya biasanya ialah di bab pojok kanan bawah widget, berupa ikon obeng dan kunci (screwdriver and wrench). Klik icon pada widget yang diinginkan dan akan muncul pop-up window dimana anda sanggup mengedit konten widget.
• -Atau saluran editor widget melalui halaman "Layout", kemudian klik link "edit" di salah satu bab widget. Kemudian akan muncul pop-up window.

b. Lihat di bab URL/address di browser pada halaman pop up window tersebut. Letak ID widget atau judul widget berada di bab selesai URL (geser URL ke kanan) dan nanti juga sanggup lihat dari judul dari widget sobat. Perhatikan pola gambar berikut:

c. Simpan Id Widget atau judul widget tersebut, contohnya dari pola di atas, Id widget yang hendak aku edit ialah "About TombolBlogger.com".

Langkah 2. Memberikan Conditional Tags Pada Elemen Widget
Untuk menampilkan widget di halaman tertentu, anda harus menambahkan conditional tags (b if cond) pada elemen widget yang diinginkan. Berikut langkah menambahkannya sesuai dengan pola widget yang sudah disampaikan di atas:
a. Masuk ke halaman template (Dashboard > Template).
b. Klik "Edit HTML" > Proceed.
c. Jangan lupa klik/centang "Expand Widget Templates" untuk menampilkan seluruh elemen widget di dalam editor.
d. Tekan CTRL+F, masukkan judul widget yang diinginkan yang sebelumnya telah dicari dan dipersiapkan. Dalam pola ini aku akan memakai id widget "About TombolBlogger.com" sebagai pola dan berikut kurang lebihnya elemen widget sobat:

e. Kemudian jikalau belum ada tambahkan conditional tag sehabis <b:includable id='main'> dan tag penutupnya sebelum </b:includable>. Berikut conditional tags menurut jenis halaman dan cara menambahkannya, perhatikan tag berwarna merah dan itulah yang harus ditambahkan:

Cara Menampilkan Widget Hanya di Halaman Utama/Indeks (Homepage)

<b:widget id='Text1' locked='false' title='About TombolBlogger.com' type='Text'>   <b:widget-settings>     <b:widget-setting name='content'><![CDATA[<div><span style="font-family:&quot;;"><b>Berbagi ialah cara terbaik kita untuk mengungkapkan pedulinya kita sesama, dan dengan menyebarkan kita juga sanggup lebih menjalin silaturahmi antar umat beragama.</b></span></div><div style="font-family: georgia, serif; font-size: 100%; font-style: normal; font-weight: normal;"><br /></div><div style="font-family: georgia, serif; font-size: 100%; font-style: normal; font-weight: normal;">"Hermawan Susanto"</div>]]></b:widget-setting>   </b:widget-settings>   <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:if>   <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> 

Cara Menampilkan Widget Hanya di Halaman Posting

<b:widget id='Text1' locked='false' title='About TombolBlogger.com' type='Text'>   <b:widget-settings>     <b:widget-setting name='content'><![CDATA[<div><span style="font-family:&quot;;"><b>Berbagi ialah cara terbaik kita untuk mengungkapkan pedulinya kita sesama, dan dengan menyebarkan kita juga sanggup lebih menjalin silaturahmi antar umat beragama.</b></span></div><div style="font-family: georgia, serif; font-size: 100%; font-style: normal; font-weight: normal;"><br /></div><div style="font-family: georgia, serif; font-size: 100%; font-style: normal; font-weight: normal;">"Hermawan Susanto"</div>]]></b:widget-setting>   </b:widget-settings>   <b:includable id='main'>   <b:if cond='data:blog.pageType == "item"'>   <!-- 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> </b:section> 

Cara Menampilkan Widget Hanya di Halaman Statis

<b:widget id='Text1' locked='false' title='About TombolBlogger.com' type='Text'>   <b:widget-settings>     <b:widget-setting name='content'><![CDATA[<div><span style="font-family:&quot;;"><b>Berbagi ialah cara terbaik kita untuk mengungkapkan pedulinya kita sesama, dan dengan menyebarkan kita juga sanggup lebih menjalin silaturahmi antar umat beragama.</b></span></div><div style="font-family: georgia, serif; font-size: 100%; font-style: normal; font-weight: normal;"><br /></div><div style="font-family: georgia, serif; font-size: 100%; font-style: normal; font-weight: normal;">"Hermawan Susanto"</div>]]></b:widget-setting>   </b:widget-settings>   <b:includable id='main'>   <b:if cond='data:blog.pageType != "static_page"'>   <!-- 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> </b:section> 

Cara Menampilkan Widget Hanya di Halaman Arsip (Archive)

<b:widget id='Text1' locked='false' title='About TombolBlogger.com' type='Text'>   <b:widget-settings>     <b:widget-setting name='content'><![CDATA[<div><span style="font-family:&quot;;"><b>Berbagi ialah cara terbaik kita untuk mengungkapkan pedulinya kita sesama, dan dengan menyebarkan kita juga sanggup lebih menjalin silaturahmi antar umat beragama.</b></span></div><div style="font-family: georgia, serif; font-size: 100%; font-style: normal; font-weight: normal;"><br /></div><div style="font-family: georgia, serif; font-size: 100%; font-style: normal; font-weight: normal;">"Hermawan Susanto"</div>]]></b:widget-setting>   </b:widget-settings>   <b:includable id='main'>   <b:if cond='data:blog.pageType == "archive"'>   <!-- 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> </b:section> 

Cara Menampilkan Widget Hanya di Salah Satu Halaman (Berdasarkan URL)

<b:widget id='Text1' locked='false' title='About TombolBlogger.com' type='Text'>   <b:widget-settings>     <b:widget-setting name='content'><![CDATA[<div><span style="font-family:&quot;;"><b>Berbagi ialah cara terbaik kita untuk mengungkapkan pedulinya kita sesama, dan dengan menyebarkan kita juga sanggup lebih menjalin silaturahmi antar umat beragama.</b></span></div><div style="font-family: georgia, serif; font-size: 100%; font-style: normal; font-weight: normal;"><br /></div><div style="font-family: georgia, serif; font-size: 100%; font-style: normal; font-weight: normal;">"Hermawan Susanto"</div>]]></b:widget-setting>   </b:widget-settings>   <b:includable id='main'>   <b:if cond='data:blog.url == "Ganti dengan URL Halaman di sini"'>   <!-- 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> </b:section>  

f. Setelah conditional tags ditambahkan, save template.

Semoga bermanfaat and have a nice Blogging.

Sumber https://www.tombolblogger.com/

Share this post