Thursday, 26 January 2012

Cara Menyembunyikan Widget Pada Halaman Blogspot

Advertisement

Menyembunyikan widget pada halaman tertentu adalah hal yang cukup penting, selain untuk efesiensi dan optimasi seo on page, menyembunyikan widget pada halaman tertentu bisa mengurangi kesumpekan sebuah blog.


cara menyembunyikan atau menampilkan widget pada halaman tertentu

Misalnya sobat ingin menampilkan widget recent posts pada blog sobat, nah apakah hal ini perlu juga ditampilkan di homepage yang mana memang isinya adalah daftar artikel atau posting terbaru kita? Mubadzir kan? So kita harus mengatur atau menyembunyikan widget tersebut di halaman yang kita inginkan, tertarik? Caranya mudah kok..


Cara menyembunyikan atau menampilkan widget pada halaman tertentu

  • Seperti biasa, login dulu ke blogger.

  • Masuk ke Desgin (Rancangan) > Edit HTML > Centang Expand Template Widget.

  • Cari Widget yang ingin sobat atur, untuk memudahkan pake Ctrl + F misal di sini saya ingin menyembunyikan widget Recent Posts pada home page

    <b:widget id='HTML3' locked='false' title='RECENT POSTS' type='HTML'>
    <b:includable id='main'>
    <b:if cond='
    data:blog.url != data:blog.homepageUrl'>
    <!-- only display title if it's non-empty -->
    <H2 class='title'><data:title/></H2>
    <div class='widget-content'>
    <data:content/>
    </div>
    </b:if>
    </b:includable>
    </b:widget>

  • Perhatikan tulisan berwarna merah tersebut, kode data:blog.homepageUrl bisa sobat isi dengan alamat halaman langsung dengan tanda petik misalnya seperti
    <b:if cond='data:blog.url != "http://www.terraligno.com"'>

  • Yang perlu diingat, jangan sampai sobat lupa memasukkan penutup tag if, yaitu </b:if>

  • Tag atau kode != artinya jika kondisi tidak sama dengan, untuk perintah yang menyatakan kondisi sama dengan maka gunakan ==

Selesei deh menyembunyikan atau menampilkan widget pada halaman tertentu, tinggal sobat atur sendiri mana widget yang akan ditampilkan atau disembunyikan. Semoga bermanfaat...


Tags: , , , ,


EmoticonEmoticon