Tutorial - Text Hit Counter
POSTED ON 11 January 2012 AT Wednesday, January 11, 2012 \ leave a comment (0)

Hello, dalam kotak merah itu lah text hit counter. Ini untuk counting berapa kali blog korang di view. Nak tak nak tak? Hihi. Just follow tutorial ini okay. 

First sekali SINI. Dan korang akan automatic ke page ini. Kemudian, click TEXT HIT COUNTER. Tak tau cari katna? Rujuk gambar di bawah. Yang saya kotakkan dengan color merah tuh..


Then, hold kejap. Pergi Dashboard >> Stats. Ini untuk kira berapa kali dah blog korang kena view. Cari Pageview all time history. Kemudian tulis listkan nombor pageview korang tuh.


Lepas itu, pergi post. Edit post, pergi dekat Oldest. 


Lepas itu, cari date pertama korang buat post. Macam kat bawah ini.


Lepas dah dapat semua, korang pastekan Pageview all time korang tuh dekat kotak kaler merah. Perkataan Visits tuh korang boleh tukar pergi Hits or everything.


Lepas dah itu, click kotak kaler biru itu kuat-kuat. Haha! Sebelum pastekan kat template korang Ctrl+F dulu perkataan ini </script> kemudian tambah dengan since (Date post pertama kamu). 

Kemudian copykan semua dan pastekan ke tempat yang kamu nak. Preview dan Save :)

Labels:

Blockquote Hover
POSTED ON 09 January 2012 AT Monday, January 09, 2012 \ leave a comment (0)
Assalamualaikum everyone :) How's your day? Today I learned Add Mathematics. Quite easy, thanks God I understood about it xD Okay, continue my tutor. Today I wanna teach chu how to make a blockquote hover. Don't know what it is?  View the pictures.

Just ignore that text okay? It's my wishlist for 2012 actually T__T  This one is basic blockquote.

Hah, this one is blockquote hover. It's change after your cursor point to it. So this is the code baby;

}
blockquote {
border: #F5A9BC 1px dotted;
font-color: #5B5B5B;
background-image: url(URL Background);
padding: 5px;
-webkit-transition: 0.5s;
}
blockquote:hover {
padding: 5px;
border: 1px dashed #ffffff;
border-radius: 10px;
-webkit-transition: 0.5s;
}
- Red for colors, you can change it if you want.
- Blue for shape. You can change it to dashed, dotted or solid.
- Fuchsia for URL background. You can find it in my freebies.

Okay, that's all. Comment if it working :) PREVIEW and SAVE then!

Labels:

Highlight Shadow
POSTED ON 07 January 2012 AT Saturday, January 07, 2012 \ leave a comment (0)

Ola ebelibadi.. Hari ini saya nak buat tutor tentang Highlight Shadow. Siapa yang tak tahu highlight shadow tuh macam mana, cam kat atas di picture tuh hah. Perkataan akan jadi macam itu bila kita nak copy. 

Macam biasa, mula-mula kita pergi Template. Ctrl+F code ini </style>. Kemudian paste kan code ini atas code yang korang cari tadi. 

::-moz-selection{
color:#FFA0CA;
text-shadow: 2px 2px 3px #70FFF9;
}
::selection {
color:#FFA0CA;
text-shadow: 2px 2px 3px #70FFF9;
}
- Yang kaler merah tuh untuk warna perkataan. korang tukar lah colour apa yang korang nak. Tapi make sure, code color sama.
- Yang kaler biru tuh pulak untuk shadow. Carilah color yang light untuk nampak cantik. Code color pun mesti sama juga.

Dah edit apa suma, preview dulu. Kalau nampak cantik dan sesuai mengikut citarasa anda, just SAVE it! By the way, color boleh cari dekat SINI.

Kalau dah guna tutor ini, kindly click LINK ini. Terima kasih :)

Labels:

How To Make A Cute MP3
POSTED ON AT Saturday, January 07, 2012 \ leave a comment (0)

Ini cute MP3. Actually tutor ini dah banyak orang minta buat, tapi saya malas, hehe. Harini saya rajin, so saya akan buatkan tutor okay. Kalau tak faham boleh tanya saya kat komen or cbox okay. By the way, credit to Jaja.

Firstly, pergi sini dahulu. Click tab Generator, pilih colors. Sana, korang designlah macam yang korang mahu.


Kalau dah siap customize, pergi Generator balik. Then, ubah digit O ke digit 1. Kalau taknak autoplay, kamu boleh biarkan nombor itu dengan digit O.


Untuk cari lagu pula, kamu pergi sini. Lepas itu, search lagu yang korang nak dekat tab paling atas.


Lepaih toh, copy link kat sini.


Dah copy, pastekan ke tempat link lagu itu. Kemudian, copy dan pastekan ke tempat yang kamu nak letak MP3 kamu. Preview dulu then baru save.


Dah siap? Click SINI untuk menderma :) Click tau..

Labels:

Online Users
POSTED ON 05 January 2012 AT Thursday, January 05, 2012 \ leave a comment (0)

Hey everyone! Salam Jumaat semua. Hari ini saya sangat-sangat penat sebab baru dapat 17 buku teks -.-. Bahasa Melayu, English, Matematik, Biologi, Fizik, Kimia, Novel BM, Literature, Pjk, Psk, Add Math, Agama Islam.. Apa lagi eh? Aku lupa lah. Haha! Tadi ramai orang tanya aku pindah sekolah ke tak sebab aku ada dapat tawaran bersekolah di Teknik Labuan kos Elektrik. Baba aku tolak mentah-mentah T__T.

Okay, continue dengan tutor aku hari ini. Online users, aku rasa mende nie penting sebab kita boleh tahu berapa orang tengah skodeng blog kita. An an an? Siapa tak tahu online user tuh cane, macam dalam gambar  diatas yang aku highlight kan guna kotak merah tuh. 

Macam biasa pergi template korang, letak mana korang nak. Aku suggest dekat tempat Navigation, sebab senang nampak, hehe. Okay, malas nak bebel. Tengok pixca neh.

Mula-mula kena click SINI dulu. Eh tak, kat SINI, jangan marah eh? Hiks. Dah? Pastu buat macam ini.


- Yang kaler BIRU tuh, korang tulis lah apa korang nak. Tab atas untuk visitor seorang, kalau kat bawah untuk lebih dari seorang. Pesen sekarang guna Chingu ataupun Chingu(s). 
- Lepaih tuh, tekan dengan penuh perasaan Ombak Rindu kat kotak kaler MERAH tuh. 

Dah dapat code an? Pastekan lah katne tempat yang korang suka.. PREVIEW dulu, kalau ngam SAVE lee..

By the way, tutor ini aku buat sendiri. Jangan pandai-pandai nak ngaku korang punya lak. Tenyeh kang :D

Labels:

Classic Templates 2 Column with Navigation
POSTED ON 04 January 2012 AT Wednesday, January 04, 2012 \ leave a comment (0)
Hello everyone! Hari ini saya sangat-sangat baik. Saya akan ajar korang satu-persatu macam mana nak buat classic templates 2 column with navigation sendiri. Saya ajar basic saja, nanti korang pandai-pandailah nak cantikkan okay? If korang using code saya make sure korang credit kan saya. Macam ini;
Basecodes by: Zhyzhy Chin.
Ingat! Saya hafal codes saya tau. Korang tak credit saya sumpah blog korang hodoh! Ceh, gurau jek. Hihi. Tapi wajib, mesti credit kan ke nama saya tau, haha. Penat saya buat. Okay, let's start.
<html><head><title>Blog Name</title></head>
- Kaler Merah itu korang tukarlah ikut suka hati korang okay. Itu nama blog. Kalau nak ada header guna code ini.
<html><head><center><img src="URL Header" /></center><title>Blog Name</title>
Kemudian, paste kan code ini di bawah code di atas.
<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url (URL Background);
font-family:  Trebuchet MS;
background-attachment:fixed;
cursor: url (URL Cursor), auto;
}
a:link, a:visited {
color: #E76E7C;
Cursor: url (URL Cursor), auto;
text-decoration:none;
}
a:hover {
Cursor: url  (URL Cursor), auto;
color:#F4F800;
}
</style>
<body oncontextmenu='return false;'><br>
- Kaler Merah macam biasa, amek direct link mana yang berkenan.
- Kaler Biru tuh, korang boleh warna yang korang suka lah. But make sure, warna different so dia nampak cantik jek.
- Yang saya bold kan itu, penting korang letak supaya page source korang tak boleh kena curi.

Okay, now. Nampak tak kaler ini kat atas? Pastekan code ini kat bawah kaler ini.
.content {
background:#ffffff;
color: #666666;
font-size: 11px;
padding:14px;
width: 600px;
text-align:left;
}
.bar {
background: #ffffff;
color: #666666;
font-size: 11px;
width:  230px;
padding: 12px;
border-radius: 10px;
margin-bottom: 15px;
text-align: left;
}
.main-title {
color:#424242;
font-family: Segoe UI Symbol;
font-size: 15px;
padding: 3px;
border-bottom:1px solid #E76E7C;
}
.sec-title {
color:#424242;
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
blockquote{
border-left: 10px solid #F4F800;
padding: 7px;
background: #FFFFFF;
}
a:hover {
Cursor: (http://cur.cursors-4u.net/cursors/cur-9/cur818.cur), auto;
color: #F4F800;
-webkit-transition:1s;
}
b {
color: #E76E7C;
}
u {
text-decoration: none;
color: #E76E7C;
border-bottom: 1px solid #F4F800;
}
i{
color: #F4F800;
}
s{
color: #E76E7C;
}
::-moz-selection{
background: #FFFFFF;
color: #F7819F;
}
::selection{
background: #FFFFFF;
color: #F7819F;
}
- Kaler Merah tuh, korang jangan pandai-pandai tukar taw? Ngam dah setting dia tuhh.
- Biru, Purple, Pink, dengan kaler Hijau tuh korang tukar lah ikut korang punya suka. Tapi make sure ikut tiap golongan warna tau. Nati jadi pelik pula. Contoh kalau kaler Biru tuh make sure, dua-dua warna sama code!

Lepaih itu, Ctrl+F kan code ini <body oncontextmenu='return false;'><br> kemudian paste kan code ini kat bawah nya.
<table style="line-height: 17px;" width="900" border="0" align="center" cellspacing="10">
<tbody><tr> 
<td valign="top" style="width:600px; padding:10px; border-radius:10px; background:#ffffff; font-size:11px;"> 
<div id="content">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>
Dah siap? Eh bukan siap buat lah, siap paste. Haha! Kemudian post lagi. Sambung sahaja okay?
<td valign="top" width="230px">
<div class="bar">
<div class="main-title">Title Sidebar</div>
Content Sidebar</div><br>
<div class="bar">
<div class="main-title">Title Sidebar</div>
Content Sidebar</div><br>
<div class="bar">
<div class="main-title">Title Sidebar</div>
Content Sidebar</div><br>
<div class="bar">
<div class="main-title">Title Sidebar</div>
Content Sidebar</div><br>
</td>
- Kaler Merah, korang boleh tukar pergi Bounjor, Tagboard, Credit or apa-apa sahaja.
- Kaler Biru, korang isi dengan ayat yang korang nak lah. Tapi Sidebar pertama mesti masukkan code dibawah ini tau :>

Okay, now untuk navigation lagi. Ini navigation macam biasa sahaja tau. Takda block or shape sume. Korang boleh letak suke hati kat na korang suke di Content Sidebar di atas.
<a class="bar" onClick="document.getElementById('content').innerHTML=document.getElementById('profile').innerHTML" title="">About</a><br><br>
<a class="bar" onClick="document.getElementById('content').innerHTML=document.getElementById('link').innerHTML" title="">Links</a><br><br>
<a class="bar" onClick="document.getElementById('content').innerHTML=document.getElementById('goodie').innerHTML" title="">Goodies</a><br><br>
<a class="bar" onClick="document.getElementById('content').innerHTML=document.getElementById('Post').innerHTML" title="">Home</a>
</div>
Copy code ini dan pastekan dekat bawah code atas ini hah.
<div id="profile" style="display:none;"><div class="main-title">The Webmaster</div><br>Tulislah ape-ape berkenaan diri korang kat sini / Biodata korang</div> 
<div id="link" style="display:none;"><div class="main-title">Affies&Linkies</div><br><a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a></div> 
<div id="goodie" style="display:none;"><div class="main-title">Tutorial & Freebie</div><br><a href="blogger.com"/>Tutor</a><br><a href="blogger.com"/>Tutor</a><br>
<a href="blogger.com"/>Tutor</a><br><br><a href="blogger.com"/>Freebie</a><br><a href="blogger.com"/>Freebie</a><br><a href="blogger.com"/>Freebie</a><br></div> 
<div id="post" style="display:none;"><blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><$blogitembody$></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
Kalau nak letak button Follow ngan Dasboard letak sebelum code </html>. Apa-apapun sebelum save jangan lupa PREVIEW dulu tau. Kalau korang tak faham, tanya saja dekat Cbox saya. Kalau nak guna tutor ini atau pun nak buat skin dengan code saya, make sure creditkan. kalau tak saya benci dia. hoho!

Nanti saya buat freebie untuk skin ini kalau saya rajin :> tapi saya dah ada blogskin dah. Ni hah, http://www.blogskins.com/me/nana_zhyzhy. Saya nak off dulu, Ejal dah merajok! Hoho, bye! Good luck.

Labels: ,

Create Your Churp-Churp
POSTED ON 26 December 2011 AT Monday, December 26, 2011 \ leave a comment (0)

Ola everyone. Hari neh Zhyzhy nak ajar macam mana nak buat Churp Churp. Awak tau apa itu Churp Churp? Churp Churp neh macam Heartbeat dan Nuffnang juga. Beside blogging, kita boleh dapat income.
Tapi, kalau guna Churp total dapat Rm100 baru boleh cash out. Kalau Heartbeat Rm50.00. Hebat kan?

Okay, sekarang kita pergi login kat Churp Churp dulu. Klik INI kemudian INI.

Click Sign In with Facebook or Twitter. Dan anda akan automatic kesini.

Isi semua dengan betul. Dan tekan Submit bila dah siap. Kemudian click Share The Campaigns.

Dah siap. Nanti saya ajar macam mana nak letak dalam blog okay? By the way, click dulu Churp2 saya? Penat saya buat tutor tau :>

Labels:

Favicon
POSTED ON AT Monday, December 26, 2011 \ leave a comment (0)

ATTENTION! Tutor ini khas untuk Classic Template sahaja. Thank you :)

Go to Dashboard and click Template.

Ctrl+F ; <head>

Copy and pastekan below <head>. 
<link href='Picture URL' rel='shortcut icon' type='image/gif'/>
Preview first and Save.

Boleh cari Favicon comel-comel kat sini.

Labels:

✪ Word following cursor
POSTED ON 21 November 2011 AT Monday, November 21, 2011 \ leave a comment (0)

"Negaraku, tanah tumpahnya darahku. Rakyat hidup bersatu dan maju. Rahmat bahgia Tuhan kurniakan. Raja kita selamat bertakhta". Ya Allah! Give Harimau Muda's team strength to win competition of Sea's sport, AMIN! Okay, let's move on.

Firstly,
Dashboard >> Add a gadget >> HTML/Java Script
Next,

<style type="text/css">

/* Circle Text Styles */

#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'comic sans';
color: #FF0080;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "YOUR WORD HERE";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script> 
Then,
Change YOUR WORD HERE
Lastly,
preview >> looking good? >> SAVE!

Labels:

✪ Tiny Cutey Cursors
POSTED ON 19 November 2011 AT Saturday, November 19, 2011 \ leave a comment (0)

Don't know how to add cursor? Just click here babies :3 Here there are some free cursors that I've choosed just for you. Trend for blog now okay? Hikhikhik.

Pink
http://cur.cursors-4u.net/cursors/cur-9/cur838.cur

Grey
http://cur.cursors-4u.net/cursors/cur-9/cur835.cur

Purple
http://cur.cursors-4u.net/cursors/cur-9/cur834.cur

Blue
 http://cur.cursors-4u.net/cursors/cur-9/cur830.cur

Green
 http://cur.cursors-4u.net/cursors/cur-9/cur829.cur

 Red
http://cur.cursors-4u.net/cursors/cur-9/cur825.cur

done! sorry can't preview it :( sob sob sob. by the way, the cursor look like mine. same!

Labels:

✪ How to use CURSOR
POSTED ON AT Saturday, November 19, 2011 \ leave a comment (0)

Before that, I wanna tell you that my grandma have arrived safely from Makkah yesterday. Congrats Hajjah Suratmeh! Okay, let's move on.

Firstly, 
Log in >> Dashboard
Next,
Design >> Edit HTML
Then,
<style type="text/css">body, a:hover {cursor: url(URL CURSOR), progress;}</style>
Lastly,
Preview >> Looking good? >> Save! 

Labels: