Mungkin banyak temen-temen yang asih pemula ingin menghias dan mempercantik (untuk perempuan) dan memperganteng (untuk laki-laki) hehehe…, sebagai contoh seperti bentuk label / tag seperti yang ada pada blog saya ini, bagus khan, give oplouse ^_^, terus bagaimana cara untuk membuat Tag / Label Berputar yang seperti atom Newton ini ????
Pasti sudah pada nggak sabar… begini nich caranya :
1. Masuk ke dasbor blog anda.
2. Pilih Tata Letak kemudian Edit HTML
3. Centang ”Expand Widget Template”
4. Cari kode berikut :
Mungkin banyak temen-temen yang asih pemula ingin menghias dan mempercantik (untuk perempuan) dan memperganteng (untuk laki-laki) hehehe…, sebagai contoh seperti bentuk label / tag seperti yang ada pada blog saya ini, bagus khan, give oplouse ^_^, terus bagaimana cara untuk membuat Tag / Label Berputar yang seperti atom Newton ini ????
Pasti sudah pada nggak sabar… begini nich caranya :
1. Masuk ke dasbor blog anda.
2. Pilih Tata Letak kemudian Edit HTML
3. Centang ”Expand Widget Template”
4. Cari kode berikut :
<b:section class='sidebar' id='sidebar' preferred='yes'>
Supaya lebih mudah tekan F3 dan paste kode tersebut dan tekan find.
Setelah ketemu masukkan kode di bawah ini setelah kode di atas
<b:widget id='Label100' 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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>and<a href='http://kang-arief.blogspot.com'>Kang Arief</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "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>
5. Simpan Template
Jadi khan, kalau sudah jadi, hasilnya bisa seperti punya saya…
Catatan : Jika belum bisa, coba setting manual dulu pada widget table, pilih option ”cloud”
Kalian juga dapat merubah warna background, teks, tinggi dan lebarnya supaya enak dilihat dengan blog anda. :
Cari tulisan "tagcloud", "240", "300", "7", "#ffffff");
a. 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa anda ganti sesuai lebar widget anda agar lebih rapi),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain , bisa dilihat disini daftar warna
Untuk merubah warna teks cari tulisan
so.addVariable("tcolor", "#ffffff");
dimana , #ffffff warna teks hitam. warna teks lain yang bisa anda gunakan:
0xffffff : warna putih
0xFF0000FFF : warna merah
0x0FFFF0: warna Kuning
0x00FF00: Warna Hijau
0x0FF0FF0 : warna pink
0x00FF0000 : warna biru
0xFFF000 : warna biru muda
0xFFFFFFF : Warna Hitam
Okey semoga sobat bisa mempercantik dan memperganteng blognya masing-masing, Oket MET TRY semoga bermanfaat.
Pasti sudah pada nggak sabar… begini nich caranya :
1. Masuk ke dasbor blog anda.
2. Pilih Tata Letak kemudian Edit HTML
3. Centang ”Expand Widget Template”
4. Cari kode berikut :
Mungkin banyak temen-temen yang asih pemula ingin menghias dan mempercantik (untuk perempuan) dan memperganteng (untuk laki-laki) hehehe…, sebagai contoh seperti bentuk label / tag seperti yang ada pada blog saya ini, bagus khan, give oplouse ^_^, terus bagaimana cara untuk membuat Tag / Label Berputar yang seperti atom Newton ini ????
Pasti sudah pada nggak sabar… begini nich caranya :
1. Masuk ke dasbor blog anda.
2. Pilih Tata Letak kemudian Edit HTML
3. Centang ”Expand Widget Template”
4. Cari kode berikut :
<b:section class='sidebar' id='sidebar' preferred='yes'>
Supaya lebih mudah tekan F3 dan paste kode tersebut dan tekan find.
Setelah ketemu masukkan kode di bawah ini setelah kode di atas
<b:widget id='Label100' 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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>and<a href='http://kang-arief.blogspot.com'>Kang Arief</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "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>
5. Simpan Template
Jadi khan, kalau sudah jadi, hasilnya bisa seperti punya saya…
Catatan : Jika belum bisa, coba setting manual dulu pada widget table, pilih option ”cloud”
Kalian juga dapat merubah warna background, teks, tinggi dan lebarnya supaya enak dilihat dengan blog anda. :
Cari tulisan "tagcloud", "240", "300", "7", "#ffffff");
a. 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa anda ganti sesuai lebar widget anda agar lebih rapi),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain , bisa dilihat disini daftar warna
Untuk merubah warna teks cari tulisan
so.addVariable("tcolor", "#ffffff");
dimana , #ffffff warna teks hitam. warna teks lain yang bisa anda gunakan:
0xffffff : warna putih
0xFF0000FFF : warna merah
0x0FFFF0: warna Kuning
0x00FF00: Warna Hijau
0x0FF0FF0 : warna pink
0x00FF0000 : warna biru
0xFFF000 : warna biru muda
0xFFFFFFF : Warna Hitam
Okey semoga sobat bisa mempercantik dan memperganteng blognya masing-masing, Oket MET TRY semoga bermanfaat.
Comments
Post a Comment