Minggu, 10 November 2013

Tutorial Cara Menampilkan Widget Gadget Pada Halaman Depan di Blog

Tutorial Cara Menampilkan Widget Gadget Pada Halaman Depan di Blog- - -Mungkin anda pernah melihat atau berfikir bagaimana menampilkan Widged atau Gedget pada halaman tertentu diblog, tentu di Dunia Komputer dan Internet hal semacam itu sangatlah mudah.

Dunia Komputer dan Internet kali akan berbagi tips untuk menampilkan halaman tertentu pada blog, mungkin alangkah lebih baik kita langsung kematerinya saja, silahkan simak baik-baik dan teliti sob.

Berikut ini Cara Menampilkan Widget Gadget Pada Halaman Depan di Blog :
1. Login ke Blogger
2. Pilih Menu Template
3. Lakukan Backup template terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan, Pilih Menu Backup/Restore, Klik pada Download Full Template
4. Kalau sudah dibackup, kemudian  Pilih Edit HTML
5. Lakukan pencarian  Gadget yang anda maksud di halaman HTML ini, dengan menekan tombol Ctrl+F dan mengetikkan nama gadgetnya (kalau gadget tidak ada namanya, berilah nama terlebih dulu, masuk melalui menu Layout dari dashboard) atau anda bisa menghapal atau mengetahui widget atau gedget yang akan hilangkan atau tampilka memiliki id html berapa.

Kalau sudah ketemu kode area untuk gadget yang dimaksud (klik pada tanda panah hitam untuk expand kalau kode lengkapnya belum tampil), kemudian  sisipkan kode :  <b:if cond='data:blog.url == data:blog.homepageUrl'> setelah/dibawah kode <b:includable id='main'> , kemudian tambahkan kode penutup tagnya </b:if> di atas kode </b:includable>

Berikut ini adalah contohnya, perhatikan kode yang berwarna merah adalah kode yang ditambahkan, yang berwarna biru sebagai patokan untuk menyimpan atau menyisipkan kode.
<b:widget id='HTML3' locked='false' title='Recent Posts' 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>
6. Kemudian klik Save Template untuk menyimpan, selamat mencoba dan semoga berhasil.

Demikianlah yang dapat disampaikan Dunia Komputer dan Internet mengenai Tutorial Cara Menampilkan Widget Gadget Pada Halaman Depan di Blog, semoga dapat bermanfaat dan bisa menambah wawasan bagi kita semua.

Tidak ada komentar:

Posting Komentar