Ads 468x60px

Selasa, 27 Desember 2011

Cara Membuat Widget hanya tampil di Homepage atau posting


Cara Membuat Widget hanya tampil di Homepage atau posting | Tips Blogspot | Membuat Widget Homepage >>> Halaman muka dari sebuah situs web.itulah homepage, Pengertian lainnya adalah halaman default yang diset untuk sebuah browser. halaman ini ditayangan di Internet melalui media World Wide Web. Biasa digunakan orang untuk mempromosikan informasi, jasa, produk-produknya, dll. Tapi yang saya maksud disini adalah homepage pada blog atau website Agar blog tampil lebih dinamis dan terkesan profesional, sebaiknya beberapa widget yang dianggap pokok dan utama hanya ditampilkan di halaman utama atau Home page. Bagaimana cara membuat sebuah widget hanya tampil pada Homepage atau hanya tampil pada Postingan Saja, berikut tipsnya :
  1. Login ke Blogger dengan ID anda
  2. Di halaman Dasbor, kita pilih Tata Letak.
  3. Kemudian pilih Edit HTML.
  4. Jangan lupa Backup Template anda agar mudah mengembalikan jika terjadi kesalahan.
  5. Beri tanda centang pada cekbox “expand template widget”.
  6. Gunakan F3 pada keyboard komputer anda untuk mencari kode widget anda. Contoh:  'Artikel Terbaru'.
  7. Setelah ketemu, berikut cara memodifikasiny :
Membuat Widget Hanya Tampil di HomePage >>> 
  1. Sisipkan kode : <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah kode <b:includable id='main'>
  2. Sisipkan kode : </b:if> diatas kode </b:includable>Contoh lengkapnya seperti ini :
    <b:widget id='HTML10' locked='false' title='Artikel Terbaru' 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:if>
    </b:includable>
    </b:widget>
Membuat Widget Hanya Tampil di Posting >>>
  1. Sisipkan kode :
    <b:if cond='data:blog.pageType == "item"'> dibawah kode <b:includable id='main'>
  2. Sisipkan kode: </b:if> diatas kode </b:includable>
    Contoh lengkapnya seperti ini :
    <b:widget id='HTML10' locked='false' title='Artikel Terbaru' 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:if>
    </b:includable>
    </b:widget>
Jangan Lupa Save Templatenya, dan anda bisa lihat hasilnya, Semoga bisa membantu membuat professional  blog atau website anda.

0 komentar:

Posting Komentar