Copy and paste in your website

<div align="center">
<div  style="background: #3300CC; border: 2px solid #FF3300; width: 300; height:auto;  -moz-box-shadow: 0px 0px 20px #FF3300; -moz-border-radius: 10px; ">
<b style="COLOR:#FFFF00; FONT-SIZE:38; font-family: forte; text-shadow: 2px 2px 5px #000;"><a href="http://blogger-kbk.blogspot.com/" target="_blank"> Blogger KBK</a></b>
<br/><br/>

<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="10" style="background:#000; border-top:2px solid #FF3300 ; border-bottom:2px solid #FF3300; COLOR:#FFF;">');
var i;
for (i = 5; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://blogger-kbk.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>

<div align="center" style="margin-top: 15px; margin-bottom: 15px">
<blink ><b  style=" background: #000; border: 2px solid #FF3300;  height: 180;  -moz-box-shadow: 0px 0px 20px #FF3300; -webkit-box-shadow: 0px 0px 20px #FF3300; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding:5px; "><a href="http://blogger-kbk.blogspot.com/search/label/Blog%20Trick" target="_blank">Tutorial Blog Kubang kondang</a></b></blink>
</div></div></div>

<div align="center">
<div  style="background: #3300CC; border: 2px solid #FF3300; width: 300; height:auto;  -moz-box-shadow: 0px 0px 20px #FF3300; -moz-border-radius: 10px; ">
<b style="COLOR:#FFFF00; FONT-SIZE:38; font-family: forte; text-shadow: 2px 2px 5px #000;"><a href="http://blogger-kbk.blogspot.com/" target="_blank"> Blogger KBK</a></b>
<br/><br/>

<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="10" style="background:#000; border-top:2px solid #FF3300 ; border-bottom:2px solid #FF3300; COLOR:#FFF;">');
var i;
for (i = 5; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://blogger-kbk.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>

<div align="center" style="margin-top: 15px; margin-bottom: 15px">
<blink ><b  style=" background: #000; border: 2px solid #FF3300;  height: 180;  -moz-box-shadow: 0px 0px 20px #FF3300; -webkit-box-shadow: 0px 0px 20px #FF3300; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding:5px; "><a href="http://blogger-kbk.blogspot.com/search/label/Blog%20Trick" target="_blank">Tutorial Blog Kubang kondang</a></b></blink>
</div></div></div>

rumahku sorgaku

» » Cara Membuat Show-Hidden Box di Widget Blogspot

Cara Membuat Show-Hidden Box di Widget Blogspot

<script type='text/javascript'>
  if(typeof(rnd) == 'undefined') var rnd = '';
  rnd = Math.floor(Math.random()*1000);
  rnd = 'id-' + rnd;
  document.write('<a href="#" onclick="tmp = document.getElementById

(&quot;' + rnd + '&quot;);

tmp.style.display = (tmp.style.display == &quot;none&quot;) ?

&quot;block&quot; : &quot;none&quot;; return false;">');
  </script>
  <center>
  <div style="background:#b3c8ce

url(http://1.bp.blogspot.com/_2ye1u3ms7LI/S8mUZgw3IgI

/AAAAAAAAADk/OjYzr5AlHFI/s320/

Untitled-55-copy.gif)

left top repeat-x;width:260px;padding:2px 0;">
  <p style="background:#98d6e5 url

(http://i964.photobucket.com/albums/ae124/gubhugreyot

/background/bgBlueFadeV71H1.gif)

left top repeat-x;

font-size:14px;font-weight:bold;color:#012750;

font-family:Tahoma;padding:4px;border:1px solid #333;margin:5px;">

Judul/Nama Widget<br />
  <img src="http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10

/template-GR/Show-HideH115V34.jpg"

width="112" height="28" style="margin:2px auto;" /></p>
  <script type='text/javascript'>
  document.write('<div id="' + rnd + '" style="display:none;padding:8px;

background:#e1eaf1;margin:0 5px 8px;">');
  </script>

Letakkan widget yang akan di sembunyikan di sini!

<script type='text/javascript'>
  document.write('<\/div>');
  </script>
  </div>
  </center>

Langkah

1. Silahkan Copy Kode diatas

2. Login ke Blogger Anda
3. Setelah masuk di halaman Dasboard, arahkan ke Design/Rancangan.
4. Kemudian: KLIK Add Gadget/Tambah Gadget
5. Pilih HTML/Javascript.
6. Pastekan seluruh Javascript yang di copy tadi kedalamnya
7. KLIK SAVE/Simpan, kemudian lihat hasilnya dengan membuka blog.

0

Silahkan Tulis Komentar Anda ...

Blogger KBK

Tutorial Blog Kubang kondang

© Blogger Kubangkondang