Friday 30 April 2010

Blogumulus, Si Tag WP-Cumulus Dari Wordpress Untuk Blogger

Pernahkah anda memperhatikan bahwa tag (istilah pada wordpress) atau label (istilah pada blogger) terlihat bergerak? Tag/Labelnya berbentuk bola bumi dan bergerak mengikuti pergerakan dari kursor mouse. Jika di Wordpress, anda hanya menginstal plugin WP-Cumulus yang telah tersedia pada server Wordpress, tapi bagaimana dengan blogger yang serba manual? Tentulah jawabannya yaitu anda harus mengedit lagi HTML pada Layout Blogger

Edit HTML merupakan pekerjaan serba teliti. Nah tanpa berbasa basi lagi, kita akan membedah Script HTML pada Blogger kita. Mari ikutilah langkah - langkah ini dengan seksama.
1. Log In ke Blogger anda
2. Pada "Dashboard" Klik "Layout".
3. Setelah itu klik "Edit HTML"
4. Check / Centang box "Expand Widget Templates".
5. Cari kode yang hampir mirip dengan kode dibawah ini:
<b:section class='sidebar' id='newbar' preferred='yes'> (Tiap Theme/Template berbeda penamaannya, biasanya ini merupakan kode html untuk sidebar).
6. Copy and paste kode ini dibawahnya.

Kode 1.
<b:widget id='Label2' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<div id='xsnazzy'>
<b class='xtop'><b class='xb1'/><b class='xb2'/><b class='xb3'/><b class='xb4'/></b><div class='xboxcontent'>
<b:if cond='data:title'>
<h2 style='font-family:arial'>Labels</h2>
</b:if>
<div class='widget-content'><center>
<script src='http://goldenranger.webs.com/jscript/blogumulus_swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.rielthe.co.cc/'>RielThe</a> For <a href='http://www.smartson.co.cc/'>SmartSon</a> and <a href='http://www.smartson.co.cc/'>Smart Son</a></div>

<script type='text/javascript'>
var so = new SWFObject
(&quot;http://goldenranger.webs.com/jscript/blogumulus_tagcloud.swf&quot;,
&quot;tagcloud&quot;, &quot;180&quot;, &quot;180&quot;, &quot;9&quot;,
&quot;#FFFFFF&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='10'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</center></div>
</div><!--xboxcontent-->
<b class='xbottom'><b class='xb4'/><b class='xb3'/><b class='xb2'/><b class='xb1'/></b>
</div><!--end of xsnazzy-->
</b:includable>
</b:widget>
atau Kode 2:

<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://www.rielthe.co.cc/rielthejs/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.rielthe.co.cc/'>RieL The</a> and <a href='http://www.smartson.co.cc'>Smart Son</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://www.rielthe.co.cc/rielthejs/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency, memungkinkan untuk membuat background transparan
//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>
7. Klik "Save Template"
8. Selesai.

Setelah melewati sedemikian rumitnya proses membenah Script HTML, maka Label/Tags anda akhirnya dapat terlihat seperti Tag/Label dari WP-Cumulus pada Wordpress. Demikianlah Tips RichSeason untuk anda hari ini. Thanks to Rielthe.co.cc



Ayo Semangat...!
Percepat download file dengan IDM.6.7.8.1 + Crack

2 komentar:

Unknown said...

nice

Unknown said...
This comment has been removed by the author.