Alangkah Indahnya apabila blog kita tampil lebih wah dan terlihat lebih menarik. Memang sulit tapi kita tentu tidak boleh menyerah untuk belajar, belajar dan belajar. sebenarnya banyak cara untuk meningkatkannya. dari mulai mengganti template. sampai menambahkan widget.
Di Posting kali ini. kita akan belajar Cara membuat tampilan blog kita menjadi lebih indah lewat tambahan widget label berputar pada blog. dan label berputar pada blog ini sangalah unik. anda bisa lihat sendiri jika anda sudah menyelesaikannya.
Dikesempatan kali ini kita akan memperhatikan bersama bersama onnetzblog tentang bagaimana cara membuat Label berputar pada blog. kamu bisa lihat hasil cara membuat label berputar pada gambar diatas. ataupun di berbagai blog yang sering kamu kunjungi.
Bagaimana Cara Membuat Label berputar pada blog ?
Caranya Sangatlah mudah. dan semua akan mudah jika anda mengikuti instruksi yang diberikan oleh onnetzblog. mari kita ubah bersama sama.
Di Posting kali ini. kita akan belajar Cara membuat tampilan blog kita menjadi lebih indah lewat tambahan widget label berputar pada blog. dan label berputar pada blog ini sangalah unik. anda bisa lihat sendiri jika anda sudah menyelesaikannya.
Dikesempatan kali ini kita akan memperhatikan bersama bersama onnetzblog tentang bagaimana cara membuat Label berputar pada blog. kamu bisa lihat hasil cara membuat label berputar pada gambar diatas. ataupun di berbagai blog yang sering kamu kunjungi.
Bagaimana Cara Membuat Label berputar pada blog ?
Caranya Sangatlah mudah. dan semua akan mudah jika anda mengikuti instruksi yang diberikan oleh onnetzblog. mari kita ubah bersama sama.
1. Login ke Akun blog yang anda kelola
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'> ( kalau mau lebih cepat nyarinya pakai F3 klo ngga pake Ctrl + F aja.)
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode 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'/>
<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>
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'> ( kalau mau lebih cepat nyarinya pakai F3 klo ngga pake Ctrl + F aja.)
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode 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'/>
<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 Merah adalah lebar widget, bisa sobat sesuaikan sediri.
- Kode berwarna Biru adalah tinggi widget, bisa sobat sesuaikan sendiri.
- Cara ini tidak berlaku untuk semua template
Ada pertanyaan tentang bagaimana Cara Membuat Label berputar pada blog ?
Bagi anda yang ingin bertanya tentang hal ini. silahkan anda berkomentar dibawah. atau menghubungi akun saya. insya Allah kita akan berbagi bersama.
happy blogging kawan.
#berbagiituindah
Terima Kasih Atas Kunjungan Anda
DITULIS OLEH Mashudi
Jika mengutip harap berikan link yang menuju ke artikel Cara Membuat Label berputar pada blog ini. Jika artikel ini bermanfaat, ajak kawan mu untuk ambil manfaatnya. Terima kasih atas perhatiannya, baca juga yang lainnya yah.
DITULIS OLEH Mashudi
Jika mengutip harap berikan link yang menuju ke artikel Cara Membuat Label berputar pada blog ini. Jika artikel ini bermanfaat, ajak kawan mu untuk ambil manfaatnya. Terima kasih atas perhatiannya, baca juga yang lainnya yah.
Tag :
Tips dan tricks Blogger
0
Comments
