Cara Mengatur Widget Blog Agar Lebih Rapi

24 Oktober 2011

Cara Mengatur Widget - Cara Mengatur Widget blog sobat, dan widget  yang hanya tampil bila pengunjung berada pada postingan saja. Mungkin dari para blogger masih bingung Cara Mengatur Widget pada blog sobat. Berikut Cara Mengatur Widget agar kelihatan rapi, dan pengunjung pun merasa nyaman.

Caranya cukup mudah, simak langsung nih tips Cara Mengatur Widget :

  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 :
Cara Mengatur Widget Hanya Tampil Diberanda/homepage sobat :

  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>   
Cara Mengatur Widget hanya tampil pada postingan saja :
  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. Jika ada yang kurang jelas tentang Cara Mengatur Widget silahkan tinggalkan komentar.
SERIBU PERNAK PERNIK PONSEL ANDROID

0 komentar:

Posting Komentar

 
banner