Template Berstyle Magazine

Template Blogspot bergaya seperti Template Wordpress,
Blog Blogspot bergaya seperti blog Dot Com.

Kebanyakan blogger suka dengan template yang mempunyai gayanya yang tersendiri, sebagai contoh template saya ini, jika anda perasan apabila anda klik pada title posting atau membaca selanjutnya posting saya, ada sesetengah widget yang pada mulanya ada di page hadapan tetapi sudah tiada pada page posting.

Anda mahu template anda seperti ini? Jom kita edit HTMLnya.

Pertama sekali perkara yang anda perlu faham ialah coding ini. Terdapat dua coding yang berbeza fungsinya iaitu :

  1. Widget yang muncul di bahagian hadapan (home page shj)
  2. Widget yang tidak muncul di bahagian hadapan (home page) tetapi muncul setelah anda klik title artikel.


Anda perlu menambah code ini kedalam HTML template anda.
Code ini membolehkan widget hanya muncul di bahagian hadapan.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
HTML widget yang hendak dihilangkan
</b:if>
Saya beri contoh disini :
Pertama sekali anda perlu kenal pasti widget mana yang hendak anda hilangkan, jika sudah, kita mulakan tutorialnya.


  1. Login ke blogger
  2. Klik Expand Widget
  3. Cari code HTML widget yang anda hendak hilangkan.
  4. Contoh dari saya, saya hendak hilangkan widget "Terima Tips & Trick Terus Ke Email Anda" 
    <b:widget id='HTML8' locked='false' title='Terima Tips & Trick Terus Ke Email Anda' type='HTML'> <b:includable id='main'> <!-- 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:includable> </b:widget>
  • Maka tambahkan code bewarna biru ini
  • <b:widget id='HTML8' locked='false' title='Terima Tips & Trick Terus Ke Email Anda' 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>
  • Selesai, save template anda. kemudian lihat hasilnya.

  • Jika anda hendak membuat widget tersebut daripada tiada menjadi ada, tricknya mudah sahaja, cuma perlu memasukkan code ini :

    <b:if cond='data:blog.pageType == "item"'>
    HTML Widget yang hendak di munculkan
    </b:if>
    Sebagai contoh cara meletakkan code tersebut adalah seperti ini ;

    <b:widget id='HTML8' locked='false' title='Terima Tips & Trick Terus Ke Email Anda' 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>
    selesai, senang kan? harap anda faham. semoga berjaya semua.
    credit : kolom-tutorial
    **Peringatan, sebelum anda buat trick ini, pastikan anda backup dahulu template anda.

    0 Comments:

    Post a Comment

    Please don't spam on here..