Salam blogging sobat-sobat ku semua, kali ini
saya sedikit share tentang cara membuat label berputar-putar di blog, cara ini
sudah banyak di bahas oleh master-master blog terdahulu.
Disini saya hanya mengulas ulang, siapa tahu
ada sobat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin
mempraktikkan di blog sobat. Dengan menggunakan cara ini tampilan widget label
akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar,
karena lebar dan panjangnya bisa sobat sesuaikan sendiri.
Saya kira cukup
sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara
membuat label berputar-putar di blog.
Tahapan
membuat label berputar-putar di blog:
1. Seperti biasa sobat
harus login dulu di akun blog sobat
2. Pilih rancangan /
desing dan klik edit HTML dan lanjutkan
3. Centang "Expand
Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode
berikut:
- Untuk template lama cari kode ini:
<b:section class='sidebar' id='sidebar'
preferred='yes'>
- Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>
5. Setelah ketemu sobat
copy paste code berikut ini tepat di bawah kode yang
sobat cari tadi
Di
bawah ini codenya
<b:widget
id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Keterangan:
- Kode berwarna biru adalah lebar widget, bisa sobat
sesuaikan sediri.
- Kode berwarna kuning adalah tinggi widget, bisa sobat
sesuaikan sendiri.
6.
Klik
save / simpan template
7. Lihat hasilnya
Itulah sobat cara membuat label berputar pada blog, yang akan memperindah blog sobat dan lebih variatif. Selamat
mencoba, Wassala..m!!
Tidak ada komentar:
Posting Komentar