Postinga kali ini saya ingin sedikit share dan mengulas ulang Cara Membuat Lable Berputar di Blog (masukan url cara mmbuat label), cara ini memang sudah tidak asing lagi kand, para blogger pastinya sudah banyak yang mengetahui, tapi siapa tau az diantara kalian masih ada yang kurang paham tentang membuat widget ini, makdar-it saya akan membantu kalian cara membuat’y. Kita langsung az ke pokok pembahasannya.
1. Seperti biasa kalian harus Login dulu ke akun blog kalian
2. Kalu sudah login Pilih Rancangan => klik edit HTML => lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan atau ada baiknya kalian
backup dulu Template nya.
4. Kalian 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 kalian copas atau copy paste code berikut ini tepat di bawah kode yang kalian cari tadi
<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>
Note
- Kode berwarna biru adalah lebar widget, bisa sobat sesuaikan sediri.
- Kode berwarna ungu adalah tinggi widget, bisa sobat sesuaikan sendiri.
6. Klik save / simpan template
Apabila label belum muncul kalian coba setting secara manual dahulu seperti gambar di bawah ini.
Semoga bermanfaat.
Good luck. Jangan lupa di comment.
Tidak ada komentar:
Posting Komentar
Silahkan berikan komentar agar penulis bisa memperbaiki kesalahannya.