Jika pada artikel sebelumnya HM membahas tentang Cara Membuat Widget Tampil Pada Halaman Muka. Sekarang HM mau membahas tentang Cara Membuat Widget Tampil pada Halaman Selanjutnya. Cara pembuatannya sebenarnya tidak jauh beda dengan cara sebelumnya, hanya ada sedikit perubahan pada kode yang telah ada. Bagaimana cara membuatnya, berikut langkahnya :
1. Login ke Blogger
2. Pilih Template, lalu klik Edit HTML
3. Centang Expand Template Widget
4. Cari kode dibawah ini :
Ini contoh widget yang ada pada kolom Sidebar
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML7' locked='false' title='' 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>
Kode yang berwarna merah adalah kode yang harus anda tambahkan
5. Klik Pratinjau
6. Jika sudah bagus, klik Simpan
Demikian artikel HM tentang Cara Membuat Widget Tampil Pada Halaman Selanjutnya, semoga bisa membantu dan bermanfaat. Terimakasih...
1. Login ke Blogger
2. Pilih Template, lalu klik Edit HTML
3. Centang Expand Template Widget
4. Cari kode dibawah ini :
Ini contoh widget yang ada pada kolom Sidebar
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML7' locked='false' title='' 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>
Kode yang berwarna merah adalah kode yang harus anda tambahkan
5. Klik Pratinjau
6. Jika sudah bagus, klik Simpan
Demikian artikel HM tentang Cara Membuat Widget Tampil Pada Halaman Selanjutnya, semoga bisa membantu dan bermanfaat. Terimakasih...
0 comments:
Post a Comment