Tutorial : Button Visit Counter (Datang Kali Yang ke Berapa)

Awak visit sini dah kali!

Kadang-kadang bila tukar theme blog ni boleh mengelirukan visitor tau. 

'Eh aku pernah masuk ke blog ni?'

'Eh blog baru ke? Dah follow ke belum ekk..'

Jadi Yura memperkenalkan button yang tak boleh di tekan ni.

Korang boleh tukar color background ,font mengikut cita rasa.
Perkataan pon boleh di ubah.

Contohnya mcam :

Alien mendarat [2] kali

Suka awak [ 10 ] peratus

dan macam-macam lagi. Ikut creativity awak lah ye..


HIJAU - warna background
MERAH- warna font/tulisan
PURPLE - warna border sekeliling

Click sini untuk code warna 

  • Dashboard > Layout > Add a gadget >HTML/Javascript
  • Copy semua kod di bawah dan pastekan dalam kotak HTML/Javascript tersebut.
<style>

#credittohelpdesign{background: #cce5e5;color:#fff;padding:3px; font-family:tahoma; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 3px;border:1px solid #b7dbdb;position:fixed;z-index:1338; warning;top:72px;right:3px;}</style> <div id="credittohelpdesign">Awak visit sini dah <script language=javascript>function getCookieSlsv (offset) {var endstr = document.cookie.indexOf (";", offset);if (endstr == -1)endstr = document.cookie.length;return unescape(document.cookie.substring(offset, endstr));}function GetCookie (name) {var arg = name + "=";var alen = arg.length;var clen = document.cookie.length; var i = 0;while (i < clen) {var j = i + alen;if (document.cookie.substring(i, j) == arg)return getCookieSlsv (j);i = document.cookie.indexOf(" ", i) + 1;if (i == 0) break;}return null;}function SetCookie (name, value) {var argv = SetCookie.arguments;var argc = SetCookie.arguments.length;var expires = (argc > 2) ? argv[2] : null;var path = (argc > 3) ? argv[3] : null;var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false;document.cookie = name + "=" + escape (value) +((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +((path == null) ? "" : ("; path=" + path)) +((domain == null) ? "" : ("; domain=" + domain)) +((secure == true) ? "; secure" : "");}function DeleteCookie(name) {var exp = new Date();FixCookieDate (exp); // Correct for Mac bugexp.setTime (exp.getTime() - 1); // This cookie is historyvar cval = GetCookie (name);if (cval != null)document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();}var expdate = new Date();var num_visits;expdate.setTime(expdate.getTime() + (365*24*60*60*1000));if (!(num_visits = GetCookie("num_visits")))num_visits = 0;num_visits++;SetCookie("num_visits",num_visits,expdate);document.writeln("<font face=verdana color=ffffff>"+num_visits+"</font>"); </script> kali!</div>

  • Kalau nak adjust kotak bagi bawah sikit, tukarkan 72 kepada yang lebih besar. Mcm 100 ke. Kalau nak ke atas sikit ,kurang kan nombor 72 tu .
  • Kalau nak bagi ke kiri , tukarkan RIGHT tu jadi LEFT
  • Kalau nak dia fix (maksudnya kalau scroll pon dia x ikut) ,tukar FIXED ke ABSOLUTE
  • Lepas tu SAVE :)


Tutorial : Star Drop

  

Aigoo .. aigoo...tuto lagihh..



Haha rasanya ramai dah tau tuto ni, tapi Yura nak share jugak. Hiks ~

  • Dashboard > Layout > Add a gadget >HTML/Javascript
  • Copy semua kod di bawah dan pastekan dalam kotak HTML/Javascript tersebut.


<script type="text/javascript">
// <![CDATA[
var colour="#01DFD7";
var colour3="#FE2EF7";
var sparkles=70;
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);
var rats=createDiv3(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rlef=createDiv3(1, 5);
var rdow=createDiv(5, 1);
var rdow=createDiv3(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);
} function createDiv3(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=colour3;
return (div);
}
// ]]>
</script>


  • Tukarkan warna kalau uolls nak. Yang Yura boldkan warna biru tu ,code untuk warna star. Yang warna purple tu pulak bila star tu drop. Tak tau code? Ambil kat sini.
  • Jadi tak? Kalau jadi bagi Yura link blog awak. Nak usha. Hiks~

Tutorial : 3 Messages In Your Tab


10 pcs/lot 10 colors New Cute Cartoon Colorful Gel Pen Set Kawaii Korean Stationery Gift Free shipping 050 $6.85

Assalamualaikum. Minta maaf semua sbb tak update2 pon tuto . So sorry.
Ok just nak show kat korang tuto ni pulak.

Btw untuk yg maybe terlepas mana2 tuto sebelum ni boleh check kat

"LATEST ENTRY"

OKKK ~
Jom bertuto!


  • Dashboard > Layout > Add a gadget >HTML/Javascript
  • Copy semua kod di bawah dan pastekan dalam kotak HTML/Javascript tersebut.
<script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = "WELCOME !!";tb8_messages[1] = "FOLLOW ME!";tb8_messages[2] = "FOR NEW TUTO";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()
</script>
  • Tukarkan ayat yng Yura boldkan tu mengikut cita rasa k. And jangan lupa save!

Double Move Image Effect



Try touch me ~
Assalamualaikum semua.


Ok harini nak share tuto baru sket. Tak perlu cerita banyak , cuba sentuh gambar kat atas. Yes,great.
Itu lah tuto hari ni. Hehe..

Ok lets start!

  • Dashboard > Template > Edit Html > Click icon yang mcm ►> Ctrl+F  (Pastikan anda click dlm box html dulu sebelum tekan Ctrl+F ) > masukkan code dibawah dan ENTER
a:visited {

  • Copy (Ctrl + C) code di bawah 
a.img {
animation:  1s ease-out;
-moz-animation: 1s ease-out;
-webkit-animation:  2s ease-out;
-o-animation:  1s ease-out;
 border-radius: 5px;
  -moz-box-shadow: -2px -2px 11px #ADADAD;
-webkit-box-shadow: -2px -2px 11px #ADADAD;
box-shadow: -2px -2px 11px #ADADAD;}
img:hover {
animation: meninas3 0.4s ease-out;
-moz-animation: meninas3 0.4s ease-out;
-webkit-animation: meninas3 0.4s ease-out;
-o-animation: meninas3 0.4s ease-out;}

@-webkit-keyframes  meninas3
{0% {-webkit-transform: translate(0px) rotate(0deg) scale(1.3); }
50% {-webkit-transform:  translate(-10px) rotate(0deg); scale(1.3); }
100% {-webkit-transform:  translate(10px) rotate(0deg); scale(1.3); }}
@-moz-keyframes  meninas3
{0% {-webkit-transform: translate(0px) rotate(0deg) scale(1.3); }
50% {-webkit-transform:  translate(-10px) rotate(0deg); scale(1.3); }
100% {-webkit-transform:  translate(10px) rotate(0deg); scale(1.3); }}
@-o-keyframes  meninas3
{0% {-webkit-transform: translate(0px) rotate(0deg) scale(1.3); }
50% {-webkit-transform:  translate(-10px) rotate(0deg); scale(1.3); }
100% {-webkit-transform:  translate(10px) rotate(0deg); scale(1.3); }}

  • Paste kan (Ctlr+V) code atas tadi di ATAS code yang a:visited { tadi
  • Dan preview. Kalau tak jadi apa2 dan takde ERROR boleh lah SAVE !
  • Kalau jadi atau tak jadi bagi tau ye, mungkin Yura boleh perbaiki code yang salah :)

NAKAHIME IS BACK AGAIN


Assalamualaikum semua...... wuhuuuuuuuuuuuu.
Dah habis satu sem ah alhamdulillah.
Maaf semua2..Maybe ada yang kat sini dah lupa sapa Yura and sejak bila aku follow si Yura ni?

Ok utk pertama-tamanya ,Yura nak mintak maaf sebab private blog.
Yura takut ada yg tanya soklan coding2 ni, nnt Yura x jwb pulak kata kita sombong. I am so busy studying and i dont have time to bukak this blog tsk..tsk..

And bila dah bukak balik blog ni,
it was like..wow ni blog aku ke..
Bukan nak riak, take any pride or takabur or ujub
Yeah i am absolutely forgot all sort of codes that i had teach u guys before
it was like, my brain is almost karat to think it back ..
I dont know what to say, rasanya Yura perlu kan masa utk godek2 balik semua code2 kat tuto.
I am so so so sorry again... gomene...

And if lah kat mana2 tuto or freebies yg graphic dia tetiba cam error something, just let me know k. TQ so much kepada yang ,menanti tuto Yura. InsyaAllah, Yura akan share tuto baru pas ni, Wink wink..

Flying Text Tutorial



FLYING TEXT TUTORIAL !!


Smart kan ! Jom buat!
Kalau tak nampak sila reload
  • Dashboard > Layout > Add a Gadget > HTML/Javascript
  • Copy semua code kat bawah ni dan paste kat dalam kotak HTML/Javascript tu
<script>//set style for NS4 to ''if (document.layers)var ns4def=''</script>
<h2 id="flyin" style="position:relative;left:-800px;font-style:italic" style=&{ns4def};>AYAT AWAK KAT SINI !!</h2>

<script language="JavaScript1.2">
/*Fly-in Header script (credit must stay enclosed)By javascriptkit.comFor this and over 400+ JavaScripts,Visit http://www.javascriptkit.com*/

if (document.getElementById||document.all)var crossheader=document.getElementById? document.getElementById("flyin").style : document.all.flyin.style
function animatein(){if (parseInt(crossheader.left)<0)crossheader.left=parseInt(crossheader.left)+20+"px"else{crossheader.left=0crossheader.fontStyle="normal"clearInterval(start)}}
if (document.getElementById||document.all)start=setInterval("animatein()",50)

</script>
  • Lepas tu Save! 
  • Cuba tengok terbang tak? kalau tak nampak try reload lagi ye.

Moon Floating In The Blog

Assalamualaikum, hai semua.
Hari ni kita buat tuto bulan terapung-apung dalam blog.
Mungkin ramai yg dah tau, tp bg yang belum...meh lah cuba tuto ni.
insyaAllah berhasil.
Jom mula :)

  • Dashboard > Layout > Add a Gadget > HTML/Javascript
  • Copy semua code kat bawah ni dan paste kat dalam kotak HTML/Javascript tu
<script type="text/javascript">/*THIS CODE WAS EDITED BY IREVERENT,IF YOU USE IN A TUTORIAL CREDIT ME PLASE*/
// Set the colors for the snow. Add/remove as many colors as you like //var snowcolor=new Array("#ffffff","#c2a5ac","#c5dce2","#cccccc","#ff003b")
var snowmax=40var snowtype=new Array("Times")var snowletter="☾"var sinkspeed=0.3var snowmaxsize=15var snowminsize=12var snowingzone=1
// Do not edit below this line //var snow=new Array()var marginbottomvar marginrightvar timervar i_snow=0var x_mv=new Array();var crds=new Array();var lftrght=new Array();var browserinfos=navigator.userAgentvar ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)var ns6=document.getElementById&&!document.allvar opera=browserinfos.match(/Opera/)var browserok=ie5||ns6||opera
function randommaker(range) {rand=Math.floor(range*Math.random())return rand}
function initsnow() {if (ie5 || opera) {marginbottom = document.body.scrollHeightmarginright = document.body.clientWidth-15}else if (ns6) {marginbottom = document.body.scrollHeightmarginright = window.innerWidth-15}var snowsizerange=snowmaxsize-snowminsizefor (i=0;i<=snowmax;i++) {crds[i] = 0;lftrght[i] = Math.random()*15;x_mv[i] = 0.03 + Math.random()/10;snow[i]=document.getElementById("s"+i)snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]snow[i].size=randommaker(snowsizerange)+snowminsizesnow[i].style.fontSize=snow[i].size+'px';snow[i].style.color=snowcolor[randommaker(snowcolor.length)]snow[i].style.zIndex=1000snow[i].sink=sinkspeed*snow[i].size/5if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)snow[i].style.left=snow[i].posx+'px';snow[i].style.top=snow[i].posy+'px';}movesnow()}
function movesnow() {for (i=0;i<=snowmax;i++) {crds[i] += x_mv[i];snow[i].posy+=snow[i].sinksnow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';snow[i].style.top=snow[i].posy+'px';
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}snow[i].posy=0}}var timer=setTimeout("movesnow()",50)}
for (i=0;i<=snowmax;i++) {document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")}if (browserok) {window.onload=initsnow}
</script>

  • Lepas tu Save! 
  • Menjadi tak? Huhu kalau menjadi, let me know ^^

Twitter Ques : Nak Buat Awan Gerak-gerak?



Assalamualaikum! 
Interesting tuto today.
Hahah so suddenly eh...
 I am just in the middle of exam, but how do i say...
I just cant hold it anymore..
My follower ask me for this tuto
How could I just ignore it...huhu..

Ok selesai sudah sesi  meluahkan perasaan.
Mari mulakan tuto.
This question is from Miss Shasya .
Ok lets do this ;)

  • Dashboard > Layout > Add a Gadget > HTML/Javascript
  • Copy semua code kat bawah ni dan paste kat dalam kotak HTML/Javascript tu


<div style=" background-image: url(''); top: 10px; left:0px; width: 100%; height: 50px; z-index: 100; position: absolute;"> <marquee direction="left" scrollamount="3"> <img src="http://static.tumblr.com/yqaaqpd/G8Cm0bx2b/taahdfy.png" /></marquee></div>
<div style=" background-image: url(''); top: 10px; left:0px; width: 100%; height: 40px; z-index: 100; position: absolute;"> <marquee direction="right" scrollamount="3"> <center><img src="http://static.tumblr.com/yqaaqpd/G8Cm0bx2b/taahdfy.png" /></center></marquee></div>

<div style=" background-image: url(''); top: 10px; left:0px; width: 100%; height: 50px; z-index: 100; position: absolute;"> <marquee direction="left" scrollamount="3"> <img src="http://static.tumblr.com/yqaaqpd/G8Cm0bx2b/taahdfy.png" /></marquee></div>
<div style=" background-image: url(''); top: 10px; left:0px; width: 100%; height: 40px; z-index: 100; position: absolute;"> <marquee direction="right" scrollamount="3"> <center><img src="http://static.tumblr.com/yqaaqpd/G8Cm0bx2b/taahdfy.png" /></center></marquee></div>


  • Kalau nak awan tu scroll bersama, korang leh tukar perkataan yang di-BIRU kan tu kepada "fixed"
  • Lepas tu Save! 
  • Menjadi tak? Huhu kalau menjadi, let me know ^^ Nak usha gak ihihi...

Anything to ask, just tweet me here

MR & MRS Hafiezy Mini Giveaway !

Rebut peluang menang Wang tunai RM50 : Top Refferal, Wang Tunai RM50 : Best Wishes , Monopod x 2 : Random.Org , 100 pcs Namecard Blog Vanilla & Chocolate + Bookmark . Siapa yang berminat sila tekan banner di atas . Terima kasih :)

Assalamu'alaikum w.b.t
True love is hard to get and hard to forget.
Throughout history,people have witnessed true and eternal love stories that knows no boundaries and beyond the mere phrase of a "I love you" .
Prophet Adam a.s and Siti Hawa, Prophet Yusuf and Zulaikha, Prophet Muhamad pbuh and Khadijah are a few epitomes that can truly define true,sacred and eternal love that is indeed under the blessings of God.
Hence,in commemoration of your wedding anniversary, I would like to congratulate both of you.
May your wedding lasts forever in the guidance of Allah. May both of you help each other out and be there for one another through thick and thin, in hardships and in ease in storm and in spring. May Allah bless both of you always. Happy Anniversary!

Unprivate And Congratulation.. Nakahime miss u guys!!


Assalamualaikum...

Rindunya!! Rindu nak ber-blog macam dulu!!!
Mid-sem baru berlalu~
And Yura tau adik2 kita tengah cuti sekolah.. i am kinda jelly to uolls dpt cuti panjang..
K fine.. back to our title.. ye mmg tajuk tu panjang sangat..
Boleh buat karangan an..

Tahniah awak awak awak yang menang dapat jadi Partner Blog Nakahime
Hopefully dapatlah naikkan page viewer awak awak yang menang!!
And Yura baru je letak BUDDIES yang baru jugak.
Siapa tu??
Awak boleh tekan kat atas *kalau awak nampak*

I am so sorry coz private blog..
Kali ni tak private dah
NEW TUTORIAL coming soon..

Eh i just added something like cloud kat header~ :'D

Segmen Nakahime Bloglist Until 2015


[ This Is Sticky Post Until 31/January ]



Alhamdulilah dengan kerjasama Cerita Markonah
Yura nak buat segmen untuk Bloglist pula.

Tahniah kepada pemenang haritu sbb join segmen Gathering Time With Nakahime.
Pemenang berjaya masuk senarai BUDDIES blog ini dan blog anda di-review sekali.

Segmen kali ini lain pula.
Cuba tengok sidebar Partnership di situ.
10 orang yg bertuah yang join Segmen ni akan terpilih utk disenaraikn dalam sidebar tersebut.
3 orang lagi masuk senarai BUDDIES.

Kelebihan join :

  • Insya Allah page viewer meningkat
  • Insya Allah visitor blog Nakahime akan singgah ke blog anda sekali
  • Insya Allah naik kan sekali earning korang
  • Yura follow balik semua blog yang dah join
  • Bloglist sampai 2015 !!!!!

Syarat join :
  • Follow blog ni
  • Follow Twitter ini
  • Follow insta Yura sini
  • Tu je..kalau awak takde insta or twitter, bg tau ye


Cara nak join :
  • Buat post tajuk : Segmen Nakahime Bloglist Until 2015 
  • Ambil gambar kat atas dan backlink kan ke sini.
  • Serta kan satu keping gambar (tak kisah gambar bias korang ke,cartoon ke,or gambar anda sendiri yang menutup aurat) kat dalam post korang.
  • Link kan post ke kotak komen blog Nakahime. Tu je :)

HOPEFULLY RAMAI LAH YANG DAPAT JADI BLOGLIST BLOG NI!!
INSYA-AllAH...
Jika penyertaan kurang 10 orang, automatik semua peserta dikira pemenang.
Kenapa kena sertakan gambar?
Surprise !!!!!!!!



Shocking Image Hover


Try touch me ~
Assalamualaikum semua.
Hari ni dah hari Rabu huwahhhh, ahad ni balik asrama :'(

Ok harini nak share tuto lain pulak. Tak perlu cerita banyak , cuba sentuh gambar kat atas. Yes,great.
Itu lah tuto hari ni. Hehe..

Ok lets start!

  • Dashboard > Template > Edit Html > Click icon yang mcm ►> Ctrl+F  (Pastikan anda click dlm box html dulu sebelum tekan Ctrl+F ) > masukkan code dibawah dan ENTER
a:visited {

  • Copy (Ctrl + C) code di bawah 
@-moz-keyframes pou {
0% {transform: rotate(0deg) scale(1) ; -webkit-transform: rotate(0deg) scale(1) ; -moz-transform: rotate(0deg) scale(1) ; -o-transform: rotate(0deg) scale(1) ; -ms-transform: rotate(0deg) scale(1) ;}

12% {transform: rotate(10deg) scale(0.9); -webkit-transform: rotate(10deg) scale(0.9) ; -moz-transform: rotate(10deg) scale(0.9) ; -o-transform: rotate(10deg) scale(0.9) ; -ms-transform: rotate(10deg) scale(0.9) ;}

25% {transform: rotate(-10deg) scale(0.4) ; -webkit-transform: rotate(-10deg) scale(0.4); -moz-transform: rotate(-10deg) scale(0.4) ; -o-transform: rotate(-10deg) scale(0.4) ; -ms-transform: rotate(-10deg) scale(0.4) ;}

50% {transform: rotate(0deg) scale(1) ; -webkit-transform: rotate(0deg) scale(1) ; -moz-transform: rotate(0deg) scale(1) ; -o-transform: rotate(0deg) scale(1) ; -ms-transform: rotate(0deg) scale(1) ;}

25% {transform: rotate(-10deg) scale(1.4) ; -webkit-transform: rotate(-10deg) scale(1.4); -moz-transform: rotate(-10deg) scale(1.4) ; -o-transform: rotate(-10deg) scale(1.4) ; -ms-transform: rotate(-10deg) scale(1.4) ;}

87% {transform: rotate(10deg) scale(1.4); -webkit-transform: rotate(10deg) scale(1.4) ; -moz-transform: rotate(10deg) scale(1.4) ; -o-transform: rotate(10deg) scale(1.4) ; -ms-transform: rotate(10deg) scale(1.4) ;}

100% {transform: rotate(0deg) scale(1) ; -webkit-transform: rotate(0deg) scale(1) ; -moz-transform: rotate(0deg) scale(1) ; -o-transform: rotate(0deg) scale(1) ; -ms-transform: rotate(0deg) scale(1) ;}

}

@-webkit-keyframes pou {
0% {transform: rotate(0deg) scale(1) ; -webkit-transform: rotate(0deg) scale(1) ; -moz-transform: rotate(0deg) scale(1) ; -o-transform: rotate(0deg) scale(1) ; -ms-transform: rotate(0deg) scale(1) ;}

12% {transform: rotate(10deg) scale(0.9); -webkit-transform: rotate(10deg) scale(0.9) ; -moz-transform: rotate(10deg) scale(0.9) ; -o-transform: rotate(10deg) scale(0.9) ; -ms-transform: rotate(10deg) scale(0.9) ;}

25% {transform: rotate(-10deg) scale(0.4) ; -webkit-transform: rotate(-10deg) scale(0.4); -moz-transform: rotate(-10deg) scale(0.4) ; -o-transform: rotate(-10deg) scale(0.4) ; -ms-transform: rotate(-10deg) scale(0.4) ;}

50% {transform: rotate(0deg) scale(1) ; -webkit-transform: rotate(0deg) scale(1) ; -moz-transform: rotate(0deg) scale(1) ; -o-transform: rotate(0deg) scale(1) ; -ms-transform: rotate(0deg) scale(1) ;}

25% {transform: rotate(-10deg) scale(1.4) ; -webkit-transform: rotate(-10deg) scale(1.4); -moz-transform: rotate(-10deg) scale(1.4) ; -o-transform: rotate(-10deg) scale(1.4) ; -ms-transform: rotate(-10deg) scale(1.4) ;}

87% {transform: rotate(10deg) scale(1.4); -webkit-transform: rotate(10deg) scale(1.4) ; -moz-transform: rotate(10deg) scale(1.4) ; -o-transform: rotate(10deg) scale(1.4) ; -ms-transform: rotate(10deg) scale(1.4) ;}

100% {transform: rotate(0deg) scale(1) ; -webkit-transform: rotate(0deg) scale(1) ; -moz-transform: rotate(0deg) scale(1) ; -o-transform: rotate(0deg) scale(1) ; -ms-transform: rotate(0deg) scale(1) ;}

}
a img {
-webkit-transition: .9s;-moz-transition: .9s;
}
 img:hover {
-webkit-animation: pou .9s alternate ease;-moz-animation: pou .9s alternate ease;}
}
  • Paste kan (Ctlr+V) code atas tadi di ATAS code yang a:visited { tadi
  • Dan preview. Kalau tak jadi apa2 dan takde ERROR boleh lah SAVE !
  • Kalau jadi atau tak jadi bagi tau ye, mungkin Yura boleh perbaiki code yang salah :)

Background : Colorful


Hope u guys like it.
Credit to tumblr.

Right click on image that u like > Copy Image URL