Cara Menampilkan Widget Hanya di Halaman Tertentu

Tutorial berikut ini tentang Cara Menampilkan Widget Hanya di Halaman Tertentu. Cara ini sangat berguna bagi sobat yang ingin memberikan tam...

Tutorial berikut ini tentang Cara Menampilkan Widget Hanya di Halaman Tertentu. Cara ini sangat berguna bagi sobat yang ingin memberikan tampilan terbaik website atau blog kepada pengunjung. Dengan cara ini kita bisa menentukan widget mana yang akan tampil di halaman tertentu. Ikuti langkah-langkah berikut ini:
Tutorial Blogger

Cara Menampilkan Widget Hanya di Halaman Tertentu

Mencari ID Widget

Sebelum lanjut ke langkah berikutnya, sobat harus mengetahui ID widget yang ingin ditampilkan pada halaman tertentu. Cara mencarinya sangat mudah:
    1. Jika sobat dalam kondisi login Blogger, sobat dapat langsung mengakses "quickedit" langsung dari halaman blog, quickedit adalah tool untuk mengedit widget secara langsung, letaknya biasanya adalah di bagian 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 dapat mengedit konten widget.
    2. Atau akses editor widget melalui halaman "Layout", lalu klik link "edit" di salah satu bagian widget. Kemudian akan muncul pop-up window.
    3. Lihat di bagian URL/address di browser pada halaman pop up window tersebut. Letak ID widget berada di bagian akhir URL (geser URL ke kanan). Perhatikan contoh gambar berikut : 
    Cara Menampilkan Widget Hanya di Halaman Tertentu

    Memberikan Conditional Tags Pada Elemen Widget

    Untuk menampilkan widget di halaman tertentu, SOBAT harus menambahkan conditional tags (b if cond) pada elemen widget yang diinginkan. Berikut langkah menambahkannya sesuai dengan contoh widget yang sudah disampaikan di atas:

    Step 1 Masuk ke halaman template (Dashboard > Template)

    Step 2 Klik "Edit HTML" > Proceed.

    Step 3 Tekan CTRL+F, masukkan ID widget yang diinginkan yang sebelumnya telah dicari dan dipersiapkan.

    Dalam contoh ini saya akan menggunakan id widget "HTML2" sebagai contoh dan berikut kurang lebihnya elemen widget sobat :

    Cara Menampilkan Widget Hanya di Halaman Tertentu

    Step 4 Kemudian tambahkan conditional tag setelah <b:includable id='main'> dan tag penutupnya sebelum </b:includable>. Berikut conditional tags berdasarkan 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='HTML2' locked='false' 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 != &quot;&quot;'>
    <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>
    Cara Menampilkan Widget Hanya di Halaman Posting
    <b:widget id='HTML2' locked='false' title='' type='HTML'>
    <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:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>
    Cara Menampilkan Widget Hanya di Halaman Statis
    <b:widget id='HTML2' locked='false' title='' type='HTML'>
    <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:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>
    Cara Menampilkan Widget Hanya di Halaman Arsip (Archive)
    <b:widget id='HTML2' locked='false' title='' type='HTML'>
    <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:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>
    Cara Menampilkan Widget Hanya di Salah Satu Halaman (Berdasarkan URL)
    <b:widget id='HTML2' locked='false' title='' type='HTML'>
    <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:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>
    Step 5 Setelah conditional tags ditambahkan, save template.
    Jika sobat ingin Cara Menampilkan Widget Lainnya Hanya di Halaman Tertentu, maka ulangi langkah-langkah diatas.

    COMMENTS

    Name

    Aceh,23,Adsense,8,BBM,3,Biography,1,Bitcoin,4,Blog,21,Blogger,12,Blogging,55,Business,14,Cerita,3,CPNS,1,Delicious,1,Design,1,DeviantART,1,Digg,1,Dollar,3,Dunia,13,Facebook,5,Flickr,1,Friendster,1,Gambar,2,Game,36,Gmail,1,Google+,4,Hosting,1,Inspirasi,2,Instagram,1,Internet,13,Interview,11,Kesehatan,2,LinkedIn,1,Makalah,7,Marketing,12,Meme,8,Money,3,Motivasi,2,MySpace,1,Outlook,1,Path,1,Pendidikan,10,Pengetahuan,4,Pinterest,1,Plugin,5,PNS,1,Reddit,1,Review,4,Seo,53,Smartphone,5,Social Media,38,Sukses,3,Sumatera Barat,16,Sumatera Utara,3,Templates,1,Tips,6,Toko Online,3,Top10,18,Tumblr,1,Tutorial,29,Tutorial Blog,146,Twitter,3,Umum,9,Vimeo,1,VK,1,Weebly,1,WhatsApp,1,Widget,55,Wisata,4,WordPress,14,Yahoo,1,Youtube,3,
    ltr
    item
    Blog iTapuih.com: Cara Menampilkan Widget Hanya di Halaman Tertentu
    Cara Menampilkan Widget Hanya di Halaman Tertentu
    https://3.bp.blogspot.com/-zfgnG9g66d4/Wkp7yZBisxI/AAAAAAAANjA/aXqbVFFDTbcCA5WOsSeGUo8ri7YJxCzdACLcBGAs/s1600/Widget-Header.png
    https://3.bp.blogspot.com/-zfgnG9g66d4/Wkp7yZBisxI/AAAAAAAANjA/aXqbVFFDTbcCA5WOsSeGUo8ri7YJxCzdACLcBGAs/s72-c/Widget-Header.png
    Blog iTapuih.com
    https://blog.itapuih.com/2015/02/cara-menampilkan-widget-hanya-di.html
    https://blog.itapuih.com/
    https://blog.itapuih.com/
    https://blog.itapuih.com/2015/02/cara-menampilkan-widget-hanya-di.html
    true
    2732475762120586724
    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