-->






Iklan

Cara menampilkan widget di halaman tertentu (di halaman yang di inginkan

Cara menampilkan widget muncul/tampil di halaman tertentu atau cara menampilkan widget hanya tampil di halaman yang kita inginkan.
widget muncul di halaman terpilih itu artinya jika anda ingin menyetting sendiri widget tersebut supaya muncul di halaman yang anda kehendaki sendiri, misalnya anda menginginkan widget tersebut hanya muncul di dalam postingan yang berjudul jasa pembuatan website atau supaya widget tersebut hanya muncul di halaman page Contact me dan sebagainya.

Cara membuat widged muncul di halaman terpilih

Dan widget tersebut bebas mau widget popular post atau label atau arsip atau profile atau iklan.
Widget ini hanyalah sarana untuk memasang keperluan yang akan di tampilkan dalam website tersebut jadi untuk menentukan supaya widget tampil hanya di halaman yang kita inginkan itu pilihannya ada di masing-masing pemilik web tersebut.

saya kira uraian di atas sudah cukup jelas ya..? tapi jika kurang jelas silahkan untuk bertanya melalui media komentar di bawag postingan ini, dan selanjutnya jika anda ingin membuat widget tampil atau muncul di halaman terpilih silahkan simak panduanya di bawah ini :

Cara Menampilkan widget di halaman Tertentu/halaman pilihan kita sendiri

Dalam contoh ini saya berikan untuk widget Popular Post
1.buka blog anda dengan mengunjungi blogger.com
2.Lalu login ke akun blog asing-masing.
3.klik desain untuk menuju dashboard blogger
4.lalu dalam menu dahboard pilih Tempate dan pilih lagi / klik EDIT HTML , contohnya seperti gambar di bawah ini

Cara edit widged supaya muncul di halaman terpilih

5.selanjutnya Cari kode widget nya Contoh kode nya seperti dibawah ini

<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>


6.jika sudah ketemu kode widgetnya lalu perhatikan dalam kode di atas yang saya beri tanda warna biru , Lalu selanjutnya tambahkan kode ini di bawah kode warna biru tersebut <b:if cond='data:blog.url == "Masukan url Halaman di sini"'> 
 
Sehingga Contoh kodenya yang sudah jadi akan seperti di bawah ini

<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
    <b:includable id='main'>
<b:if cond='data:blog.url == "Masukan url Halaman di sini"'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>

7.Lalu anda tinggal memasukan alamat Url yang ingin anda menampilkan widget tersebut , Cara nya perhatikan contoh kode di atas yang saya beri warna hijau , jadi tulisan warna hijau tersebut silahkan hapus dan dan gantikan dengan Url alamat postingan/page anda.
Alamat url postingan itu contohnya seperti ini  http://jasa-seting.blogspot.com/2015/03/jasa-murah-pembuatan-website.html

8.kemudian diakhir kode widget nya silahkan tambahkan kode yang di bawah ini

</b:if>

9.selanjutnya simpan Template nya.
10.selesai.

Dan untuk melihat hasil perubahan setting widget yang hanya tampil di pilihan kita/halaman tertentu silahkan buka postingan anda yang lain dan lihat widget yang anda buat muncul atau tidak jika tidak muncul artinya sudah benar , dan cek juga dalam postingan yang sesuai anda inginkan muncul atau tidak widget tersebut jika muncul artinya pembuatan widget di halaman terpilih sudah benar.

Demikian panduan dari jasa setting website tentang Cara menampilkan widget di halaman tertentu/halaman pilihan semoga bisa bermanfaat
dan untuk menampilkan widged hanya di halaman posting atau untuk menampilkan widged hanya di halaman page nanti saya akan berikan panduaanya di lain waktu.

Komentar

Tampilkan

No comments:

Post a Comment

Terimakasih sudah mengunjungi jasa setting Website / Jasa Pembuatan Website www.jasa-website.web.id semoga bermanfaat , kontak 081399167240

Komputer

+