Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Selasa, 06 Maret 2012

Cara Membuat Label Berputar Di Blog

10.03

menghias dunia

Cara Membuat Tag Cloud, Label Berputar Di Blog - Bagaimana cara membuat tag cloud berputar pada blog atau label berputar? Nah berikut ini adalah hasil dari apa yang aku pelajari , yaitu membuat tag cloud bisa berputar.. dapat anda lihat dibawah ini, adalah salah satu contoh hasil setelah selesai

Dan sebelum kamu nyoba bikin label berputar, mending kamu download template punyamu dulu.

LANGKAH LANGKAHNYA SBB:

1. Login ke blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Pilih kode : <b:section class='sidebar' id='sidebar' preferred='yes'>( kalau mau lebih cepat nyarinya pakai F3 aja.
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode ini

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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", "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. Sebelum kamu save, alangkah baiknya kamu priview dulu, kalau dah berhasil , baru kamu save .

DAPAT JUGA DIRUBAH WARNA BACKGROUND MENURUT KESUKAAN MASING MASING.

NOTE : Tidak semua template dapat mendukung untuk dikasih tag cloud.

Read more »

Posted in: Tutorial Blog

Sabtu, 03 Maret 2012

Cara Membuat Text Seperti Di Ketik

10.05

menghias dunia

No comments

Ini Script Cara Membuat Text Seperti Di Ketik

<script language="JavaScript">
var text="**^_^TEXTNYA KETIK DISINI:)**";
var delay=10;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script>
<b><div id="textDestination" style="background-color: #ffffff; style=" font: 10px arial; color: #ff0000; margin: 0px;"></div></b>

<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>

Read more »

Posted in: Tutorial Blog

Rabu, 29 Februari 2012