Lirik Snow Fairy (Opening Fairy Tail)

FAIRY, WHERE ARE YOU GOING
hikari zenbu atsumete
kimi no ashita terasu yo

OH YEAH kikoeten no kako no koe wa?
OH YEAH karetatte sakebu kara
OH YEAH kikoeru made kimi no kokoro ga
OH YEAH OH YEAH

tsuki to taiyou no haitacchi
wasuremono wanai desuka?
okashii na kimi ga inai to
hoshii mono sae mitsukaranai

SNOWING sunao ni
egao ni nareta no wa
futari yorisoi
kasane atta "jikan" ga aru kara
FAIRY, WHERE ARE YOU GOING
hikari zenbu atsumete
kimi no ashita terasu yo

OH YEAH namiuchigawa ni ukabeta kanjou
itsu no manika orenji sae
shiroku kawatteku kisetsu
OH YEAH bokura futari mitsumeteta RAINBOW
ima wa omoide no naga de
nanairo ga yuki ni kawaru

fushigi dana kimi ga warau to
boku wa sukoshi dake tsuyoku narerunda

SNOWING konna ni
hitori furueteru kimi no
soba ni yorisoi
tsutsumi komu koto mo dekizu ni
FAIRY, SLOWLY BUT SURELY
YOU'RE WALKING YOUR WAY,
HANG IN THERE!

warau koto sae
wasureteta boku ni
mahou wo kakete
egao hitotsu de
subete wo kaeta
kimi wa boku wa no FAIRY

SNOWING sunao ni
egao ni nareta no wa
futari yorisoi
kasane atta "jikan" ga aru kara
FAIRY, WHERE ARE YOU GOING
hikari zenbu atsumete
kimi wo terasu yo

SNOWING sunao ni
egao ni nareta no wa
kimi dakara
kimi to datta kara
SNOWING FAIRY
kimi ga kureta hikari
zenbu atsume sakebu yo
SNOW FAIRY

DON'T SAY GOODBYE

»»  Lanjutkan Membaca

Cara Membuat Read More Otomatis di Blog

Kali ini saya yang akan membahas,membantu serta menjelaskan kepada sobat blogger semua tentang " Panduan Cara Membuat "Read More" Otomatis Di Blog ". Fungsi Read More pada sebuah blog adalah penting. Biasanya para blogger memakainya untuk tujuan supaya blognya keliatan lebih rapih dan agar tidak tampak melorot kebawah. Dalam kegunaanya,Read More banyak dicari para blogger. Sebenarnya pemasangan Read More bisa juga dipasang secara manual jika kita memposting sebuah artikel. Namun dalam panduan kali ini, saya akan membantu sobat blogger dalam memasang "Read More" secara otomatis.

Berikut ini adalah langkah-langkah yang bisa sobat tempuh,caranya adalah :

• Login ke blogger
• Klik Template
• Edit HTML
• Centang kotak kecil "Expand widget template"
• Kemudian cari kode </head> bisa dengan menggunakan Ctrl+f
• Kalau sudah ketemu pastekan (Ctrl+v) kode di bawah ini di atas kode tersebut 

<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[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

********************************************/
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>

• Kemudian cari kode <data:post.body/>
• Kalau sudah ketemu ganti kode <data:post.body/> tersebut dengan kode di bawah ini 

<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'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Simpan Template
• Selesai...

Catatan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Sobat juga bisa merubah Tulisan READ MORE dengan tulisan yang sobat inginkan,,,, seperti Lanjutkan dll.

Sekian,,,,

»»  Lanjutkan Membaca

Membuat Daftar menu Pada Blog

Kali ini saya akan membahas membuat Daftar Menu Pada Blog. Daftar Menu ini berfungsi memudahkan Fisitor mencari artikel yang Sobat postkan sesuai dengan labelnya. Caranya:

- Seperti biasa sobat mesti login dulu ke blog sobat
- Silahkan klik Tata letak
- Klik tambah gadget/add gadget
- Klik opsi HTML / Javascript
- Silahkan sobat Copy dan Paste Kode HTML di bawah ini :

<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#f5f5f5;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='http://viecha-ali.blogspot.com/'> Beranda</a></li>
<li><a href='URL label Sobat'> Nama menu (Label)</a></li><li><a href='URL label Sobat'> Nama menu (Label)</a></li>
<li><a href='URL label Sobat'> Nama menu (Label)</a></li>
<li><a href='URL label Sobat'> Nama menu (Label)</a></li>
<li><a href='URL label Sobat'> Nama menu (Label)</a></li>
</ul>                     
</div>

 - Ganti http://viecha-ali.blogspot.com/ dengan URL Blog Sobat

 - Sobat Bisa Ganti  Beranda dengan Judul sesuka sobat semisal Home, Halaman Muka, dll

 - Ganti URL label Sobat semisal http://viecha-ali.blogspot.com/search/label/Unique Spot

 - Ganti Nama menu (Label) dengan Nama Menu yang Sobat inginkan contoh : Unique Spot

 - Sobat juga bisa menambah / mengurangi Munu sobat dengan menambah/ mengurangi  

    <li><a href='URL label Sobat'> Nama menu (Label)</a></li>

Sekian,,,,

»»  Lanjutkan Membaca

Membuat Link Blog Berwarna-warni

Kali ini saya akan membahas membuat Link Berwarna-warni. Sebernarnya hal ini tidak terlalu penting untuk Blog, akan tetapi hanya sebagai hiasan semata. Caranya:

- Seperti biasa sobat mesti login dulu ke blog sobat
- Silahkan klik Tata letak
- Klik tambah gadget/add gadget
- Klik opsi HTML / Javascript
- Silahkan sobat Copy dan Paste Kode HTML di bawah ini :

 <script src='http://ahmad-rifai-tools.googlecode.com/files/rainbow-link-warna-warni.js'/></script> 

Selamat mencoba,,,,

»»  Lanjutkan Membaca

Membuat Kursor Bertaburan Bintang Pada Blog

Kali ini saya akan membahas membuat Kursor Bertaburan Bintang. Sebernarnya hal ini tidak terlalu penting untuk Blog, akan tetapi hanya sebagai hiasan semata. Caranya:

- Seperti biasa sobat mesti login dulu ke blog sobat
- Silahkan klik Tata letak
- Klik Tambah gadget/add gadget
- Klik opsi HTML / Javascript
- Silahkan sobat Copy dan Paste Kode HTML di bawah ini :

<script>
// JavaScript Document<script type='text/javascript'>
// <![CDATA[
var colour="red";
var sparkles=65;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Sekian,,

Semoga bermanfaat

»»  Lanjutkan Membaca

Cara Membuat Animasi Follow Me Pada Blog

Kali ini saya akan membahas membuat Animasi Follow Me pada Blog. Jikalau Sobat mempunyai Twitter Sobat bisa mempromosikan Twitter Sobat melalui Blog. Caranya:

- Seperti biasa sobat mesti login dulu ke blog sobat
- Silahkan klik Tata letak
- Klik Tambah gadget/add gadget
- Klik opsi HTML / Javascript
- Silahkan sobat Copy dan Paste Kode HTML di bawah ini :

<a style="display:scroll;position:fixed;bottom:1px;left:1px;" href="https://twitter.com/viecha95" target="_blank"><object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="159" height="159"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=https://twitter.com/viecha95" /></object></a>

https://twitter.com/viecha95 Sobat ganti dengan URL Twitter Sobat.

Sekian,,,
Semoga Bermanfaat

»»  Lanjutkan Membaca

Cara Membuat Daftar Isi Dalam Bentuk Scroll Box

            Kali ini saya yang akan membahas dan menjelaskan serta membantu sobat blogger semua dalam "Cara Membuat Daftar Isi Blog Dalam Scroll Box". Daftar isi blog merupakan bagian penting yang terdapat pada blog.Tujuan dari dibuatnya daftar isi menurut saya adalah selain untuk melengkapi tampilan blog supaya keliatan tampak lebih profesional juga untuk membantu visitor/pengunjug blog dalam mencari apa yang dicari.
            Dan dalam hal ini akan memudahkan para pengunjung blog tersebut.Coba aja bayangkan jika sobat misalkan berkunjung ke suatu blog dan blog tersebut tanpa adanya daftar isi,mungkin sobat akan kesulitan dalam mencari suatu artikel yang mungkin sedang sobat butuhkan. Memasang daftar isi di blog memang dianjurkan,namun jika isi suatu blog ( artikel ) sudah mencapai ratusan maka daftar isi tersebut besar kemungkinan akan nampak "jelek / berlebihan" dan membuat blog jadi kurang enak dilihat. Nah...untuk mengatasi masalah tersebut,solusinya adalah "bungkus" daftar isi tersebut menggunakan scroll box.Dan untuk mengetahui "Cara Membuat Daftar Isi Blog Dalam Scroll Box" langsung saja sobat blogger ikuti langkah-langkah seperti berikut ini :

Silahkan copy dulu kode HTML di bawah ini :

<center>

<div style="border: 4px solid rgb(0, 0, 0); height: 200px; overflow: auto;">
<link href="http://blogdaftarisi.googlecode.com/files/acc-toc.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://blogdaftarisi.googlecode.com/files/toc.js">
</script>
<script src="http://viecha-ali.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
</div>

<center>

Keterangan :
- Ganti http://viecha-ali.blogspot.com dengan URL/alamat blog sobat
- Height untuk mengatur tinggi daftar isi

- <center> untuk mengatur tata letak daftar isi bisa di ganti dengan <left> rata kanan atau <right> rata kiri

1. Silahkan login dulu ke Blogger
2. Klik Tata Letak
3. Klik Tambah gadget/Add gadget
4. Klik opsi HTML/Java Script,terus paste-kan kode HTML yang telah sobat copy tersebut dan beri judul DAFTAR ISI / BLOG CONTENTS
5. Klik Simpan

Selamat mencoba,

»»  Lanjutkan Membaca