Showing posts with label putar. Show all posts
Showing posts with label putar. Show all posts
Saturday, December 17, 2016
Cara Membuat Label tag Cloud Berputar putar di Blog
Cara Membuat Label tag Cloud Berputar putar di Blog
Selamat pagi sobat semua !!! Dan selamat ber Akhir Pekan ya !!!
Kali ini, aq akan memposting tentang Cara Membuat Label tag Cloud berputar-putar layaknya bumi. Jika sobat tertarik, silahkan sobat simak ya tutorial di bawah ini.
Cara Membuat Label tag Cloud Berputar-putar :
- Login ke blogger.com
- Buka Dasboard Blogger > Template > Edit HTML
- Jangan lupa, centang "Expand Template Widget"
- 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>
- Setelah ketemu sobat copy code berikut ini tepat di bawah kode yang 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>bang zendy by <a href=http://zendyhafitra.blogspot.com/>Roy Tanck</a> and <a href=http://zendyhafitra.blogspot.com>bang zendy</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>
- Klik Simpan template
Keterangan :
- Kode berwarna Merah adalah lebar widget ( bisa sobat sesuaikan sediri )
- Kode berwarna Biru adalah tinggi widget ( bisa sobat sesuaikan sendiri )
Go to link Download
Thursday, November 17, 2016
Cara Membuat Label Kategori Berputar putar Di Blog
Cara Membuat Label Kategori Berputar putar Di Blog
Ide Cemerlang.com - Assalamualaikum, 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..
Sumber script: http://coretan-siperantau.blogspot.com
Go to link Download
Subscribe to:
Posts (Atom)