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 perbloggeran 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>
<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.
Selamat Mencoba dan Good luck !!!
Comments :
0 komentar to “Cara Membuat Link Berwarna Pelangi”
Posting Komentar