Membuat Efek Warna Pelangi Pada Link

pada kali ini, saya akan memberitahukan cara memsang link ber efek warna pelangi.
Apa ini? itu lo, jika kita mengarahkan cursor pada sebuah link yang akan berubah warna jadi warna-warni ...

cara membuatnya ..
1. Login dulu ke akun Blogger anda ..
2. Klik Menu Layout lalu klik Edit HTML.
3. Cari kode yang dibawah ini :
       </head>

4. Kemudian letakkan kode dibawah ini diatas kode </head> ..

     <script type='text/javascript'>

//<![CDATA[     var rate = 20;     
if (document.getElementById)    
window.onerror=new Function("return true")
var objActive;      
var act = 0;        
var elmH = 0;      
var elmS = 128;    
var elmV = 255;     
var clrOrg;       
var TimerID;        
if (document.all) 

{    document.onmouseover = doRainbowAnchor;    
document.onmouseout = stopRainbowAnchor;    }    
else if (document.getElementById) {    
document.captureEvents

(Event.MOUSEOVER | Event.MOUSEOUT);    
document.onmouseover = Mozilla_doRainbowAnchor;    
document.onmouseout = Mozilla_stopRainbowAnchor;}     
function doRainbow(obj) 

{    if (act == 0) {    act = 1;    
if (obj)
objActive = obj;    else 

objActive = event.srcElement;    
clrOrg = objActive.style.color;    
TimerID = setInterval("ChangeColor()",100);}

5. Kemudian save/simpan ..

coba anda arahkan cursor anda di salah satu link. Lihat, kalau ada perubahan apa enggak ..

sumber : blogmarza.blogspot.com

Kumpulan Script Tombol Facebook Share

kumpulan script tombol facebook share ...



<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><scriptsrc="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>


<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><scriptsrc="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>


<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><scriptsrc="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>



selamat mencoba ..

Cara Membuat Menu Scroll

membuat menu scroll sangat mudah, hanya dibutuhkan script dibawah ini ..


<div style="overflow:auto;width:310px;height:200px;padding:10px;border:1px solid #eee">

isi

</div>

ini sebagai contoh milik saya ...

Download Game PC :

1. Counter Strike Source

2. Left 4 Dead 2

3. Need For Speed Underground 1

4. Xpand Rally Xtreme

5. Need For Speed Shift

6. Tekken 5 PC

7. Assasin's Creed 2

Membuat Related Post Dibawah Postingan

Beikut adalah cara membuat related post dibawah postingan :

1. Login ke akun blogger anda

2. di Dashbord, pilih Rancangan lalu klik Edit HTML

3. Centang "Expand Widget Template"

4. Cari kode sperti dibawah ini dengan menggunakan CTRL+F ..

<p><data:post.body/></p>

5. Lalu copy kode dibawah ini di bawah kode di atas ..

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Artikel Terkait:</H2>
<DIV class='rbbox'>
<DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<DIV id='albri'/>
<SCRIPT type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</SCRIPT>
</DIV>
<script type="text/javascript">RelPost();</script>
</DIV>
</b:if>

6. Lalu Simpan ..

Note :
tulisan yang berwarna merah bisa diganti dengan ..
Baca Juga :, Baca Juga Ini :, Artikel Terkait :, dsbg ..

Membuat Menu Dropdown

 
untuk membuat menu Dropdown, hanya dibutuhkan script seperti ini :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION> 

<option value="isi dengan alamat yang ingin di tujuh">tulisan di sini yang akan muncul</option> </select></form> 


ini contoh milik saya :

- Download Games - Counter Strike Source Left 4 Dead 2 Need For Speed Underground Need For Speed Shift

selamat mencoba ..

Cara membuat auto Read More pada Blog

Cara membuat auto readmore blogspot adalah sebagai berikut :

1. Cari kode </head> kemudian letakkan kode berikut diatas kode </head>

<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 250; img_thumb_height = 120; img_thumb_width = 120; </script> <script type='text/javascript'>
//<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } }
strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; }
function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; }
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; }
//]]>
</script>

2. Cari kode  <data:post.body/> dan hapus. Kemudian ganti dengan kode berikut 

<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:left'><a expr:href='data:post.url' expr:title='data:post.title' rel='tag'>Read More... </a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

3. Jangan lupa simpan. 

Anda bisa mengedit tampilan auto readmore blogspot anda dengan mengganti kode yang berwarna biru. 

summary_noimg = 250; (jumlah karakter yang muncul jika tanpa image thumbnail) 
summary_img = 250; (jumlah karakter yang muncul jika menggunakan image thumbnail) 
img_thumb_height = 120; (tinggi image thumbnail) 
img_thumb_width = 120; (lebar image thumbnail) 

================================================

sunber: BlogAfif.com

================================================

Membuat efek Marque

Apa itu Marque? Marque adalah program HTML yang bisa membuat teks bisa bergerak.
cara membuatnya mudah, hanya menambahkan script yang dibawah ini :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
marquee dari kanan ke kiri

</MARQUEE> 


ganti kata "left" dengan keinginan anda sendiri, misalnya right(kanan), up(atas), down(bawah) ..
hasilnya ..


marquee dari kanan ke kiri

 
Script Marque yang terdapat linknya :


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://jorjiblog.blogspot.com" target="new">JorjiBlog</a><br/>
<a href="http://jorjiblog.blogspot.com" target="new">JorjiBlog</a><br/>

<a href="http://jorjiblog.blogspot.com" target="new">JorjiBlog</a><br/>

</marquee> 


hasilnya ..



JorjiBlog

JorjiBlog


JorjiBlog

Cara memasang Search Engine

Untuk membuat sebuah Search Engine sangat mudah, karena hanya membuat kode HTML,
scriptnya sepertinya ini :

<form id="searchform" action="http://alamatbloganda.blogspot.com/search" name="searchform" method="get"> <input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>

Note :
Yang perlu diperhatikan adalah tulisan yang "alamatbloganda.blogspot.com" diganti dengan alamat blog anda.
Dan, juga pada tulisan "Search", bisa diganti dengan kata yang anda inginkan misalnya, Cari, Go, dsbg ...

hasilnya ..