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.
Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog.
Berikut ini langkah-langkah cara 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
<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 kuning adalah lebar widget, bisa sobat sesuaikan sediri.
- Kode berwarna hijau adalah tinggi widget, bisa sobat sesuaikan sendiri.
6. Klik save
/ simpan template
Catatan:
Apabila label belum muncul sobat setting secara manual
dahulu seperti gambar di bawah ini.
Demikianlah Cara
Membuat Label Berputar-putar Di Blog. Silakan mencoba dan semoga
bermanfaat sobat..
Baca Juga Artikel Menarik Lainnya :
Tidak ada komentar:
Posting Komentar