Template Blogspot bergaya seperti Template Wordpress,
Blog Blogspot bergaya seperti blog Dot Com.
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.
Antaranya ialah 3 column di bahagian footer saya akan hilang apabila anda masuk ke bahagian full post article. 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 :
- Widget yang muncul di bahagian hadapan (home page shj)
- 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.
- Login ke blogger
- Klik Expand Widget
- Cari code HTML widget yang anda hendak hilangkan.
- Maka tambahkan code bewarna biru ini
- Selesai, save template anda. kemudian lihat hasilnya.
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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div> <b:include name='quickedit'/>
</b:includable>
</b:widget>
<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 != ""'>
<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>
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 != ""'>
<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.
Jika ada apa2 masalah, jgn segan silu untuk bertanya, anda boleh berkomunikasi dgn sy dgn memberikan komen di setiap posting yang berkaitan.