Ryan Jabat

Monday, 11 June 2012

Cara Membuat Link Berwarna Pelangi

Hai Sobat. Bertemu lagi nih dengan saya, semoga saja
anda ga merasa bosan. Hari ini saya mau berbagi dengan
sobat-sobit semua, biasa, terutama buat blogger pemula
biar sama-sama dengan saya kita ramaikan suasana per-
bloggeran Indonesia. Mungkin ada diantara anda yang
ingin mencoba menerapkannya di blog, yaitu 'Link
Berwarna Pelangi'. Kalau anda belum tahu cara
membuatnya, ikuti langkah-langkahnya berikut ini :

1. Cara Pertama :

-  Dalam Dasbor, klik Edit HTML.
-  Download dahulu template anda
   sebagai antisipasi kalau-kalau anda
   salah meng-klik, bukan pratinjau yang di klik
   tetapi malah simpan template yang anda klik.
-  Sebelumnya anda copy dahulu kode di bawah ini :

<script language='javascript' src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/LinkPelangi.js'/>.

-  Terus cari kode  <head>
-  Kalau sudah ketemu, paste-kan kode yang anda
   copy tadi persis di bawah kode  <head> ini.
-  Pratinjaulah dahulu, baru simpan template anda.


2. Cara Kedua :

-  Masih di Dasbor, klik Edit HTML.
-  Seperti tadi, jangan lupa download dahulu template
   anda. dan copy kode di berikut ini :

<script language='javascript' src='http://coretanfelix.googlecode.com/files/rainbow.js'></script>

-  Terus cari kode </head>
-  Kalau sudah, letakkan kode yang anda copy tersebut
   di atas kode </head> ini.
- Pratinjau, terus simpanlah template anda.

3. Cara Ketiga :

-   Pada areal Dasbor, klik Tambah gadget, pilih HTML/
    Javascript.
-  copy terlebih dahulu kode di bawah ini :

</style>
<script src='http://enes-sc.googlecode.com/files/tabview.js' type='text/javascript'></script>
<script src='http://roele112.googlepages.com/rainbow.js' type='text/javascript'></script>
<link href='http://i814.photobucket.com/albums/zz65/arzaqnie09/newblueeleganttemplatexxxx.gif' rel='shortcut icon'/>
<script type='text/javascript'>
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
 if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

</script>


-   Paste-kan kode tersebut ke dalam kontennya.
-  Terakhir, simpan, selesai.

*  Gimana hasilnya ? Mudah-mudahan anda puas.

Related Posts by Categories

0 comments: