Cara Membuat Effect Label
Sobat Blogger yang berbahagia, beberapa hari yang lalu saya telah membahas effect label yang indah dan full color sekarang ada resep yang paling mudah untuk membuat label dan ringkas di blogger tanpa membebani blog Sobat dengan memberi effect bergerak. Label ini dibuat bergerak (keatas atau ke bawah) dengan catatan Sobat telah mengaktifkan pada sidebar konten label dari fasilitas Blogger. Jika belum aktif silahkan diaktifkan terlebih dahulu sehingga id label akan muncul pada template Sobat, silahkan login ke Blogger, dari menu dasboar pilih rancangan dan tempatkan konfigurasi label pada sidebar yang Sobat kehendaki, klik menu edit pada sidebar yang Sobat pilih, dari menu konfigurasi javascript pilih konten label, aturlah sesuai keinginan Sobat selanjutnya simpan dan klik simpan perubahan js. Lihatlah perubahan blog yang ada.
Kembali pada rancangan dari menu dashboar Sobat, silahkan pilih edit template. Sebelum melakukan perubahan template, silahkan download bakup template terlebih dahulu untuk menghindari kesulitan yang mungkin terjadi. Sebelumnya lihatlah gambar sebagai illustrasinya berikut ini :
Selanjutnya aktifkan kotak expand templat dan carilah menu label seperti berikut ini :
<b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2>
</b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <marquee align='left' direction='up' height='300' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </marquee> </div> </b:includable> </b:widget>
Jika sudah melakukan perubahan simpan dan lihat hasilnya, mudah bukan? semoga Sobat bisa melakukannya dengan baik syarat tliti dan tekun. Tetaplah bersama saya di info toko surya62 yang siap menemani Sobat untuk berblogging ria. Mengais informasi, ilmu dan pengetahuan. Mari majukan bangsa dengan akhlaqul karimah. Happy blogging.
Keterangan :- title ='Labels' adalah judul label yang ada di blog Sobat, silahkan disesuaikan dan kode yang berwarna kuning adalah kode yang harus disisipkan kedalam template Sobat.
- direction='up' adalah text yang berjalan dari bawah keatas;
- height='300' adalah tinggi dari menu;
- scrollamount='2' adalah kecepatan gerakan text, semakin tinggi angkanya maka akan semakin cepat gerakannya.
Sumber : http://supprapto.blogspot.com
No comments:
Post a Comment
Terimakasih Anda telah silaturakhim keblog ini dengan misi didaktik metodik pembelajaran di SMK, sehingga setiap saat dapat berubah sesuai kompetensi Pembelajaran. Silahkan berikan komentar yang sangat berharga demi kemajuan blog ini. Sehubungan dengan hak cipta apabila ada konten Anda disini dengan rendah hati saya mohon ijin memuatnya dan jika tidak berkenan mohon konfirmasinya, Mari berbagi untuk info yang manfaat dan belajar sepanjang hayat, salam sukses buat Anda dan keluarga!!! Klik gambar emoticon berikut jika Anda ingin menggunakannya.